/* Animation for spinners */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(359deg);
  }
}

.icon-loading:before,
.icon-hc-loading:before,
.animate-spin:before {
  animation: spin 2s infinite linear;
  display: inline-block;
}

@font-face {
  font-family: "EVC-Adults";
  src:
    url(../media/EVC-Adults.15c484fff92a27f43bfb.ttf) format("truetype"),
    url(../media/EVC-Adults.24a08849d70ba5687b0c.woff) format("woff"),
    url(../media/EVC-Adults.155e37ec203fe10d8138.svg#EVC-Adults)
      format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "EVC-Adults" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-bold:before {
  content: "\e900";
}
.icon-indicator-alert:before {
  content: "\e901";
}
.icon-hide-notes:before {
  content: "\e902";
}
.icon-italic:before {
  content: "\e903";
}
.icon-cam-block:before {
  content: "\e904";
}
.icon-indicator-download:before {
  content: "\e905";
}
.icon-notes-text-colour:before {
  content: "\e906";
}
.icon-show-notes:before {
  content: "\e907";
}
.icon-text-colour:before {
  content: "\e908";
}
.icon-text-size:before {
  content: "\e909";
}
.icon-all-tools:before {
  content: "\e90a";
}
.icon-arrow-dropdown:before {
  content: "\e90b";
}
.icon-arrow-left:before {
  content: "\e90c";
}
.icon-arrow-right:before {
  content: "\e90d";
}
.icon-attendee:before {
  content: "\e90e";
}
.icon-cam-off:before {
  content: "\e90f";
}
.icon-cam-on:before {
  content: "\e910";
}
.icon-chat-closed:before {
  content: "\e911";
}
.icon-chat-open:before {
  content: "\e912";
}
.icon-exit:before {
  content: "\e913";
}
.icon-cross:before {
  content: "\e914";
}
.icon-delete:before {
  content: "\e915";
}
.icon-free-draw:before {
  content: "\e916";
}
.icon-host:before {
  content: "\e917";
}
.icon-library:before {
  content: "\e918";
}
.icon-listen-only-on:before {
  content: "\e919";
}
.icon-listen-only:before {
  content: "\e91a";
}
.icon-material-notes-open:before {
  content: "\e91b";
}
.icon-material-notes:before {
  content: "\e91c";
}
.icon-mic-block:before {
  content: "\e91d";
}
.icon-mic-off:before {
  content: "\e91e";
}
.icon-mic-on:before {
  content: "\e91f";
}
.icon-raise-hand-state:before {
  content: "\e920";
}
.icon-raise-hand:before {
  content: "\e921";
}
.icon-refresh:before {
  content: "\e922";
}
.icon-settings-active:before {
  content: "\e923";
}
.icon-settings-normal:before {
  content: "\e924";
}
.icon-view-dynamic-active:before {
  content: "\e925";
}
.icon-pointer:before {
  content: "\e926";
}
.icon-view-dynamic-normal:before {
  content: "\e927";
}
.icon-view-hide-active:before {
  content: "\e928";
}
.icon-rectangle-filled:before {
  content: "\e929";
}
.icon-rectangle:before {
  content: "\e92a";
}
.icon-text:before {
  content: "\e92b";
}
.icon-list:before {
  content: "\e92c";
}
.icon-pause:before {
  content: "\e92d";
}
.icon-play:before {
  content: "\e92e";
}
.icon-message:before {
  content: "\e92f";
}
.icon-selection:before {
  content: "\e930";
}
.icon-view-hide-normal:before {
  content: "\e931";
}
.icon-view-host-only-active:before {
  content: "\e932";
}
.icon-rectangle-cursor:before {
  content: "\e933";
}
.icon-arrow-cursor:before {
  content: "\e934";
}
.icon-pencil-cursor:before {
  content: "\e935";
}
.icon-selection-move-cursor:before {
  content: "\e936";
}
.icon-text-cursor:before {
  content: "\e937";
}
.icon-loading:before {
  content: "\e938";
}
.icon-view-host-only-normal:before {
  content: "\e939";
}
.icon-arrow-up:before {
  content: "\e93a";
}
.icon-chair-active:before {
  content: "\e93b";
}
.icon-chair-normal:before {
  content: "\e93c";
}
.icon-device-desktop:before {
  content: "\e93d";
}
.icon-device-phone:before {
  content: "\e93e";
}
.icon-device-tablet:before {
  content: "\e93f";
}
.icon-hide:before {
  content: "\e940";
}
.icon-mic-on-2:before {
  content: "\e941";
}
.icon-more-options:before {
  content: "\e942";
}
.icon-pen-draw:before {
  content: "\e943";
}
.icon-rotate-landscape:before {
  content: "\e944";
}
.icon-rotate-portrait:before {
  content: "\e945";
}
.icon-show:before {
  content: "\e946";
}
.icon-speaker-active:before {
  content: "\e947";
}
.icon-speaker-block:before {
  content: "\e948";
}
.icon-speaker-silient:before {
  content: "\e949";
}
.icon-speaker-volume-down:before {
  content: "\e94a";
}
.icon-speaker-volume-up:before {
  content: "\e94b";
}
.icon-tick:before {
  content: "\e94c";
}
.icon-arrow-down-s:before {
  content: "\e94d";
}
.icon-arrow-left-s:before {
  content: "\e94e";
}
.icon-arrow-right-s:before {
  content: "\e94f";
}
.icon-arrow-up-s:before {
  content: "\e950";
}
.icon-arrow-pointer:before {
  content: "\e951";
}
.icon-clock:before {
  content: "\e952";
}
.icon-thumb-up-filled:before {
  content: "\e953";
}
.icon-thumb-up-outline:before {
  content: "\e954";
}
.icon-text-colour-stroke:before {
  content: "\e955";
}
.icon-close-filled:before {
  content: "\e956";
}
.icon-search:before {
  content: "\e957";
}
.icon-slide:before {
  content: "\e958";
}
.icon-tag_filled:before {
  content: "\e959";
}
.icon-tag_outline:before {
  content: "\e95a";
}
.icon-UFO:before {
  content: "\e95b";
}
.icon-audio-file:before {
  content: "\e95c";
}
.icon-video-file:before {
  content: "\e95d";
}
.icon-text-file:before {
  content: "\e95e";
}
.icon-layout-full-screen:before {
  content: "\e95f";
}
.icon-layout-split-screen:before {
  content: "\e960";
}
.icon-layout-pip:before {
  content: "\e961";
}
.icon-layout-together:before {
  content: "\e962";
}
.icon-notification-warming:before {
  content: "\e963";
}
.icon-logo:before {
  content: "\e964";
}
.icon-leave-active:before {
  content: "\e965";
}
.icon-leave-inactive:before {
  content: "\e966";
}
.icon-virtual-backgrounds:before {
  content: "\e967";
}
.icon-screen-sharing-normal:before {
  content: "\e968";
}
.icon-screen-sharing-active:before {
  content: "\e969";
}
.icon-notes-open:before {
  content: "\e96a";
}
.icon-notes:before {
  content: "\e96b";
}
.icon-breakout-rooms:before {
  content: "\e96c";
}
.icon-hc-arrow-left:before {
  content: "\e96d";
}
.icon-hc-arrow-right:before {
  content: "\e96e";
}
.icon-hc-cam-off:before {
  content: "\e96f";
}
.icon-hc-cam-on:before {
  content: "\e970";
}
.icon-hc-chat:before {
  content: "\e971";
}
.icon-hc-expand:before {
  content: "\e972";
}
.icon-hc-mic-off:before {
  content: "\e973";
}
.icon-hc-mic-on:before {
  content: "\e974";
}
.icon-hc-settings:before {
  content: "\e975";
}
.icon-hc-arrow-go:before {
  content: "\e976";
}
.icon-hc-audio:before {
  content: "\e977";
}
.icon-hc-image:before {
  content: "\e978";
}
.icon-hc-pencil:before {
  content: "\e979";
}
.icon-hc-pointer:before {
  content: "\e97a";
}
.icon-hc-select:before {
  content: "\e97b";
}
.icon-hc-text:before {
  content: "\e97c";
}
.icon-hc-video:before {
  content: "\e97d";
}
.icon-hc-visible-off:before {
  content: "\e97e";
}
.icon-hc-visible-on:before {
  content: "\e97f";
}
.icon-hc-loading:before {
  content: "\e980";
}
.icon-hc-volume:before {
  content: "\e981";
}
.icon-hc-library:before {
  content: "\e982";
}
.icon-hc-group:before {
  content: "\e983";
}
.icon-hc-delete:before {
  content: "\e984";
}
.icon-hc-student:before {
  content: "\e985";
}
.icon-interaction-normal:before {
  content: "\e986";
}
.icon-triangle-left:before {
  content: "\e987";
}
.icon-triangle-right:before {
  content: "\e988";
}
.icon-interaction-active:before {
  content: "\e989";
}
.icon-hc-options:before {
  content: "\e98a";
}
.icon-hc-view-dynamic:before {
  content: "\e98b";
}
.icon-hc-exit:before {
  content: "\e98c";
}
.icon-hc-refresh:before {
  content: "\e98d";
}

/* customized select */
.evc-select {
  position: relative;
}
.evc-select select {
  width: 100%;
  -webkit-appearance: none;
          appearance: none;
  padding-right: 2px;
}
.evc-select::after {
  font-family: "EVC-Adults";
  font-size: 8px;
  content: "\e94d";
  position: absolute;
  background-color: #fff;
  top: 0;
  right: 0;
  height: 100%;
  width: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid transparent;
  background-clip: padding-box;
  pointer-events: none;
}
.evc-select select:disabled {
  color: #888ea1;
  background-color: #e8ecf1;
  opacity: 1;
}
.evc-select.disabled::after {
  color: #c5cfe3;
  background-color: #e8ecf1;
}

/* react model */
.ReactModal__Body--open {
  overflow: hidden;
}