@charset "UTF-8";
/* Warringal Financial Services theme*/
/* use with class="btn-suitebox" on the button */
/* nav bar has a horizontal gradient, make start and end colours the same to have a solid colour */
/* background for nav on master-white.php, this template is used when you're not logged in (e.g. reset password, login page) */
/* Styles for tall dividers in meeting nav */
/* Styles for short dividers in meeting nav */
/* Styles for logo in meeting nav */
/* Logo top style in control panel/details page */
/* Navbar Icons */
/* Font Roboto */
@import url("https://fonts.googleapis.com/css2?family=Catamaran:wght@300;400&family=Inter:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");
@font-face {
  font-family: 'Roboto';
  src: url("../../../fonts/roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

* {
  font-family: 'Roboto'; }

/*--------------------
-----Main Styles------
----------------------*/
.fill-height, html, body, .container {
  min-height: 100%;
  height: auto !important;
  /* cross-browser */
  height: 100%;
  /* cross-browser */ }

.default-left-container, .default-right-container {
  min-width: 275px;
  width: 275px; }

.default-center-container, .document-center-container {
  width: 57%; }

.default-left-container .video-panel, .default-left-container .divider-panel, .default-left-container .documents-panel, .default-left-container .system-panel, .default-right-container .divider-panel {
  padding-left: calc(1.17 * 1vw);
  padding-right: calc(1.17 * 1vw); }

.default-left-container-mini {
  width: 50px;
  min-width: 0 !important;
  float: left; }

.default-left-container .default-side-panel-row {
  min-width: 100%;
  width: 100%;
  height: 100vh; }

.default-left-container .default-side-panel-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.default-left-container menu-panel {
  width: 100%; }
  .default-left-container menu-panel p.menu-section-title {
    font-size: 12px;
    clear: both;
    color: #3e4244; }

.default-left-container .items .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .default-left-container .items .item .text-button {
    color: #3e4244; }
  .default-left-container .items .item .icon-wrap {
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .default-left-container .items .item .icon-wrap img, .default-left-container .items .item .icon-wrap svg {
      height: 24px; }
      .default-left-container .items .item .icon-wrap img path, .default-left-container .items .item .icon-wrap img g, .default-left-container .items .item .icon-wrap svg path, .default-left-container .items .item .icon-wrap svg g {
        stroke: #28a0bf;
        fill: #28a0bf; }
  .default-left-container .items .item .count {
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    margin-right: 20%;
    float: right;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 1px 7px;
    font-size: 11px;
    color: #000000 !important;
    background-color: #ff8c00;
    border-radius: 10em;
    -webkit-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 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.default-left-container .meeting-tooltip {
  position: relative;
  display: inline-block; }
  .default-left-container .meeting-tooltip .meeting-tooltip-text {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0.2s linear,opacity 0.2s linear;
    transition: visibility 0.2s linear,opacity 0.2s linear;
    width: 120px;
    background-color: black;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    left: 20px;
    padding: 10px;
    top: -30px; }
    .default-left-container .meeting-tooltip .meeting-tooltip-text:before {
      content: '';
      display: block;
      width: 0;
      height: 0;
      position: absolute;
      border-top: 8px solid transparent;
      border-bottom: 8px solid transparent;
      border-right: 8px solid black;
      left: -8px;
      top: 10px; }

.default-left-container .logo-panel {
  min-height: calc(1vh*12.63); }
  .default-left-container .logo-panel .logo {
    content: url("/themes/cpal/img/logo.png");
    margin-left: calc(1.5 * 1vw);
    margin-right: calc(1.5 * 1vw);
    padding-top: 9%;
    margin-bottom: 9%;
    max-height: 120px;
    max-width: 80%; }

.default-left-container .video-panel {
  font-family: Roboto;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 5%; }
  .default-left-container .video-panel .items .item {
    margin-top: 6%; }
    .default-left-container .video-panel .items .item .icon-wrap:hover + .meeting-tooltip .meeting-tooltip-text {
      visibility: visible;
      opacity: 1; }
    .default-left-container .video-panel .items .item .icon-recording, .default-left-container .video-panel .items .item .icon-start-recording, .default-left-container .video-panel .items .item .icon-video-recordings, .default-left-container .video-panel .documents-panel .items .item .icon-upload, .default-left-container .documents-panel .video-panel .items .item .icon-upload, .default-left-container .video-panel .documents-panel .items .item .icon-documents-to-sign, .default-left-container .documents-panel .video-panel .items .item .icon-documents-to-sign, .default-left-container .video-panel .documents-panel .items .item .icon-documents-to-read, .default-left-container .documents-panel .video-panel .items .item .icon-documents-to-read, .default-left-container .video-panel .documents-panel .items .item .icon-signed-documents, .default-left-container .documents-panel .video-panel .items .item .icon-signed-documents, .default-left-container .video-panel .system-panel .items .item .icon-chat, .default-left-container .system-panel .video-panel .items .item .icon-chat, .default-left-container .video-panel .system-panel .items .item .icon-leave-meeting, .default-left-container .system-panel .video-panel .items .item .icon-leave-meeting, .default-left-container .video-panel .system-panel .items .item .icon-refresh, .default-left-container .system-panel .video-panel .items .item .icon-refresh, .default-left-container .video-panel .system-panel .items .item .icon-medical, .default-left-container .system-panel .video-panel .items .item .icon-medical, .default-left-container .video-panel .system-panel .items .item .icon-shield, .default-left-container .system-panel .video-panel .items .item .icon-shield {
      float: left;
      height: 24px;
      vertical-align: top; }
    .default-left-container .video-panel .items .item .icon-recording svg {
      width: 24px; }
    .default-left-container .video-panel .items .item .icon-recording image {
      x: 0;
      y: 0; }
    .default-left-container .video-panel .items .item .icon-start-recording svg {
      width: 24px; }
    .default-left-container .video-panel .items .item .icon-start-recording image {
      x: 0;
      y: 0; }
    .default-left-container .video-panel .items .item .text-button {
      font-family: Roboto;
      font-size: 14px;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.14;
      letter-spacing: normal; }

.default-left-container .divider-panel {
  min-height: calc(1vh*1.04);
  margin-bottom: 5%; }

.default-left-container .documents-panel {
  min-height: calc(1vh*15.63);
  font-family: Roboto;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 5%; }
  .default-left-container .documents-panel .items .item {
    margin-top: 6%; }
    .default-left-container .documents-panel .items .item .icon-wrap:hover + .meeting-tooltip .meeting-tooltip-text {
      visibility: visible;
      opacity: 1; }
    .default-left-container .documents-panel .video-panel .items .item .icon-recording, .default-left-container .video-panel .documents-panel .items .item .icon-recording, .default-left-container .documents-panel .video-panel .items .item .icon-start-recording, .default-left-container .video-panel .documents-panel .items .item .icon-start-recording, .default-left-container .documents-panel .video-panel .items .item .icon-video-recordings, .default-left-container .video-panel .documents-panel .items .item .icon-video-recordings, .default-left-container .documents-panel .items .item .icon-upload, .default-left-container .documents-panel .items .item .icon-documents-to-sign, .default-left-container .documents-panel .items .item .icon-documents-to-read, .default-left-container .documents-panel .items .item .icon-signed-documents, .default-left-container .documents-panel .system-panel .items .item .icon-chat, .default-left-container .system-panel .documents-panel .items .item .icon-chat, .default-left-container .documents-panel .system-panel .items .item .icon-leave-meeting, .default-left-container .system-panel .documents-panel .items .item .icon-leave-meeting, .default-left-container .documents-panel .system-panel .items .item .icon-refresh, .default-left-container .system-panel .documents-panel .items .item .icon-refresh, .default-left-container .documents-panel .system-panel .items .item .icon-medical, .default-left-container .system-panel .documents-panel .items .item .icon-medical, .default-left-container .documents-panel .system-panel .items .item .icon-shield, .default-left-container .system-panel .documents-panel .items .item .icon-shield {
      float: left;
      height: 24px;
      vertical-align: top; }
    .default-left-container .documents-panel .items .item .icon-documents-to-sign {
      margin-left: 4px;
      margin-right: -4px; }
    .default-left-container .documents-panel .items .item .text-button {
      font-family: Roboto;
      font-size: 14px;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.14;
      letter-spacing: normal; }

.default-left-container .system-panel {
  min-height: calc(1vh*2.81);
  font-family: Roboto;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 5%; }
  .default-left-container .system-panel .items .item {
    margin-top: 6%; }
    .default-left-container .system-panel .items .item .icon-wrap:hover + .meeting-tooltip .meeting-tooltip-text {
      visibility: visible;
      opacity: 1; }
    .default-left-container .system-panel .video-panel .items .item .icon-recording, .default-left-container .video-panel .system-panel .items .item .icon-recording, .default-left-container .system-panel .video-panel .items .item .icon-start-recording, .default-left-container .video-panel .system-panel .items .item .icon-start-recording, .default-left-container .system-panel .video-panel .items .item .icon-video-recordings, .default-left-container .video-panel .system-panel .items .item .icon-video-recordings, .default-left-container .system-panel .documents-panel .items .item .icon-upload, .default-left-container .documents-panel .system-panel .items .item .icon-upload, .default-left-container .system-panel .documents-panel .items .item .icon-documents-to-sign, .default-left-container .documents-panel .system-panel .items .item .icon-documents-to-sign, .default-left-container .system-panel .documents-panel .items .item .icon-documents-to-read, .default-left-container .documents-panel .system-panel .items .item .icon-documents-to-read, .default-left-container .system-panel .documents-panel .items .item .icon-signed-documents, .default-left-container .documents-panel .system-panel .items .item .icon-signed-documents, .default-left-container .system-panel .items .item .icon-chat, .default-left-container .system-panel .items .item .icon-leave-meeting, .default-left-container .system-panel .items .item .icon-refresh, .default-left-container .system-panel .items .item .icon-medical, .default-left-container .system-panel .items .item .icon-shield {
      float: left;
      height: 24px;
      vertical-align: top; }
    .default-left-container .system-panel .items .item .icon-chat {
      height: auto;
      margin-right: calc(21px - 20px);
      margin-left: 3px; }
      .default-left-container .system-panel .items .item .icon-chat svg {
        width: 20px; }
    .default-left-container .system-panel .items .item .icon-leave-meeting {
      height: auto;
      margin-right: calc(21px - 18px);
      margin-left: 3px; }
      .default-left-container .system-panel .items .item .icon-leave-meeting svg {
        width: 18px; }
    .default-left-container .system-panel .items .item .icon-refresh {
      height: auto;
      margin-right: calc(21px - 16px);
      margin-left: 3px; }
      .default-left-container .system-panel .items .item .icon-refresh svg {
        width: 16px; }
    .default-left-container .system-panel .items .item .icon-medical {
      padding: 2px; }
    .default-left-container .system-panel .items .item .icon-shield {
      padding: 2px; }
    .default-left-container .system-panel .items .item .text-button {
      font-family: Roboto;
      font-size: 14px;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.14;
      letter-spacing: normal; }

.default-left-container hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px; }

.minimised-menu .items .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  .minimised-menu .default-left-container .video-panel .items .item .icon-recording, .default-left-container .video-panel .minimised-menu .items .item .icon-recording, .minimised-menu .default-left-container .video-panel .items .item .icon-start-recording, .default-left-container .video-panel .minimised-menu .items .item .icon-start-recording, .minimised-menu .default-left-container .video-panel .items .item .icon-video-recordings, .default-left-container .video-panel .minimised-menu .items .item .icon-video-recordings, .minimised-menu .default-left-container .documents-panel .items .item .icon-upload, .default-left-container .documents-panel .minimised-menu .items .item .icon-upload, .minimised-menu .default-left-container .documents-panel .items .item .icon-documents-to-sign, .default-left-container .documents-panel .minimised-menu .items .item .icon-documents-to-sign, .minimised-menu .default-left-container .documents-panel .items .item .icon-documents-to-read, .default-left-container .documents-panel .minimised-menu .items .item .icon-documents-to-read, .minimised-menu .default-left-container .documents-panel .items .item .icon-signed-documents, .default-left-container .documents-panel .minimised-menu .items .item .icon-signed-documents, .minimised-menu .default-left-container .system-panel .items .item .icon-chat, .default-left-container .system-panel .minimised-menu .items .item .icon-chat, .minimised-menu .default-left-container .system-panel .items .item .icon-leave-meeting, .default-left-container .system-panel .minimised-menu .items .item .icon-leave-meeting, .minimised-menu .default-left-container .system-panel .items .item .icon-refresh, .default-left-container .system-panel .minimised-menu .items .item .icon-refresh, .minimised-menu .default-left-container .system-panel .items .item .icon-medical, .default-left-container .system-panel .minimised-menu .items .item .icon-medical, .minimised-menu .default-left-container .system-panel .items .item .icon-shield, .default-left-container .system-panel .minimised-menu .items .item .icon-shield {
    float: none !important; }

.default-center-container-large {
  width: 75% !important; }

.default-center-container {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .default-center-container content-panel {
    width: 100%; }
  .default-center-container .default-panel-row {
    min-width: 100%;
    width: 100%;
    height: 100vh; }
  .default-center-container .meeting-title-panel, .default-center-container .meeting-date-panel, .default-center-container .meeting-timer-panel, .default-center-container .meeting-note-panel {
    margin-left: 7.35%;
    margin-right: 22.06%; }
  .default-center-container .meeting-title-panel {
    min-height: calc(1vh*6.77);
    font-family: Roboto;
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.87);
    float: left; }
  .default-center-container .meeting-date-panel {
    min-height: calc(1vh*4.16);
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.54);
    margin-top: 4.16%;
    float: left !important; }
  .default-center-container .meeting-timer-panel {
    min-height: calc(1vh*4.16);
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.54);
    margin-top: 4.16%;
    margin-right: 7%;
    float: right !important; }
  .default-center-container .meeting-note-panel {
    min-height: calc(1vh*10); }
    .default-center-container .meeting-note-panel .content {
      font-family: Roboto;
      font-size: 16px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.5;
      letter-spacing: normal;
      color: rgba(0, 0, 0, 0.54); }
  .default-center-container .meeting-screenshare-panel {
    min-height: calc(1vh*10);
    font-family: Roboto;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.54); }
    .default-center-container .meeting-screenshare-panel .screenshare-control-panel {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
      .default-center-container .meeting-screenshare-panel .screenshare-control-panel .label {
        width: 128px;
        height: 16px;
        font-family: Roboto;
        font-size: 14px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.14;
        letter-spacing: normal;
        color: black;
        margin-left: 2em;
        margin-right: 2em;
        margin-top: 2em; }
      .default-center-container .meeting-screenshare-panel .screenshare-control-panel .btn {
        margin-left: 23%;
        margin-bottom: 0.5em;
        margin-top: 0.5em; }
      .default-center-container .meeting-screenshare-panel .screenshare-control-panel .screenshare-btn {
        background-color: transparent;
        border: none; }
        .default-center-container .meeting-screenshare-panel .screenshare-control-panel .screenshare-btn img {
          max-width: 100%;
          height: 30px; }
        .default-center-container .meeting-screenshare-panel .screenshare-control-panel .screenshare-btn + .screenshare-btn {
          margin-left: 12px; }
    .default-center-container .meeting-screenshare-panel .screenshare-pub, .default-center-container .meeting-screenshare-panel .screenshare-sub {
      height: 100vh !important; }
    .default-center-container .meeting-screenshare-panel .screenshare-pub {
      max-height: 650px !important; }

.default-right-container-med {
  min-width: 0 !important;
  padding: 0 1.7%;
  width: 335px; }

.default-right-container .default-side-panel-row {
  min-width: 100%;
  width: 100%;
  height: 100vh; }

.default-right-container .default-side-panel-row {
  min-width: calc(1vw*18);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.default-right-container .btn {
  width: 192px;
  height: 36px;
  border-radius: 2px;
  background-color: #28a0bf;
  margin-top: 8px;
  margin-left: 10%;
  padding-top: 4%; }
  .default-right-container .btn .label {
    width: 128px;
    height: 16px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #ffffff; }

.default-right-container button:disabled {
  background-color: #a3a6a7; }

.default-right-container .divider-panel {
  min-height: calc(1vh*1.04);
  margin-bottom: 5%;
  bottom: 8%;
  position: absolute; }

.default-right-container .stream-panel-video {
  padding-top: 0 !important;
  position: relative; }

.default-right-container .stream-offline.single-user-session {
  display: none; }

.default-right-container .camViewInner {
  overflow: hidden !important;
  height: calc(1vh * 14); }

.default-right-container .camViewElementMain {
  height: 275px; }

.default-right-container .main-stream-panel {
  min-height: calc(1vh*30.21);
  width: 100% !important; }
  .default-right-container .main-stream-panel .user-stream {
    height: 245px;
    width: auto;
    border-radius: 8px;
    font-family: Roboto;
    font-size: calc(245px * 0.3);
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    padding-top: calc(245px * 0.28);
    color: #48494a;
    position: relative; }
    .default-right-container .main-stream-panel .user-stream .row {
      display: table-cell;
      min-width: calc(245px * 1); }
    .default-right-container .main-stream-panel .user-stream .height-spacer-20 {
      height: calc(245px*0.20); }
    .default-right-container .main-stream-panel .user-stream .height-spacer-30 {
      height: calc(245px*0.30); }
    .default-right-container .main-stream-panel .user-stream .icon-in-control {
      content: url("/assets/in-control.svg");
      margin-left: calc(245px*0.03);
      position: absolute;
      z-index: 999;
      top: 220px; }
    .default-right-container .main-stream-panel .user-stream .stream-label-width-59 {
      width: 59%; }
    .default-right-container .main-stream-panel .user-stream .stream-label-width-67 {
      width: 67%; }
    .default-right-container .main-stream-panel .user-stream .stream-label-container {
      margin-top: calc(245px*-0.09); }
      .default-right-container .main-stream-panel .user-stream .stream-label-container .stream-label {
        width: 42px;
        height: 20px;
        opacity: 0.7;
        border-radius: 10px;
        background-color: #FFF;
        text-align: center;
        display: inline-block;
        padding-top: 2px;
        float: right;
        position: absolute;
        bottom: 7px;
        right: 5px;
        z-index: 999; }
        .default-right-container .main-stream-panel .user-stream .stream-label-container .stream-label .label {
          width: 22px;
          height: 16px;
          font-family: Roboto;
          font-size: 12px;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.33;
          letter-spacing: normal;
          text-align: center;
          color: #ffffff; }
  .default-right-container .main-stream-panel .stream-offline {
    background-color: #a3a6a7; }
  .default-right-container .main-stream-panel .stream-online {
    background-color: #28a0bf; }

.default-right-container[data-count='2'] .secondary-stream-panel .user-stream {
  min-height: calc(1vh*30.21);
  width: 100% !important; }

.default-right-container .secondary-stream-panel {
  margin-top: 15px;
  height: calc(1vh*52.5); }
  .default-right-container .secondary-stream-panel .user-stream {
    height: calc(1vh * 14);
    width: calc(50% - 5px);
    border-radius: 8px;
    font-family: Roboto;
    font-size: calc(1vw * 2.9);
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    padding-top: calc(1vh * 3.1);
    color: #48494a;
    margin-top: 20px;
    float: left;
    position: relative; }
    .default-right-container .secondary-stream-panel .user-stream:nth-of-type(even) {
      margin-right: 10px; }
    .default-right-container .secondary-stream-panel .user-stream .row {
      display: table-cell;
      min-width: calc(calc(1vw * 8) * 1); }
    .default-right-container .secondary-stream-panel .user-stream .height-spacer-075 {
      height: calc(calc(1vw * 8)*0.075); }
    .default-right-container .secondary-stream-panel .user-stream .height-spacer-25 {
      height: calc(calc(1vw * 8)*0.25); }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); } }

@keyframes pulse {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); } }
    .default-right-container .secondary-stream-panel .user-stream .icon-recording-indicator {
      -webkit-animation: pulse normal 1.8s infinite ease-in;
      animation: pulse normal 1.8s infinite ease-in;
      content: url("/assets/recording.svg");
      margin-left: calc(calc(1vw * 8)*0.03);
      display: table-cell;
      position: absolute;
      z-index: 99;
      top: 33.5px;
      max-height: 27px;
      right: 11.2px; }
      .default-right-container .secondary-stream-panel .user-stream .icon-recording-indicator.in-control {
        right: 44px; }
    .default-right-container .secondary-stream-panel .user-stream .icon-in-control {
      margin-left: calc(calc(1vw * 8)*0.03);
      display: table-cell;
      background-color: #F68C2B;
      position: absolute;
      z-index: 99;
      top: 7px;
      height: 24px;
      width: 69px;
      border-radius: 5px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      color: white;
      right: 12px;
      font-size: 12px; }
    .default-right-container .secondary-stream-panel .user-stream .blur-button {
      position: absolute;
      bottom: 5px;
      height: 25px;
      width: 25px;
      right: 5px;
      cursor: pointer;
      z-index: 99; }
      .default-right-container .secondary-stream-panel .user-stream .blur-button:hover .blur-button__tooltip {
        visibility: visible; }
    .default-right-container .secondary-stream-panel .user-stream .blur-button__tooltip {
      visibility: hidden;
      width: 120px;
      background-color: rgba(0, 0, 0, 0.7);
      color: #fff;
      text-align: center;
      padding: 5px 0;
      border-radius: 6px;
      position: absolute;
      z-index: 1;
      font-size: 15px;
      top: 0px;
      right: 35px; }
    .default-right-container .secondary-stream-panel .user-stream .stream-label-width-68 {
      width: 68%; }
    .default-right-container .secondary-stream-panel .user-stream .stream-label-width-85 {
      width: 85%; }
    .default-right-container .secondary-stream-panel .user-stream .stream-label-width-94 {
      width: 94%; }
    .default-right-container .secondary-stream-panel .user-stream .stream-label-container {
      margin-top: calc(245px*-0.09);
      margin-right: 3vw; }
      .default-right-container .secondary-stream-panel .user-stream .stream-label-container .stream-label {
        width: 42px;
        height: 20px;
        opacity: 0.7;
        border-radius: 10px;
        background-color: #FFF;
        text-align: center;
        display: inline-block;
        padding-top: 2px;
        float: right;
        position: absolute;
        bottom: 7px;
        right: 5px;
        z-index: 99999; }
        .default-right-container .secondary-stream-panel .user-stream .stream-label-container .stream-label .label {
          width: 22px;
          height: 16px;
          font-family: Roboto;
          font-size: 12px;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.33;
          letter-spacing: normal;
          text-align: center;
          color: #ffffff; }
  .default-right-container .secondary-stream-panel .stream-offline {
    background-color: #a3a6a7; }
  .default-right-container .secondary-stream-panel .stream-online {
    background-color: #28a0bf; }

.default-right-container .quickInvite {
  height: calc(1vh * 14);
  width: calc(50% - 5px);
  border-radius: 8px;
  cursor: pointer;
  color: #4E5961;
  margin-top: 20px;
  float: left;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  .default-right-container .quickInvite span {
    font-size: calc(1vw * 2.9); }
  .default-right-container .quickInvite:hover {
    background-color: #4E5961;
    color: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.3); }
  .default-right-container .quickInvite.showQuickInviteForm {
    width: calc(100% - 5px);
    height: calc(1vh * 39);
    background-color: #4E5961;
    font-size: 16px;
    padding: 20px 15px;
    -webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
    transition: width 0.5s ease-in-out, height 0.5s ease-in-out; }
    .default-right-container .quickInvite.showQuickInviteForm.verifyDisabled {
      height: calc(1vh * 32); }
    .default-right-container .quickInvite.showQuickInviteForm label:nth-of-type(1), .default-right-container .quickInvite.showQuickInviteForm button:nth-of-type(1), .default-right-container .quickInvite.showQuickInviteForm input:nth-of-type(1) {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
      opacity: 1;
      -webkit-transition: all 0.5s 0.7s ease-in-out;
      transition: all 0.5s 0.7s ease-in-out; }
    .default-right-container .quickInvite.showQuickInviteForm label:nth-of-type(2), .default-right-container .quickInvite.showQuickInviteForm button:nth-of-type(2), .default-right-container .quickInvite.showQuickInviteForm input:nth-of-type(2) {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
      opacity: 1;
      -webkit-transition: all 0.5s 0.8s ease-in-out;
      transition: all 0.5s 0.8s ease-in-out; }
    .default-right-container .quickInvite.showQuickInviteForm label:nth-of-type(3), .default-right-container .quickInvite.showQuickInviteForm button:nth-of-type(3), .default-right-container .quickInvite.showQuickInviteForm input:nth-of-type(3) {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
      opacity: 1;
      -webkit-transition: all 0.5s 0.9s ease-in-out;
      transition: all 0.5s 0.9s ease-in-out; }
    .default-right-container .quickInvite.showQuickInviteForm label:nth-of-type(4), .default-right-container .quickInvite.showQuickInviteForm button:nth-of-type(4), .default-right-container .quickInvite.showQuickInviteForm input:nth-of-type(4) {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
      opacity: 1;
      -webkit-transition: all 0.5s 1s ease-in-out;
      transition: all 0.5s 1s ease-in-out; }
    .default-right-container .quickInvite.showQuickInviteForm .quickInviteModal {
      visibility: visible;
      height: auto;
      width: 100%; }
    .default-right-container .quickInvite.showQuickInviteForm .closeQuickInviteModal {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
      opacity: 1;
      -webkit-transition: all 0.5s 0.6s ease-in-out;
      transition: all 0.5s 0.6s ease-in-out; }

.default-right-container .closeQuickInviteModal {
  top: -15px;
  position: absolute;
  right: 0;
  color: white;
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
  opacity: 0;
  z-index: 9999;
  font-size: calc(2vw * 1) !important; }

.default-right-container .quickInviteModal {
  display: inline-block;
  visibility: hidden;
  height: 0;
  width: 0;
  position: relative; }
  .default-right-container .quickInviteModal label {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
    color: white;
    margin: 10px 0 5px; }
  .default-right-container .quickInviteModal input {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
    width: 100%; }
  .default-right-container .quickInviteModal button {
    width: 100%;
    margin-left: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 20px;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
    -webkit-transition: all .2s 0.3s ease-in-out;
    transition: all .2s 0.3s ease-in-out; }
  .default-right-container .quickInviteModal.evenParticipantsCount {
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-name: moveModal;
            animation-name: moveModal; }

@-webkit-keyframes moveModal {
  0% {
    opacity: 1; }
  30% {
    opacity: 0; }
  68%, 72% {
    -webkit-transform: translateX(-100px) translateY(100px);
            transform: translateX(-100px) translateY(100px); }
  100% {
    opacity: 1; } }

@keyframes moveModal {
  0% {
    opacity: 1; }
  30% {
    opacity: 0; }
  68%, 72% {
    -webkit-transform: translateX(-100px) translateY(100px);
            transform: translateX(-100px) translateY(100px); }
  100% {
    opacity: 1; } }

.default-right-container .control-button-panel {
  height: calc(1vh*7.81);
  position: absolute;
  bottom: 0;
  right: 2%; }
  .default-right-container .control-button-panel .control-button {
    background-color: #28a0bf;
    color: #7a7c7f;
    width: auto;
    height: calc(1vh*7); }
    .default-right-container .control-button-panel .control-button .control-icon {
      content: url("/assets/in-control.svg");
      height: calc(1vh*3);
      width: auto;
      margin-top: calc(1vh*1.2);
      margin-left: calc(1vh*1.5);
      float: left; }
    .default-right-container .control-button-panel .control-button .user-in-control-label {
      float: left;
      margin-top: calc(1vh*1.3);
      margin-left: calc(1vw*1.5);
      font-family: Roboto;
      font-size: 1em;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.33;
      letter-spacing: normal;
      color: #ffffff; }
      @media (max-height: 830px) {
        .default-right-container .control-button-panel .control-button .user-in-control-label {
          margin-top: 0; } }
    .default-right-container .control-button-panel .control-button .control-label {
      float: left;
      margin-top: calc(1vh*0.2);
      margin-left: calc(1vw*1.5);
      margin-right: 33%;
      font-family: Roboto;
      font-size: 1.16em;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.14;
      letter-spacing: normal;
      color: #ffffff; }

.default-right-container .control-button-panel-document-open {
  height: calc(1vh*7.81);
  position: absolute;
  bottom: 0; }
  .default-right-container .control-button-panel-document-open .control-button {
    background-color: #28a0bf;
    color: #7a7c7f;
    width: auto;
    height: calc(1vh*7); }
    .default-right-container .control-button-panel-document-open .control-button .control-icon {
      content: url("/assets/in-control.svg");
      height: calc(1vh*3);
      width: auto;
      margin-top: calc(1vh*1.2);
      margin-left: calc(1vh*1.5);
      float: left; }
    .default-right-container .control-button-panel-document-open .control-button .user-in-control-label {
      float: left;
      margin-top: calc(1vh*1.3);
      margin-left: calc(1vw*1.5);
      font-family: Roboto;
      font-size: 1em;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.33;
      letter-spacing: normal;
      color: #ffffff; }
      @media (max-height: 830px) {
        .default-right-container .control-button-panel-document-open .control-button .user-in-control-label {
          margin-top: 0; } }
    .default-right-container .control-button-panel-document-open .control-button .control-label {
      float: left;
      margin-top: calc(1vh*0.2);
      margin-left: calc(1vw*1.5);
      margin-right: 33%;
      font-family: Roboto;
      font-size: 1.16em;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.14;
      letter-spacing: normal;
      color: #ffffff; }

.quickInvite__participantView {
  position: absolute;
  z-index: 999;
  top: 500px;
  left: 160px;
  width: 0;
  height: 0;
  -webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
  transition: width 0.5s ease-in-out, height 0.5s ease-in-out; }
  .quickInvite__participantView.showQuickInviteForm {
    width: 300px;
    height: calc(1vh * 40);
    background-color: #4E5961;
    font-size: 16px;
    padding: 20px 15px;
    -webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
    transition: width 0.5s ease-in-out, height 0.5s ease-in-out; }
    .quickInvite__participantView.showQuickInviteForm.verifyDisabled {
      height: calc(1vh * 32); }
    .quickInvite__participantView.showQuickInviteForm label:nth-of-type(1), .quickInvite__participantView.showQuickInviteForm button:nth-of-type(1), .quickInvite__participantView.showQuickInviteForm input:nth-of-type(1) {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
      opacity: 1;
      -webkit-transition: all 0.5s 0.7s ease-in-out;
      transition: all 0.5s 0.7s ease-in-out; }
    .quickInvite__participantView.showQuickInviteForm label:nth-of-type(2), .quickInvite__participantView.showQuickInviteForm button:nth-of-type(2), .quickInvite__participantView.showQuickInviteForm input:nth-of-type(2) {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
      opacity: 1;
      -webkit-transition: all 0.5s 0.8s ease-in-out;
      transition: all 0.5s 0.8s ease-in-out; }
    .quickInvite__participantView.showQuickInviteForm label:nth-of-type(3), .quickInvite__participantView.showQuickInviteForm button:nth-of-type(3), .quickInvite__participantView.showQuickInviteForm input:nth-of-type(3) {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
      opacity: 1;
      -webkit-transition: all 0.5s 0.9s ease-in-out;
      transition: all 0.5s 0.9s ease-in-out; }
    .quickInvite__participantView.showQuickInviteForm label:nth-of-type(4), .quickInvite__participantView.showQuickInviteForm button:nth-of-type(4), .quickInvite__participantView.showQuickInviteForm input:nth-of-type(4) {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
      opacity: 1;
      -webkit-transition: all 0.5s 1s ease-in-out;
      transition: all 0.5s 1s ease-in-out; }
    .quickInvite__participantView.showQuickInviteForm .quickInviteModal {
      visibility: visible;
      height: auto;
      width: 100%; }
    .quickInvite__participantView.showQuickInviteForm .closeQuickInviteModal {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
      opacity: 1;
      -webkit-transition: all 0.5s 0.6s ease-in-out;
      transition: all 0.5s 0.6s ease-in-out; }
  .quickInvite__participantView .closeQuickInviteModal {
    top: -15px;
    position: absolute;
    right: 0;
    color: white;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
    z-index: 9999;
    font-size: calc(2vw * 1) !important;
    cursor: pointer; }
  .quickInvite__participantView .quickInviteModal {
    display: inline-block;
    visibility: hidden;
    height: 0;
    width: 0;
    position: relative; }
    .quickInvite__participantView .quickInviteModal label {
      -webkit-transform: translateY(-50px);
              transform: translateY(-50px);
      opacity: 0;
      color: white;
      margin: 10px 0 5px; }
    .quickInvite__participantView .quickInviteModal input {
      -webkit-transform: translateY(-50px);
              transform: translateY(-50px);
      opacity: 0;
      width: 100%; }
    .quickInvite__participantView .quickInviteModal button {
      width: 100%;
      margin-left: 0;
      padding: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-top: 20px;
      -webkit-transform: translateY(-50px);
              transform: translateY(-50px);
      opacity: 0;
      -webkit-transition: all .2s 0.3s ease-in-out;
      transition: all .2s 0.3s ease-in-out; }
    .quickInvite__participantView .quickInviteModal:before {
      content: '';
      width: 0;
      height: 0;
      position: absolute;
      top: 45px;
      left: -25px;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      border-right: 10px solid #4E5961; }

.default-left-container-mini .quickInvite__participantView {
  top: 318px;
  left: 70px; }

input:-webkit-autofill {
  -webkit-box-shadow: none !important;
  -webkit-text-fill-color: initial; }

.OT_mirrored.OT_root.OT_publisher.OT_fit-mode-cover, .camViewElement {
  border-radius: 8px; }

.full-video-view {
  width: calc(100% - 275px) !important;
  min-width: calc(100% - 275px) !important;
  display: unset !important; }
  .full-video-view .default-side-panel-row {
    min-width: 100% !important;
    width: 100% !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
    .full-video-view .default-side-panel-row streams-panel {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin: 0; }
      .full-video-view .default-side-panel-row streams-panel > span {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%; }
  .full-video-view .secondary-stream-panel {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .full-video-view .secondary-stream-panel .user-stream {
      height: 250px;
      margin: 0 0 calc(1vw * 1) calc(1vw * 1); }
  .full-video-view[data-count="2"] .secondary-stream-panel .user-stream {
    height: 50vh;
    width: 44% !important; }
  .full-video-view[data-count="3"] streams-panel, .full-video-view[data-count="4"] streams-panel {
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset; }
  .full-video-view[data-count="3"] .secondary-stream-panel, .full-video-view[data-count="4"] .secondary-stream-panel {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
    .full-video-view[data-count="3"] .secondary-stream-panel .user-stream, .full-video-view[data-count="4"] .secondary-stream-panel .user-stream {
      height: 44vh;
      width: 44% !important; }
    .full-video-view[data-count="3"] .secondary-stream-panel .my-stream, .full-video-view[data-count="4"] .secondary-stream-panel .my-stream {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
  .full-video-view[data-count="5"] .secondary-stream-panel {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }
    @media (min-width: 1024px) {
      .full-video-view[data-count="5"] .secondary-stream-panel {
        height: unset !important; } }
    .full-video-view[data-count="5"] .secondary-stream-panel .user-stream {
      height: 39vh;
      width: 30% !important; }

.mobile-exit-button {
  display: none; }

floating-controls-panel.full-video-view__panel {
  width: calc(100vw - 275px);
  position: relative;
  float: right; }
  floating-controls-panel.full-video-view__panel .stream-controls-floating-panel {
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    top: -70px;
    display: block;
    width: 280px; }

@-webkit-keyframes sign-here-fade {
  0% {
    opacity: 0.75; }
  33% {
    opacity: 0.50; }
  67% {
    opacity: 0.25; }
  100% {
    opacity: 0; } }

@keyframes sign-here-fade {
  0% {
    opacity: 0.75; }
  33% {
    opacity: 0.50; }
  67% {
    opacity: 0.25; }
  100% {
    opacity: 0; } }

.sign-here-fade {
  animation: sign-here-fade 2.2s 0.8s 1 normal ease-in forwards;
  -webkit-animation: sign-here-fade 2.2s 0.8s 1 normal ease-in forwards;
  -moz-animation: sign-here-fade 2.2s 0.8s 1 normal ease-in forwards; }

.jSignature {
  background-image: url("/assets/signing_panel_line_no_bg.svg");
  background-size: contain;
  background-color: #c7c7c7 !important;
  background-position-x: center;
  background-repeat: no-repeat; }

.signature-pad {
  position: relative; }

.sign-here {
  position: absolute;
  pointer-events: none;
  z-index: 100;
  position: absolute;
  left: 0;
  top: 0;
  right: 0; }
  .sign-here img {
    width: 100%; }

.country-code {
  position: absolute;
  left: 25px; }
  .country-code__select {
    -webkit-appearance: auto !important;
       -moz-appearance: auto !important;
            appearance: auto !important; }

.mobile-number {
  padding-left: 65px !important; }

.twofa-modal_backdrop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100vh;
  width: 100vw;
  z-index: 99999999;
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed; }
  .twofa-modal_backdrop input:-moz-read-only {
    background: transparent !important;
    border: none;
    font-size: 1.2em;
    padding: 0; }
  .twofa-modal_backdrop input:read-only {
    background: transparent !important;
    border: none;
    font-size: 1.2em;
    padding: 0; }
  .twofa-modal_backdrop .code-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 200px;
    margin: auto; }
  .twofa-modal_backdrop .code-input input {
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 20px;
    margin: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0;
    font-weight: 700; }
  .twofa-modal_backdrop .code-input input:focus {
    outline: none;
    border-color: #f78c2c;
    border-width: 2px; }
  .twofa-modal_backdrop .twofa_icon {
    height: 80px;
    margin: 0 auto;
    display: block; }
    .twofa-modal_backdrop .twofa_icon path, .twofa-modal_backdrop .twofa_icon line, .twofa-modal_backdrop .twofa_icon rect {
      stroke: #555659 !important; }
  .twofa-modal_backdrop .confirm-btn {
    float: right; }
  .twofa-modal_backdrop .modal-header, .twofa-modal_backdrop .modal-body {
    text-align: center; }
  .twofa-modal_backdrop .modal-header h2 {
    margin-top: 20px; }
  .twofa-modal_backdrop .modal-body p {
    font-size: 14px; }
    .twofa-modal_backdrop .modal-body p.obfuscatedPhonenumber {
      font-size: 18px;
      font-weight: 700; }
  .twofa-modal_backdrop .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: auto;
    margin-top: 20px; }
  .twofa-modal_backdrop .small-print p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: auto;
    margin: 0;
    text-align: left; }
  .twofa-modal_backdrop span.resend {
    font-weight: 700;
    cursor: pointer;
    margin-left: 5px; }
  .twofa-modal_backdrop .authFailed .twofa_icon g path {
    fill: #ff6058 !important; }
  .twofa-modal_backdrop .errorMessage {
    color: #ff6058 !important;
    font-weight: 700; }

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px); } }

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px); } }

.shake .code-input {
  -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
          animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; }

.meetingSearchForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.searchOption {
  height: 29.5px; }

#SearchDate {
  width: 100%;
  border: 1px solid #E9EBF0;
  background: #F7F9FC;
  display: block;
  -webkit-box-shadow: none;
  box-shadow: none;
  min-width: 160px; }

.view-mode__dark floating-controls-panel.full-video-view__panel .stream-controls-floating-panel {
  background-color: #08152F !important; }

.view-mode__dark #twoFAModal h2, .view-mode__dark #twoFAModal p {
  color: white !important; }

.view-mode__dark #twoFAModal svg rect, .view-mode__dark #twoFAModal svg line {
  stroke: white !important; }

.view-mode__dark .row.doc-view, .view-mode__dark .default-center-container, .view-mode__dark .document-viewer, .view-mode__dark .stream-controls-floating-panel {
  background-color: #08152F !important; }

.view-mode__dark #SignaturePanel .modal-header, .view-mode__dark #SignaturePanel .modal-body, .view-mode__dark #SignaturePanel .modal-footer {
  background-color: #08152F !important; }
  .view-mode__dark #SignaturePanel .modal-header .tandc, .view-mode__dark #SignaturePanel .modal-body .tandc, .view-mode__dark #SignaturePanel .modal-footer .tandc {
    background-color: #08152F !important;
    color: white !important; }

.view-mode__dark #popOutPanel svg path, .view-mode__dark #startScreenshare svg path {
  stroke: white !important; }

.view-mode__dark #startScreenshare svg path {
  fill: transparent !important; }

.view-mode__dark .signature-panel {
  background-color: #08152F !important; }
  .view-mode__dark .signature-panel .add-sig-btn:not(.disabled) {
    background-color: #ed691d !important; }

.view-mode__dark .modal-footer .tandc {
  color: white; }
  .view-mode__dark .modal-footer .tandc a {
    color: #ed691d; }

.view-mode__dark .menu-section-title {
  color: white !important; }

.view-mode__dark .default-left-container .items .item .text-button {
  color: white !important; }

.view-mode__dark div#docs {
  background-color: #08152F; }

.view-mode__dark .select-document-modal .modal-content-doclist, .view-mode__dark .select-document-modal .modal-content, .view-mode__dark #testDevicesModal .modal-content-doclist, .view-mode__dark #testDevicesModal .modal-content, .view-mode__dark .ui-dialog-content .modal-content-doclist, .view-mode__dark .ui-dialog-content .modal-content {
  background-color: #08152F !important;
  color: white !important; }

.view-mode__dark .select-document-modal .modal-header, .view-mode__dark .select-document-modal .documentname, .view-mode__dark .select-document-modal .opentok-hardware-setup-label, .view-mode__dark #testDevicesModal .modal-header, .view-mode__dark #testDevicesModal .documentname, .view-mode__dark #testDevicesModal .opentok-hardware-setup-label, .view-mode__dark .ui-dialog-content .modal-header, .view-mode__dark .ui-dialog-content .documentname, .view-mode__dark .ui-dialog-content .opentok-hardware-setup-label {
  color: white; }

.view-mode__dark .select-document-modal .document-date .date, .view-mode__dark #testDevicesModal .document-date .date, .view-mode__dark .ui-dialog-content .document-date .date {
  color: rgba(255, 255, 255, 0.54); }

.view-mode__dark .select-document-modal .modal-dialog .view-select .text-centre, .view-mode__dark #testDevicesModal .modal-dialog .view-select .text-centre, .view-mode__dark .ui-dialog-content .modal-dialog .view-select .text-centre {
  color: white; }

.view-mode__dark .select-document-modal .modal-dialog .document-list, .view-mode__dark #testDevicesModal .modal-dialog .document-list, .view-mode__dark .ui-dialog-content .modal-dialog .document-list {
  background-color: #484c4f; }

.view-mode__dark .tooltip-hover {
  display: inline-block; }

.view-mode__dark .tooltip-hover-text {
  visibility: hidden;
  position: absolute;
  z-index: 1;
  width: 120px;
  border-radius: 6px;
  background-color: #3e4244;
  color: white;
  text-align: center; }

.view-mode__dark .tooltip-hover:hover .tooltip-hover-text {
  visibility: visible; }

.view-mode__dark content-video-viewer-panel {
  background-color: #08152F; }
  .view-mode__dark content-video-viewer-panel #CloseDocumentButton .label {
    color: #eee !important; }
  .view-mode__dark content-video-viewer-panel .video-player-panel .video-details p {
    color: #eee; }
  .view-mode__dark content-video-viewer-panel .video-list .recordings-list:hover {
    background-color: #040b19; }
  .view-mode__dark content-video-viewer-panel .video-list .recordings-list .col-xs-8 p, .view-mode__dark content-video-viewer-panel .video-list .recordings-list .col-xs-8 span, .view-mode__dark content-video-viewer-panel .video-list .recordings-list .col-xs-4 p, .view-mode__dark content-video-viewer-panel .video-list .recordings-list .col-xs-4 span {
    color: #eee; }

.stats {
  margin-top: 30px; }
  .stats .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }

.user-stats__wrap {
  max-width: 100%; }

.user-stats__inner {
  background-color: #0d83e2; }

.user-stats__statistic {
  color: white;
  position: relative;
  padding: 20px;
  z-index: 1; }
  .user-stats__statistic h2 {
    font-size: 5em;
    color: white;
    margin-bottom: 0; }
  .user-stats__statistic small {
    text-transform: uppercase;
    font-size: 2em;
    letter-spacing: 3.6px; }
  .user-stats__statistic .svg-inline--fa {
    position: absolute;
    max-height: 100px;
    bottom: 13px;
    right: 13px;
    max-width: 130px;
    z-index: 0; }

.stats .col-xs-4:nth-of-type(1) .user-stats__inner {
  background-color: #0d83e2;
  stroke: #0a67b2;
  fill: #0a67b2; }

.stats .col-xs-4:nth-of-type(1) .svg-inline--fa path, .stats .col-xs-4:nth-of-type(1) .svg-inline--fa g {
  background-color: #0d83e2;
  stroke: #0a67b2;
  fill: #0a67b2; }

.stats .col-xs-4:nth-of-type(2) .user-stats__inner {
  background-color: #0cb146;
  stroke: #098133;
  fill: #098133; }

.stats .col-xs-4:nth-of-type(2) .svg-inline--fa path, .stats .col-xs-4:nth-of-type(2) .svg-inline--fa g {
  background-color: #0cb146;
  stroke: #098133;
  fill: #098133; }

.stats .col-xs-4:nth-of-type(3) .user-stats__inner {
  background-color: #7c0de2;
  stroke: #620ab2;
  fill: #620ab2; }

.stats .col-xs-4:nth-of-type(3) .svg-inline--fa path, .stats .col-xs-4:nth-of-type(3) .svg-inline--fa g {
  background-color: #7c0de2;
  stroke: #620ab2;
  fill: #620ab2; }

certificate-manager .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }

crm-advanced-users .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }

crm-advanced-users .add-user-btn {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  font-size: 29px;
  position: fixed;
  bottom: 90px;
  right: 70px; }

crm-advanced-users .controls {
  margin: 0 15px; }

crm-advanced-users .large-search {
  margin-top: 60px; }

crm-advanced-users #SearchUsers {
  background-color: transparent;
  border-radius: 0;
  font-size: 3em;
  height: auto;
  color: #ee7732;
  letter-spacing: 1.6px; }

crm-advanced-users i.fa {
  top: 12px !important; }

#returnAll .showing__all-meetings, #returnAll .showing__recent-meetings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 450px; }
  #returnAll .showing__all-meetings a, #returnAll .showing__recent-meetings a {
    height: 23px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 175px;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 20px; }

#advanced-user-grid_wrapper {
  max-width: 1140px;
  width: 100%; }
  #advanced-user-grid_wrapper thead tr {
    background-image: -webkit-gradient(linear, left top, right bottom, from(#ee7732), to(#c35210));
    background-image: linear-gradient(to bottom right, #ee7732, #c35210); }
    #advanced-user-grid_wrapper thead tr th {
      text-transform: uppercase;
      letter-spacing: 1.6px;
      border-right: none !important;
      background: none;
      font-size: 12px; }
  #advanced-user-grid_wrapper tr td:nth-of-type(6) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  #advanced-user-grid_wrapper td {
    border-top: none !important;
    word-break: break-word; }
    #advanced-user-grid_wrapper td:nth-of-type(2) {
      word-break: unset; }
  #advanced-user-grid_wrapper .dataTables_info {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1.6px; }
  #advanced-user-grid_wrapper .action-button.resetPass {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    margin-left: 10px; }

.view-mode-switch-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 25px 0 0; }
  .view-mode-switch-wrapper em {
    margin-left: 10px;
    font-size: 1rem; }
  .view-mode-switch-wrapper .view-mode-switch {
    display: inline-block;
    height: 34px;
    position: relative;
    width: 60px; }
  .view-mode-switch-wrapper .view-mode-switch input {
    display: none; }
  .view-mode-switch-wrapper .view-mode-switch .slider {
    background-color: #ccc;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .4s;
    transition: .4s; }
  .view-mode-switch-wrapper .view-mode-switch .slider:before {
    background-color: #fff;
    bottom: 4px;
    content: "";
    height: 26px;
    left: 4px;
    position: absolute;
    -webkit-transition: .4s;
    transition: .4s;
    width: 26px; }
  .view-mode-switch-wrapper .view-mode-switch input:checked + .slider {
    background-color: #66bb6a; }
  .view-mode-switch-wrapper .view-mode-switch input:checked + .slider:before {
    -webkit-transform: translateX(26px);
            transform: translateX(26px); }
  .view-mode-switch-wrapper .slider.round {
    border-radius: 34px; }
  .view-mode-switch-wrapper .slider.round:before {
    border-radius: 50%; }

#canceltest, #closetest {
  padding-bottom: 20px; }

.hidden-controls-panel {
  top: -16px !important; }

.stream-controls-floating-panel {
  border-radius: 20px;
  background-color: white;
  top: 92vh;
  left: 39vw;
  position: absolute;
  width: 280;
  height: calc(1vh * 10);
  z-index: 999;
  padding-top: 0.2%;
  -webkit-box-shadow: 0px -1px 15px -9px #3d3b3d;
  box-shadow: 0px -1px 15px -9px #3d3b3d;
  cursor: -webkit-grab;
  cursor: grab;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .stream-controls-floating-panel:before {
    content: '';
    background-image: url("/assets/meeting-icons/draggable.svg");
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    position: absolute;
    width: 100%;
    height: 30px;
    top: 0;
    left: 0;
    right: 0; }
  .stream-controls-floating-panel.mouseDown {
    cursor: -webkit-grabbing;
    cursor: grabbing; }
  .stream-controls-floating-panel .screen-share-button, .stream-controls-floating-panel .mute-button, .stream-controls-floating-panel .video-disable-button, .stream-controls-floating-panel .change-camera-button {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 28px;
    color: #5e5e5e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; }
  .stream-controls-floating-panel .button-on {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 28px;
    color: #0cc55e; }
  .stream-controls-floating-panel .btn.disabled, .stream-controls-floating-panel .btn[disabled] {
    color: #656565 !important;
    background-color: transparent !important; }
  .stream-controls-floating-panel .btn-hover:hover {
    background-color: transparent !important;
    color: #cccfd5; }
  .stream-controls-floating-panel .hide-button-container {
    float: left;
    margin-bottom: 1.4%;
    width: 100%;
    padding-left: 45%;
    padding-top: 5px;
    cursor: pointer; }
    .stream-controls-floating-panel .hide-button-container .hide-button {
      top: 0;
      background-color: #7a7c7f;
      width: 28px;
      height: 5px;
      border-radius: 28px;
      float: left; }
  .stream-controls-floating-panel .button-icon svg {
    width: 25px;
    height: 25px;
    background-position: center;
    background-size: contain; }
  .stream-controls-floating-panel .button-on.mute-button, .stream-controls-floating-panel .button-on.video-disable-button {
    position: relative; }
    .stream-controls-floating-panel .button-on.mute-button .button-icon:before, .stream-controls-floating-panel .button-on.video-disable-button .button-icon:before {
      width: 30px;
      height: 2.25px;
      display: block;
      border-radius: 5px;
      position: absolute;
      top: 44%;
      z-index: 9999;
      left: 5px;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      content: ""; }

/* icon tooltips */
.suitebox-tooltip {
  position: relative; }
  .suitebox-tooltip:after {
    background-color: #353535;
    border-radius: 3px;
    padding: 6px 12px;
    color: white;
    position: absolute;
    text-align: center;
    z-index: 999;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, calc(-100% - 10px));
            transform: translate(-50%, calc(-100% - 10px));
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
    -webkit-transition: 0.5s all ease-in;
    transition: 0.5s all ease-in;
    opacity: 0;
    visibility: hidden;
    content: attr(tooltip); }
  .suitebox-tooltip:before {
    position: absolute;
    z-index: 999;
    top: 10px;
    left: 50%;
    -webkit-transform: translate(-50%, calc(-100% - 10px));
            transform: translate(-50%, calc(-100% - 10px));
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #353535;
    position: absolute;
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
    -webkit-transition: 0.5s all ease-in;
    transition: 0.5s all ease-in;
    opacity: 0;
    visibility: hidden; }
  .suitebox-tooltip:hover:before, .suitebox-tooltip:hover:after {
    opacity: 1;
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
    visibility: visible; }

.suitebox-tooltip.mute-button:after {
  content: 'Switch on your microphone'; }

.suitebox-tooltip.mute-button.button-on:after {
  content: 'Switch off your microphone'; }

.suitebox-tooltip.video-disable-button:after {
  content: 'Switch on your camera'; }

.suitebox-tooltip.video-disable-button.button-on:after {
  content: 'Switch off your camera'; }

/*

Document View containers

*/
.document-center-container {
  width: auto; }
  .document-center-container .person-initials .initials {
    float: left;
    height: 16px;
    font-family: Roboto;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff; }
  .document-center-container .btn {
    width: 192px;
    height: 36px;
    opacity: 0.5;
    border-radius: 2px;
    background-color: black;
    margin-top: 8px;
    margin-left: 10%;
    padding-top: 4%;
    position: relative; }
    .document-center-container .btn .label {
      width: 128px;
      height: 16px;
      font-family: Roboto;
      font-size: 14px;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.14;
      letter-spacing: normal;
      color: #ffffff; }
  .document-center-container button:hover {
    background-color: white; }
    .document-center-container button:hover .label {
      color: black; }
  .document-center-container button:disabled {
    background-color: #a3a6a7; }
  .document-center-container [class$="-title"] {
    width: 70px;
    height: 16px;
    font-family: Roboto;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #ffffff;
    margin-left: 10%; }
  .document-center-container [class$="-panel"] {
    padding-top: 5%; }
  .document-center-container .tag-people-title {
    width: auto; }
  .document-center-container .document-menu {
    background: #272727;
    width: 250px;
    height: 100vh;
    overflow-y: auto;
    float: left; }
    .document-center-container .document-menu .document-title {
      margin-left: 10%;
      font-family: Roboto;
      font-size: 24px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.33;
      letter-spacing: normal;
      color: #ffffff; }
    .document-center-container .document-menu .document-note {
      margin-left: 10%;
      font-family: Roboto;
      font-size: 12px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.33;
      letter-spacing: normal;
      color: #ffffff; }
    .document-center-container .document-menu .instructions-title {
      float: left;
      font-family: Roboto;
      font-size: 12px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.33;
      letter-spacing: normal;
      color: #ffffff; }
    .document-center-container .document-menu .dismiss-button {
      color: #28a0bf;
      background: none; }
    .document-center-container .document-menu .instructions {
      margin-left: 10%;
      float: left;
      color: #48494a; }
    .document-center-container .document-menu .tag-people-title-instructions-open {
      margin-top: 95px; }
    .document-center-container .document-menu .tagging-list .person-tag-button {
      position: relative; }
  .document-center-container .document-menu::-webkit-scrollbar {
    width: 0.5em; }
  .document-center-container .document-menu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0); }
  .document-center-container .document-menu::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid black; }
  .document-center-container .document-viewer {
    height: 100vh !important;
    overflow-y: scroll !important; }
  .document-center-container .document-viewer::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0); }
  .document-center-container .document-viewer::-webkit-scrollbar {
    width: 0.5em; }
  .document-center-container .default-panel-row {
    min-width: 100%;
    width: 100%;
    height: 100vh; }
  .document-center-container .meeting-title-panel, .document-center-container .meeting-date-panel, .document-center-container .meeting-timer-panel, .document-center-container .meeting-note-panel {
    margin-left: 7.35%;
    margin-right: 22.06%; }
  .document-center-container .meeting-title-panel {
    min-height: calc(1vh*6.77);
    font-family: Roboto;
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.87);
    float: left; }
  .document-center-container .meeting-date-panel {
    min-height: calc(1vh*4.16);
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.54);
    margin-top: 4.16%;
    float: left !important; }
  .document-center-container .meeting-timer-panel {
    min-height: calc(1vh*4.16);
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.54);
    margin-top: 4.16%;
    margin-right: 7%;
    float: right !important; }
  .document-center-container .meeting-note-panel {
    min-height: calc(1vh*70); }
    .document-center-container .meeting-note-panel .content {
      font-family: Roboto;
      font-size: 16px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.5;
      letter-spacing: normal;
      color: rgba(0, 0, 0, 0.54); }

content-video-viewer-panel {
  background-color: #eee;
  display: block;
  height: 100vh; }
  content-video-viewer-panel .container {
    width: 100%; }
  content-video-viewer-panel .closeBtn-wrapper {
    height: auto !important; }
    content-video-viewer-panel .closeBtn-wrapper #CloseDocumentButton, content-video-viewer-panel .closeBtn-wrapper .video-player-close {
      margin-left: 0;
      padding: 0;
      width: 20px;
      height: 20px;
      background-color: transparent; }
      content-video-viewer-panel .closeBtn-wrapper #CloseDocumentButton .label, content-video-viewer-panel .closeBtn-wrapper .video-player-close .label {
        font-size: 35px;
        padding: 0;
        color: #333; }
  content-video-viewer-panel .video-player-panel {
    margin-left: 0;
    margin-right: 0;
    padding-top: 0 !important;
    height: auto; }
    content-video-viewer-panel .video-player-panel video {
      width: 100%;
      height: auto;
      display: block;
      max-height: 500px;
      margin-top: 20px;
      margin-bottom: 40px;
      position: relative;
      background-color: black; }
      @media (max-width: 1024px) {
        content-video-viewer-panel .video-player-panel video {
          max-height: 350px; } }
    content-video-viewer-panel .video-player-panel .video-details p {
      color: #333; }
      content-video-viewer-panel .video-player-panel .video-details p:nth-of-type(1) {
        font-size: 22px;
        font-weight: 700; }

:root {
  --gutter: 20px; }

.video-list__wrap {
  padding: var(--gutter) 0;
  display: grid;
  grid-gap: var(--gutter) 0;
  grid-template-columns: var(--gutter) 1fr var(--gutter);
  -ms-flex-line-pack: start;
      align-content: start;
  position: relative; }
  .video-list__wrap .prev, .video-list__wrap .next {
    position: absolute;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 2em;
    cursor: pointer;
    z-index: 99; }
    .video-list__wrap .prev svg, .video-list__wrap .next svg {
      height: 30px; }
      .video-list__wrap .prev svg path, .video-list__wrap .next svg path {
        fill: #8B8986 !important; }
    .video-list__wrap .prev:hover svg path, .video-list__wrap .next:hover svg path {
      fill: white !important; }
  .video-list__wrap .prev {
    left: 0px; }
    .video-list__wrap .prev svg {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
  .video-list__wrap .next {
    right: 0px; }

.video-list__wrap > .full {
  grid-column: 1 / -1; }

.video-list {
  display: grid;
  grid-gap: calc(var(--gutter) / 2);
  grid-template-columns: 10px;
  grid-template-rows: minmax(150px, 1fr);
  grid-auto-flow: column;
  grid-auto-columns: calc(50% - var(--gutter) * 2);
  overflow-x: scroll;
  -ms-scroll-snap-type: x proximity;
      scroll-snap-type: x proximity;
  padding-bottom: calc(.75 * var(--gutter));
  margin-bottom: calc(-.25 * var(--gutter));
  -webkit-overflow-scrolling: touch; }
  .video-list::-webkit-scrollbar {
    display: none; }

.video-list:before,
.video-list:after {
  content: '';
  width: 10px; }

.video-list .recordings-list {
  height: auto;
  margin-left: 0;
  margin-right: 0;
  padding: 0 15px;
  border: 1px solid #28a0bf; }
  .video-list .recordings-list:hover {
    background-color: #ddd; }
    .video-list .recordings-list:hover .playBut svg .triangle {
      stroke-dashoffset: 0;
      opacity: 1;
      stroke: #28a0bf;
      -webkit-animation: nudge 0.7s ease-in-out;
              animation: nudge 0.7s ease-in-out; }

@-webkit-keyframes nudge {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  30% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px); }
  50% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px); }
  70% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes nudge {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  30% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px); }
  50% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px); }
  70% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }
    .video-list .recordings-list:hover .playBut svg .circle {
      stroke-dashoffset: 0;
      opacity: 1; }
  .video-list .recordings-list .video-thumbnail {
    width: 100%;
    max-width: 150px;
    background-color: rgba(0, 0, 0, 0.5);
    position: relative; }
    .video-list .recordings-list .video-thumbnail:after {
      content: "";
      display: block;
      padding-bottom: 100%; }
    .video-list .recordings-list .video-thumbnail .circle {
      stroke: #28a0bf;
      stroke-dasharray: 650;
      stroke-dashoffset: 650;
      -webkit-transition: all 0.5s ease-in-out;
      opacity: 0.3; }
    .video-list .recordings-list .video-thumbnail .playBut {
      position: absolute;
      left: 0;
      top: 0;
      margin: 0;
      /*  border: 1px solid red;*/
      display: inline-block;
      -webkit-transition: all 0.5s ease; }
      .video-list .recordings-list .video-thumbnail .playBut svg {
        max-width: 150px;
        width: 100%;
        height: auto; }
      .video-list .recordings-list .video-thumbnail .playBut .triangle {
        -webkit-transition: all 0.7s ease-in-out;
        stroke-dasharray: 260;
        stroke-dashoffset: 520;
        stroke: #8B8986;
        -webkit-transform: translateY(0);
                transform: translateY(0); }
  .video-list .recordings-list .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
  .video-list .recordings-list .col-xs-8, .video-list .recordings-list .col-xs-4, .video-list .recordings-list .col-xs-6, .video-list .recordings-list .col-xs-9, .video-list .recordings-list .col-xs-3 {
    padding: 20px 15px; }
    .video-list .recordings-list .col-xs-8 p, .video-list .recordings-list .col-xs-8 span, .video-list .recordings-list .col-xs-4 p, .video-list .recordings-list .col-xs-4 span, .video-list .recordings-list .col-xs-6 p, .video-list .recordings-list .col-xs-6 span, .video-list .recordings-list .col-xs-9 p, .video-list .recordings-list .col-xs-9 span, .video-list .recordings-list .col-xs-3 p, .video-list .recordings-list .col-xs-3 span {
      color: #305F72;
      font-size: 13px;
      font-weight: 700;
      margin-bottom: 0; }
      .video-list .recordings-list .col-xs-8 p.documentname, .video-list .recordings-list .col-xs-8 span.documentname, .video-list .recordings-list .col-xs-4 p.documentname, .video-list .recordings-list .col-xs-4 span.documentname, .video-list .recordings-list .col-xs-6 p.documentname, .video-list .recordings-list .col-xs-6 span.documentname, .video-list .recordings-list .col-xs-9 p.documentname, .video-list .recordings-list .col-xs-9 span.documentname, .video-list .recordings-list .col-xs-3 p.documentname, .video-list .recordings-list .col-xs-3 span.documentname {
        overflow-x: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .video-list .recordings-list .col-xs-8 p.date, .video-list .recordings-list .col-xs-8 span.date, .video-list .recordings-list .col-xs-4 p.date, .video-list .recordings-list .col-xs-4 span.date, .video-list .recordings-list .col-xs-6 p.date, .video-list .recordings-list .col-xs-6 span.date, .video-list .recordings-list .col-xs-9 p.date, .video-list .recordings-list .col-xs-9 span.date, .video-list .recordings-list .col-xs-3 p.date, .video-list .recordings-list .col-xs-3 span.date {
        font-size: 12px;
        font-weight: 200;
        margin-bottom: 0;
        color: #42b9d8; }
    .video-list .recordings-list .col-xs-8 a, .video-list .recordings-list .col-xs-4 a, .video-list .recordings-list .col-xs-6 a, .video-list .recordings-list .col-xs-9 a, .video-list .recordings-list .col-xs-3 a {
      margin-top: 15px;
      display: block; }
    .video-list .recordings-list .col-xs-8 .fa-spinner, .video-list .recordings-list .col-xs-4 .fa-spinner, .video-list .recordings-list .col-xs-6 .fa-spinner, .video-list .recordings-list .col-xs-9 .fa-spinner, .video-list .recordings-list .col-xs-3 .fa-spinner {
      display: none; }
    .video-list .recordings-list .col-xs-8 .deletedocumentbtn, .video-list .recordings-list .col-xs-4 .deletedocumentbtn, .video-list .recordings-list .col-xs-6 .deletedocumentbtn, .video-list .recordings-list .col-xs-9 .deletedocumentbtn, .video-list .recordings-list .col-xs-3 .deletedocumentbtn {
      margin-left: 20px; }
    .video-list .recordings-list .col-xs-8 .loading span:nth-of-type(1), .video-list .recordings-list .col-xs-4 .loading span:nth-of-type(1), .video-list .recordings-list .col-xs-6 .loading span:nth-of-type(1), .video-list .recordings-list .col-xs-9 .loading span:nth-of-type(1), .video-list .recordings-list .col-xs-3 .loading span:nth-of-type(1) {
      display: inline-block; }
    .video-list .recordings-list .col-xs-8 .loading span:nth-of-type(2), .video-list .recordings-list .col-xs-4 .loading span:nth-of-type(2), .video-list .recordings-list .col-xs-6 .loading span:nth-of-type(2), .video-list .recordings-list .col-xs-9 .loading span:nth-of-type(2), .video-list .recordings-list .col-xs-3 .loading span:nth-of-type(2) {
      display: none; }
  .video-list .recordings-list .col-xs-4 {
    text-align: right; }

/*----------------------
-----Media Queries------
------------------------*/
@media (min-width: 1200px) {
  .default-center-container, .document-center-container {
    width: 66%; } }

/*----------------------
-----Media Queries------
------------------------*/
html, body, .container {
  overflow: hidden; }

html {
  overflow-y: hidden; }

.meeting-room-container {
  width: 100vw;
  margin-left: 0;
  margin-right: 0; }
  .meeting-room-container > .row:before, .meeting-room-container > .row:after {
    display: none !important; }

.container {
  display: table;
  padding: 0 0 0 0;
  /*set left/right padding according to needs*/
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.row {
  height: 100%;
  display: table-row; }
  .row.doc-view {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-left: 0;
    margin-right: 0;
    background-color: #ffffff; }

.row .no-float {
  display: table-cell;
  float: none; }
  .row .no-float hr {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px; }

.btn-hover:hover {
  background-color: #42b9d8; }
  .btn-hover:hover .btn, .btn-hover:hover *text*, .btn-hover:hover a {
    color: #48494a; }

.pointer {
  cursor: pointer; }

.no-pointer {
  cursor: default; }

.item-seperator {
  margin: 7px 12px;
  display: inline-block; }

#meetings-grid > tbody > tr {
  cursor: pointer; }

#meetings-grid > tbody > tr > td:nth-of-type(1) {
  width: 100%; }

.tc-popup {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100vh;
  width: 100vw;
  background-color: #555555;
  z-index: 9999; }
  .tc-popup .tc-popup__inner {
    background-color: white;
    padding: 30px 55px 35px; }
    .tc-popup .tc-popup__inner .tc-popup__header {
      font-size: 24px;
      text-align: center;
      margin-bottom: 25px;
      color: #101010; }
    .tc-popup .tc-popup__inner .tc-popup__contents {
      max-width: 500px;
      max-height: 325px;
      overflow-y: scroll;
      background-color: #f7f7f7;
      padding: 15px; }
      .tc-popup .tc-popup__inner .tc-popup__contents p {
        font-size: 16px; }
    .tc-popup .tc-popup__inner .tc-popup__buttons {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly;
      margin-top: 30px; }
      .tc-popup .tc-popup__inner .tc-popup__buttons .btn {
        -webkit-appearance: none;
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 3px 25px;
        font-size: 12px; }
        .tc-popup .tc-popup__inner .tc-popup__buttons .btn__positive {
          background-color: #546ab0;
          color: white; }
          .tc-popup .tc-popup__inner .tc-popup__buttons .btn__positive.suitebox-tooltip:not([disabled]):before, .tc-popup .tc-popup__inner .tc-popup__buttons .btn__positive.suitebox-tooltip:not([disabled]):after {
            display: none; }
        .tc-popup .tc-popup__inner .tc-popup__buttons .btn__negative {
          background-color: #b05454;
          color: #fff; }

/* Font Omnes */
/*
Attempt to preload images used in various CSS elements
taken from https://perishablepress.com/preload-images-css3/
*/
.preload-images {
  display: none;
  background: url("/img/PdfPlaceIcon.png") no-repeat -9999px -9999px;
  background: url("/img/PdfPlaceIcon.png") no-repeat -9999px -9999px, url("/img/PdfCloseIcon.png") no-repeat -9999px -9999px, url("/img/PdfSizeIcon.png") no-repeat -9999px -9999px, url("/img/buttons/VideoBox_Mute.png") no-repeat -9999px -9999px, url("/img/buttons/VideoBox_UnMute.png") no-repeat -9999px -9999px, url("/img/buttons/VideoBox_VideoOff.png") no-repeat -9999px -9999px, url("/img/buttons/VideoBox_VideoOn.png") no-repeat -9999px -9999px, url("/img/buttons/VideoBox_FullscreenOff.png") no-repeat -9999px -9999px, url("/img/buttons/VideoBox_FullscreenOn.png") no-repeat -9999px -9999px, url("/img/buttons/VideoBox_Refresh.png") no-repeat -9999px -9999px, url("/img/buttons/VideoBox_SwitchCam.png") no-repeat -9999px -9999px; }

/*--------------------
-----Main Styles------
----------------------*/
body {
  font-family: roboto;
  font-size: 16px;
  color: #7a7c7f;
  font-weight: 300;
  overflow-x: hidden;
  padding: 0px !important; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Raleway, Arial, sans-serif;
  color: #545659;
  font-weight: 400;
  line-height: 1em;
  margin: 0 0 10px; }

@media (min-width: 768px) and (max-width: 991px) {
  .responsive-container {
    width: inherit; } }

.body-fixedfooter-container {
  margin-bottom: 150px; }
  @media (max-width: 767px) {
    .body-fixedfooter-container {
      margin-bottom: 41px; } }

.footer-button-properties, .screenshareBtn, .muteOn, .muteOff, .videoOn, .videoOff, .switchCamera, .start-recording-button, .stop-recording-button {
  cursor: pointer;
  background-size: 44px, auto;
  background-repeat: no-repeat;
  margin-top: 5px; }

.disabled-button {
  opacity: 0.5 !important; }

.back-to-meetings {
  color: #28a0bf;
  font-weight: 500; }

.topdiv {
  background: url("../../../img/topdiv3.png");
  width: 2px;
  height: 88px;
  position: absolute;
  top: 0; }

.nav-logo {
  content: url("/themes/cpal/img/logo.png");
  position: relative;
  top: -3px;
  width: 170px;
  padding-top: 0px;
  /*padding-right:20px;*/
  float: left; }

.heading-color {
  color: #7a7c7f !important; }

.nav-logo-details {
  position: relative;
  top: 0px;
  width: 170px;
  max-height: 88px; }

.desktop-menu-button, .livehelp-button, .chat-icon, .refresh-icon, .exit-icon {
  width: 50px;
  margin-top: 0.75em;
  right: -40px;
  cursor: pointer;
  position: absolute;
  text-align: center;
  z-index: 2;
  opacity: 0.55;
  overflow: hidden;
  text-overflow: ellipsis; }

.desktop-menu-info-block {
  text-align: right;
  line-height: 22px;
  height: 88px;
  display: block; }

.desktop-menu-links {
  display: inline-block; }

.desktop-user-role-label {
  padding-right: 0em; }

.icon-container {
  height: 40px;
  display: inherit; }

.meeting-icons {
  fill: #ed691d; }

.refresh-svg-size {
  width: 37px;
  height: 34px; }

.chat-svg-size {
  width: 35px;
  height: 38px; }

.exit-svg-size {
  width: 34px;
  height: 34px; }

.record-svg-size {
  width: 34px;
  height: 34px; }

.record-button {
  z-index: 2;
  opacity: 0.55;
  right: 130px;
  top: 12px;
  cursor: pointer; }

.record-button-opc {
  opacity: 0.55; }

.livehelp-button:hover,
.chat-icon:hover,
.chat_active,
.refresh-icon:hover,
.refresh_active,
.exit_active,
.exit-icon:hover,
.record-button:hover,
.record-button-opc:hover {
  opacity: 1; }

.desktop-buttons-text {
  font-size: 0.76em;
  color: #7a7c7f; }

p {
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
  margin-bottom: 20px; }

.lead {
  font-size: 20px;
  line-height: 28px;
  font-weight: 100;
  letter-spacing: 0.02em;
  margin-top: 40px;
  margin-bottom: 40px; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.hide {
  display: none; }

a,
a:hover,
a:focus {
  outline: none !important;
  text-decoration: none;
  color: #243c7c; }

a:focus,
.btn:focus {
  outline: none; }

.color-bg a {
  color: #fff;
  text-decoration: underline; }

.color-bg a:hover,
.color-bg a:focus {
  color: #fff;
  text-decoration: none; }

.primary {
  color: #243c7c; }

/*----------------------
---Main Layout Styles---
------------------------*/
.img-center {
  margin: 0 auto; }

.padding-top {
  padding: 50px 0; }

.padding-top-150 {
  padding: 150px 0 100px; }

.padding-top-80 {
  padding-top: 80px; }

.padding-top-bottom {
  padding: 50px 0 0; }

.padding-top-bottom-150 {
  padding: 150px 0 50px; }

.navbar {
  margin: 0;
  border-radius: 0; }

.section-title {
  position: relative;
  margin-bottom: 40px;
  font-size: 42px;
  line-height: 64px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-align: center;
  text-transform: uppercase; }

.section-title:after {
  display: block;
  content: "";
  width: 100px;
  height: 4px;
  position: absolute;
  left: 50%;
  bottom: -15px;
  margin-left: -50px;
  background: #fff;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 0 rgba(0, 0, 0, 0.08); }

.section-description {
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 20px; }
  .section-description strong {
    color: #545659; }

.subsection-title {
  text-align: center;
  margin-top: 80px; }

.subsection-description {
  text-align: center;
  margin-bottom: 60px; }

.news-section {
  padding: 100px 10px 0px 10px; }

/*------------------
----- Buttons ------
--------------------*/
.login-btn {
  height: 40px; }

.uploadDocColor {
  background-color: #28a0bf; }

.btn-qubico {
  border: none;
  font-family: Raleway, Arial, sans-serif;
  font-size: 15px !important;
  cursor: pointer;
  padding: 15px 30px;
  display: inline-block;
  margin: 20px 0;
  text-transform: capitalize;
  text-decoration: none;
  letter-spacing: 1px;
  font-weight: 600;
  outline: none;
  position: relative;
  background: #28a0bf !important;
  color: #fff;
  -webkit-box-shadow: 0 4px rgba(0, 0, 0, 0.07);
          box-shadow: 0 4px rgba(0, 0, 0, 0.07);
  border-radius: 5px;
  -webkit-transition: none;
  transition: none;
  line-height: 10px;
  /*height: 40px;*/ }

.btn-modal-bottom {
  margin-bottom: 0 !important; }

.btn-outline {
  border: none;
  font-family: Raleway, Arial, sans-serif;
  font-size: 15px !important;
  cursor: pointer;
  padding: 15px 30px;
  display: inline-block;
  margin: 20px 0;
  text-transform: capitalize;
  text-decoration: none;
  letter-spacing: 1px;
  font-weight: 600;
  outline: none;
  position: relative;
  background: rgba(255, 255, 255, 0) !important;
  color: #546ab0;
  -webkit-box-shadow: 0 4px rgba(0, 0, 0, 0.07);
          box-shadow: 0 4px rgba(0, 0, 0, 0.07);
  border-radius: 5px;
  -webkit-transition: none;
  transition: none;
  line-height: 10px;
  border: 1px solid #28a0bf; }

.btn-qubico:hover,
.btn-qubico:focus {
  color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.07);
          box-shadow: 0 3px rgba(0, 0, 0, 0.07);
  text-decoration: none; }

.btn-qubico:active {
  color: #fff;
  -webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px rgba(0, 0, 0, 0.07);
  text-decoration: none; }

.btn-qubico.white {
  background: transparent;
  border: 2px solid #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.btn-qubico.white:hover,
.btn-qubico.white:focus,
.btn-qubico.white:active {
  background: #fff;
  color: #243c7c;
  top: 0;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px rgba(0, 0, 0, 0.1);
  text-decoration: none; }

.btn-qubico [class*=fa] {
  margin-right: 10px; }

/*---------------------------
----- Bootstrap Buttons -----
-----------------------------*/
.btn-primary {
  background-color: #28a0bf !important; }

.btn-primary,
.btn-default,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
  border: none !important;
  height: 40px;
  -webkit-box-shadow: 0 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px rgba(0, 0, 0, 0.1); }

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #28a0bf !important;
  border: none !important; }

/*----------------
----- Colors -----
------------------*/
.white-bg {
  background: #fff; }

.gray-bg {
  background: #f3f3f3; }

.color-bg {
  background: #243c7c; }

.dark-bg {
  background: #4E5961; }

.light-typo, .precall-stand-alone-app-container .precall-footer {
  color: #fff; }

.color-bg.light-typo .section-title:after, .precall-stand-alone-app-container .color-bg.precall-footer .section-title:after {
  background: #fff; }

/*----------------------
----Navigation Styles---
------------------------*/
#main-nav .navbar-toggle {
  border: 1px solid #4E5961;
  border-radius: 0; }

#main-nav .icon-bar {
  background: #4E5961; }

.navbar-brand,
.navbar-brand:hover,
.navbar-brand:active,
.navbar-brand:focus {
  position: relative;
  padding: 0 10px;
  font-size: 38px;
  line-height: 54px;
  font-weight: 600;
  color: #777;
  font-variant: small-caps;
  letter-spacing: 0.02em;
  -webkit-transition: font-size .2s ease-out;
  transition: font-size .2s ease-out;
  /*overflow:hidden*/ }

#main-nav {
  background: #fff;
  color: #4E5961;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  z-index: 999; }

#main-nav.scrolled .navbar-toggle {
  color: #5AA9CE;
  border-color: #5AA9CE; }

#main-nav.scrolled .navbar-toggle .icon-bar {
  background: #5AA9CE; }

#main-nav .container {
  padding: 15px 20px;
  -webkit-transition: padding 0.3s ease-out;
  transition: padding 0.3s ease-out; }

#main-nav .nav a {
  position: relative;
  z-index: 1; }

#main-nav .nav a,
#main-nav .nav a:active,
#main-nav .nav a:hover {
  padding: 0px 5px;
  margin-top: 15px;
  font-size: 15px;
  /*line-height:54px;*/
  font-weight: 700;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  background: transparent;
  color: #4E5961;
  opacity: 0.5;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out; }

#main-nav .nav .active a,
#main-nav .nav a:hover {
  opacity: 1; }

#main-nav .nav a:before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 10%;
  content: "";
  width: 80%;
  height: 3px;
  background: #fff;
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

#main-nav .nav a:hover:before,
#main-nav .nav .active a:before {
  bottom: -7px;
  opacity: 1; }

#main-nav .nav a.trial {
  border: 1px solid #4E5961; }

.no-csstransforms #main-nav .nav a:before {
  display: none; }

.no-csstransforms #main-nav .nav a:hover,
.no-csstransforms #main-nav .nav .active a {
  color: #5AA9CE; }

#main-nav li {
  background: transparent;
  margin: 0 5px;
  border: 2px solid transparent; }

#main-nav .dropdown-menu a {
  font-size: 15px; }

.site-logo {
  max-height: 54px; }

.logo-xs {
  font-family: roboto;
  font-size: 38px;
  color: #162B75; }

.logo-small {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
  opacity: 1;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in; }

.to-top {
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -16px;
  left: 10px;
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 39px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background: #eee;
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.navbar-brand:hover .logo-small {
  /*opacity:0;
    -webkit-transform:translateY(-50px);
    transform:translateY(-50px);
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out;*/ }

.navbar-brand:hover .to-top {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0); }

/*----------------------
-----Header Styles------
------------------------*/
.jumbotron {
  background: #fff;
  color: #fff;
  padding: 0;
  margin-bottom: 0;
  padding-top: 80px; }

/*-------------------------
------Call to action-------
--------------------------*/
.cta {
  padding: 50px 0 30px; }

.cta .cta-message p {
  padding: 15px 0 20px;
  font-size: 22px;
  line-height: 32px; }

.cta .cta-message strong {
  font-size: 24px;
  letter-spacing: 0.02em; }

.cta .cta-button {
  padding: 0; }

.cta .cta-input {
  margin: 0;
  top: -18px; }

/*--------------------
---Features Styles---
----------------------*/
.features .section-description {
  margin-bottom: 80px; }

.features .icon {
  width: 80px;
  height: 80px;
  text-align: center;
  background: #cccfd5;
  color: #fff;
  font-size: 28px;
  line-height: 80px;
  border-radius: 50%;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 3px rgba(0, 0, 0, 0.05);
  -webkit-transition: background .3s ease-out;
  transition: background .3s ease-out; }

.features .media:hover .icon {
  background: #243c7c; }

.features .icon .icon-1 {
  width: 80px;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .3s ease-out .2s;
  transition: all .3s ease-out .2s; }

.features .icon .icon-2 {
  width: 80px;
  position: relative;
  top: -80px;
  opacity: 0;
  -webkit-transform: scale(2);
  transform: scale(2);
  -webkit-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s; }

.features .media:hover .icon .icon-1 {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s; }

.features .media:hover .icon .icon-2 {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .3s ease-out .2s;
  transition: all .3s ease-out .2s; }

.features .media {
  margin-bottom: 40px; }

.features .media-body p {
  font-size: 16px; }

.features .media h4 {
  -webkit-transition: color .3s ease-out;
  transition: color .3s ease-out; }

.features .media:hover h4 {
  color: #243c7c; }

/*--------------------
--CTA iPhones Styles--
----------------------*/
.cta-iphones h2 {
  margin-top: 60px; }

.cta-iphones .iphones-wrapper {
  max-width: 450px;
  margin: 0 auto;
  position: relative; }

.cta-iphones .iphone-portrait-frame {
  position: relative;
  width: 39.5%; }

.cta-iphones .iphone-landscape-frame {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 84%; }

.cta-iphones .scrollimation .iphone-landscape-frame {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transition: -webkit-transform .5s ease-in;
  transition: -webkit-transform .5s ease-in;
  transition: transform .5s ease-in;
  transition: transform .5s ease-in, -webkit-transform .5s ease-in; }

.touch .cta-iphones .scrollimation .iphone-landscape-frame {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg); }

.cta-iphones .scrollimation .iphone-landscape-frame.in {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg); }

.cta-iphones .iphone-portrait-screen {
  position: absolute;
  width: 87%;
  height: 72.7%;
  top: 13%;
  left: 6.5%;
  overflow: hidden; }

.cta-iphones .iphone-landscape-screen {
  position: absolute;
  width: 72.7%;
  height: 87%;
  top: 6.5%;
  right: 13%;
  overflow: hidden; }

/*-----------------------
-----Services Styles-----
-------------------------*/
.services {
  margin-top: 80px;
  margin-bottom: 40px; }

.services .icon {
  position: relative;
  width: 150px;
  height: 150px;
  margin: 0 auto;
  text-align: center;
  background: #243c7c;
  line-height: 150px;
  font-size: 48px;
  color: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  margin-bottom: 40px;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.services .item:hover .icon {
  font-size: 38px;
  -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.05); }

.services .icon:after {
  display: block;
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  top: 0;
  left: 0;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.08);
          box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.08);
  background: transparent;
  -webkit-transition: box-shadow .3s ease-out;
  -webkit-transition: -webkit-box-shadow .3s ease-out;
  transition: -webkit-box-shadow .3s ease-out;
  transition: box-shadow .3s ease-out;
  transition: box-shadow .3s ease-out, -webkit-box-shadow .3s ease-out; }

.services .item:hover .icon:after {
  -webkit-box-shadow: inset 0 0 0 10px rgba(0, 0, 0, 0.08);
          box-shadow: inset 0 0 0 10px rgba(0, 0, 0, 0.08); }

.services h3 {
  font-size: 21px;
  font-weight: 400;
  text-transform: uppercase;
  -webkit-transition: color .3s ease-out;
  transition: color .3s ease-out; }

.services .item:hover h3 {
  color: #243c7c; }

.services p {
  padding: 0 20px;
  font-size: 16px;
  line-height: 21px; }

/*-----------------------
-----Products Styles-----
-------------------------*/
.products {
  margin-top: 0;
  margin-bottom: 0; }

.products .icon {
  position: relative;
  width: 150px;
  height: 150px;
  margin: 0 auto;
  text-align: center;
  background: #6bc6e0;
  line-height: 150px;
  font-size: 48px;
  color: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  margin-bottom: 40px;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.products .item:hover .icon {
  font-size: 38px;
  -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.05); }

.products .icon:after {
  display: block;
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  top: 0;
  left: 0;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.08);
          box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.08);
  background: transparent;
  -webkit-transition: box-shadow .3s ease-out;
  -webkit-transition: -webkit-box-shadow .3s ease-out;
  transition: -webkit-box-shadow .3s ease-out;
  transition: box-shadow .3s ease-out;
  transition: box-shadow .3s ease-out, -webkit-box-shadow .3s ease-out; }

.products .item:hover .icon:after {
  -webkit-box-shadow: inset 0 0 0 10px rgba(0, 0, 0, 0.08);
          box-shadow: inset 0 0 0 10px rgba(0, 0, 0, 0.08); }

.products h3 {
  font-family: roboto;
  font-size: 21px;
  padding: 0 20px;
  font-weight: 400;
  text-transform: uppercase;
  -webkit-transition: color .3s ease-out;
  transition: color .3s ease-out; }

.products .item:hover h3 {
  color: #162B75; }

.products p {
  padding: 0 20px;
  font-size: 16px;
  line-height: 21px; }

ul.plain-list {
  padding: 0px; }

/*-------------------
-----Overview Styles-----
---------------------*/
#overview ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
  text-align: left; }

#overview ul li {
  display: inline-block;
  padding: 0;
  line-height: 24px;
  background: transparent;
  margin: 0;
  margin-left: 5px;
  margin-bottom: 10px; }

#overview ul li a {
  display: block;
  font-size: 15px;
  font-weight: 500;
  padding: 10px 20px;
  border-radius: 5px;
  border: 2px solid transparent;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out; }

#overview ul li a,
#overview ul li a:active,
#overview ul li a:hover {
  line-height: 24px;
  background: #F3F3F3;
  color: #4E5961;
  text-decoration: none; }

#overview ul li a:hover,
#overview ul li.active a {
  color: #fff;
  background: #243C7C; }

/*--------------------
----Process Styles----
----------------------*/
.process-list {
  margin: 0;
  padding: 0;
  background: transparent;
  list-style: none;
  text-align: center;
  width: 100%; }

.process-list li {
  display: inline-block;
  background: transparent;
  margin: 20px 0;
  width: 16%;
  vertical-align: top; }

.process-list .icon {
  position: relative;
  display: block;
  text-align: center;
  width: 60px;
  height: 60px;
  margin: 0 auto 15px;
  background: #bbb;
  border-radius: 50%;
  font-size: 28px;
  line-height: 60px;
  color: #fff;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }

.process-list .icon:hover {
  font-size: 32px;
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }

.process-list li:nth-child(1) .icon {
  background: #74C2BE; }

.process-list li:nth-child(2) .icon {
  background: #398CA9; }

.process-list li:nth-child(3) .icon {
  background: #3A8ECA; }

.process-list li:nth-child(4) .icon {
  background: #723F91; }

.process-list li:nth-child(5) .icon {
  background: #A59EC4; }

.process-list li:nth-child(6) .icon {
  background: #DF4088; }

.process-list li.colored .icon {
  background: #243c7c; }

.scrollimation .process-list li:nth-child(1) {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4);
  transition: -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4);
  transition: transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4);
  transition: transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4), -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4); }

.touch .scrollimation .process-list li:nth-child(1),
.scrollimation.in .process-list li:nth-child(1) {
  -webkit-transform: scale(1);
  transform: scale(1); }

.scrollimation .process-list li:nth-child(2) {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 0.3s;
  transition: -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 0.3s;
  transition: transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 0.3s;
  transition: transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 0.3s, -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 0.3s; }

.touch .scrollimation .process-list li:nth-child(2),
.scrollimation.in .process-list li:nth-child(2) {
  -webkit-transform: scale(1);
  transform: scale(1); }

.scrollimation .process-list li:nth-child(3) {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 0.6s;
  transition: -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 0.6s;
  transition: transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 0.6s;
  transition: transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 0.6s, -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 0.6s; }

.touch .scrollimation .process-list li:nth-child(3),
.scrollimation.in .process-list li:nth-child(3) {
  -webkit-transform: scale(1);
  transform: scale(1); }

.scrollimation .process-list li:nth-child(4) {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 1s;
  transition: -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 1s;
  transition: transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 1s;
  transition: transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 1s, -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 1s; }

.touch .scrollimation .process-list li:nth-child(4),
.scrollimation.in .process-list li:nth-child(4) {
  -webkit-transform: scale(1);
  transform: scale(1); }

.scrollimation .process-list li:nth-child(5) {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 1.6s;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 1.5s;
  transition: -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 1.5s;
  transition: transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 1.5s;
  transition: transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 1.5s, -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 1.5s; }

.touch .scrollimation .process-list li:nth-child(5),
.scrollimation.in .process-list li:nth-child(5) {
  -webkit-transform: scale(1);
  transform: scale(1); }

.scrollimation .process-list li:nth-child(6) {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 2s;
  transition: -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 2s;
  transition: transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 2s;
  transition: transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 2s, -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 2s; }

.touch .scrollimation .process-list li:nth-child(6),
.scrollimation.in .process-list li:nth-child(6) {
  -webkit-transform: scale(1);
  transform: scale(1); }

.process-list h4 {
  font-size: 18px;
  font-weight: 400; }

.process-box {
  margin-bottom: 60px;
  position: relative;
  z-index: 1; }

.process-line {
  position: absolute;
  width: 80%;
  margin: 0 10%;
  height: 0;
  top: 50px;
  border-top: 3px dotted #243c7c;
  z-index: -1; }

.scrollimation .process-line {
  width: 0;
  -webkit-transition: width 2.5s ease-out;
  transition: width 2.5s ease-out; }

.touch .scrollimation .process-line,
.scrollimation.in .process-line {
  width: 80%; }

/*-----------------------
---iPad Slider Styles----
-------------------------*/
.ipad-frame {
  display: block;
  position: relative;
  width: 100%;
  max-width: 497px;
  margin: 0 auto;
  overflow: hidden; }

.ipad-screen {
  display: block;
  position: absolute;
  top: 10.28%;
  left: 9.57%;
  width: 81.25%;
  height: 92.3%;
  overflow: hidden; }

.flexslider {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 10; }

.ipad-slider .flex-direction-nav .flex-prev,
.ipad-slider .flex-direction-nav .flex-next {
  background: #243c7c;
  background-image: none;
  display: inline;
  text-indent: 0;
  position: absolute;
  top: 43%;
  width: 44px;
  height: 44px;
  padding: 0;
  padding-left: 12px;
  margin: 0;
  margin-top: -22px;
  font-size: 42px;
  line-height: 38px;
  color: #fff;
  border-radius: 5px;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out; }

.ipad-slider .flex-direction-nav .flex-next {
  text-align: right;
  padding-right: 12px; }

.ipad-slider .flex-direction-nav a:hover,
.ipad-slider .flex-direction-nav a:active,
.ipad-slider .flex-direction-nav a:focus {
  text-decoration: none; }

.ipad-slider .flex-direction-nav a:hover {
  background: #363B46; }

.ipad-slider:hover .flex-next {
  opacity: 1;
  right: 5px; }

.ipad-slider:hover .flex-prev {
  opacity: 1;
  left: 5px; }

/*-----------------------
---Macbook Video Styles--
-------------------------*/
.macbook-frame {
  position: relative; }

.macbook-screen {
  display: block;
  position: absolute;
  top: 7%;
  left: 12.04%;
  width: 75.91%; }

/*-------------------
-----Team Styles-----
---------------------*/
.team-member {
  margin-bottom: 30px; }

.member-thumb {
  text-align: center; }

/*
.member-thumb img{
    border:10px solid #f8f8f8;
}*/
.member-thumb h4 {
  font-size: 21px;
  margin: 10px 0; }

.member-thumb .title {
  font-size: 18px;
  margin: 10px 0;
  color: #5CC9DF; }

.team-member .member-details {
  margin: 20px 0 0 20px;
  position: relative;
  padding: 30px;
  padding-left: 100px;
  background: #f5f5f5;
  border-radius: 10px;
  -webkit-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.08);
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.team-member:hover .member-details {
  background: #243c7c;
  color: #fff; }

.team-member.right .member-details {
  margin: 20px 20px 0 0;
  -webkit-box-shadow: -5px 5px 0 rgba(0, 0, 0, 0.08);
          box-shadow: -5px 5px 0 rgba(0, 0, 0, 0.08); }

.team-member .member-details:after {
  display: block;
  content: "";
  position: absolute;
  left: -18px;
  top: 30px;
  width: 0px;
  height: 0px;
  background: transparent;
  border: 20px solid transparent;
  border-left: 20px solid #f5f5f5;
  -webkit-box-shadow: -3px 0 0 rgba(0, 0, 0, 0.08);
          box-shadow: -3px 0 0 rgba(0, 0, 0, 0.08);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-left-color .3s ease-out;
  transition: border-left-color .3s ease-out; }

.team-member.right .member-details:after {
  position: absolute;
  left: auto;
  right: -17px;
  border-left: 20px solid transparent;
  border-right: 20px solid #f5f5f5;
  -webkit-box-shadow: 3px 0 0 0 rgba(0, 0, 0, 0.08);
          box-shadow: 3px 0 0 0 rgba(0, 0, 0, 0.08);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-right-color .3s ease-out;
  transition: border-right-color .3s ease-out; }

.team-member:hover .member-details:after {
  border-left-color: #5CC9DF; }

.team-member.right:hover .member-details:after {
  border-left-color: transparent;
  border-right-color: #5CC9DF; }

.team-member .member-details:before {
  display: block;
  content: "\201D";
  position: absolute;
  left: 20px;
  top: 50px;
  font-size: 120px;
  font-weight: 800;
  line-height: 60px;
  font-family: roboto;
  color: #5cc9df;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.team-member:hover .member-details:before {
  color: #fff; }

.team-member .member-socials {
  list-style: none;
  margin: 0;
  padding: 0; }

.team-member .member-socials li {
  display: inline;
  text-align: center;
  margin: 0 2px; }

.team-member .member-socials li a {
  display: inline-block;
  padding: 0;
  min-width: 40px;
  height: 40px;
  font-size: 21px;
  line-height: 40px;
  color: #5cc9df;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 0 0 transparent;
          box-shadow: 0 3px 0 0 transparent;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.team-member:hover .member-socials li a {
  color: #fff; }

.team-member .member-socials li a:hover {
  background: #fff;
  color: #5cc9df;
  -webkit-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05); }

.chart-scheme {
  margin: 0 auto 30px; }

.chart-wrapper {
  background: #5CC9DF;
  display: block;
  width: 180px;
  height: 180px;
  padding-top: 20px;
  margin: 0 auto 30px;
  border-radius: 50%; }

.chart {
  position: relative;
  display: inline-block;
  width: 150px;
  height: 150px;
  margin-bottom: 50px;
  text-align: center; }

.chart canvas {
  position: absolute;
  top: 0;
  left: 0; }

.percent {
  display: inline-block;
  line-height: 140px;
  font-size: 38px;
  font-weight: 300;
  color: #fff;
  z-index: 2; }

.percent:after {
  content: '%';
  margin-left: 0.1em;
  font-size: 24px; }

.skills h2 {
  font-size: 32px; }

.skills ul {
  list-style: disc;
  text-align: left;
  font-size: 17px; }

.skills li {
  padding-bottom: 10px; }

/*----------------------
-----Portfolio Styles---
------------------------*/
#filter-works ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
  text-align: center; }

#filter-works ul li {
  display: inline-block;
  padding: 0;
  line-height: 24px;
  background: transparent;
  margin: 0;
  margin-left: 5px;
  margin-bottom: 10px; }

#filter-works ul li a {
  display: block;
  font-size: 18px;
  font-weight: 500;
  padding: 10px 20px;
  border-radius: 5px;
  border: 2px solid transparent;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out; }

#filter-works ul li a,
#filter-works ul li a:active,
#filter-works ul li a:hover {
  line-height: 24px;
  background: #fff;
  color: #4E5961;
  text-decoration: none; }

#filter-works ul li a:hover,
#filter-works ul li.active a {
  color: #fff;
  background: #5cc9df; }

.projects-container .row {
  -webkit-transition: height .5s ease-out;
  transition: height .5s ease-out; }

.project-item {
  position: relative;
  margin-bottom: 30px;
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: all .4s ease-out;
  transition: all .4s ease-out; }

.project-item.filtered {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0.2;
  cursor: default; }

.no-opacity .project-item.filtered {
  display: none; }

.project-item.filtered a {
  cursor: default; }

.project-item.filtered .enlarge,
.project-item.filtered .link,
.project-item.filtered .overlay-mask,
.project-item.filtered .project-title {
  display: none; }

.project-thumb {
  display: block;
  position: relative;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
  overflow: hidden; }

.scrollimation .project-thumb {
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  opacity: 0;
  -webkit-transition: opacity .4s ease-out, -webkit-transform .4s ease-out;
  transition: opacity .4s ease-out, -webkit-transform .4s ease-out;
  transition: opacity .4s ease-out, transform .4s ease-out;
  transition: opacity .4s ease-out, transform .4s ease-out, -webkit-transform .4s ease-out; }

.touch .scrollimation .project-thumb,
.scrollimation .project-thumb.in {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1; }

.project-thumb .overlay-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #5CC9DF;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 1;
  -webkit-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out; }

.project-thumb:hover .overlay-mask {
  opacity: 0.8;
  filter: alpha(opacity=80); }

.project-thumb .enlarge,
.project-thumb .link {
  display: inline-block;
  margin: 0;
  margin-top: -25px;
  font-size: 50px;
  line-height: 50px;
  color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  height: 50px;
  width: 64px;
  top: 40%;
  left: 50%;
  text-align: center;
  z-index: 3; }

.project-thumb .enlarge {
  margin-left: -84px;
  -webkit-transform: translateX(-200px);
  transform: translateX(-200px);
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.project-thumb:hover .enlarge {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all .3s ease-out .3s;
  transition: all .3s ease-out .3s; }

.project-thumb .link {
  margin-left: 20px;
  -webkit-transform: translateX(200px);
  transform: translateX(200px);
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.project-thumb:hover .link {
  -webkit-transform: translate(0);
  transform: translate(0);
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all .3s ease-out .6s;
  transition: all .3s ease-out .6s; }

.project-thumb .enlarge.centered,
.project-thumb .link.centered {
  margin-left: -32px;
  -webkit-transform: translateY(-200px);
  transform: translateY(-200px);
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

.project-thumb:hover .enlarge.centered,
.project-thumb:hover .link.centered {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s; }

.project-thumb .project-title {
  display: block;
  width: 100%;
  position: absolute;
  bottom: -100px;
  background: #fff;
  margin: 0;
  padding: 20px 0;
  font-size: 21px;
  font-weight: 300;
  color: #777;
  text-align: center;
  z-index: 2;
  -webkit-transition: bottom .4s ease-out,color .2s ease-out;
  transition: bottom .4s ease-out,color .2s ease-out; }

.project-thumb:hover .project-title {
  bottom: 0;
  -webkit-transition: bottom .3s ease-out .1s,color .2s ease-out 0s;
  transition: bottom .3s ease-out .1s,color .2s ease-out 0s; }

.project-thumb .project-title:hover {
  color: #5CC9DF; }

/*Load More Projects*/
.loaded-item {
  display: none; }

/*Project Preview*/
.preview-content {
  display: none; }

#project-preview {
  display: none; }

#project-preview .loader {
  display: block;
  background: url(../assets/loader.gif) center center no-repeat;
  width: 36px;
  height: 36px;
  position: absolute;
  top: 35%;
  left: 50%;
  margin-left: -18px; }

#project-preview .imac-frame {
  display: block;
  position: relative;
  width: 100%;
  max-width: 700px;
  margin: 0 auto 30px;
  overflow: hidden; }

#project-preview .imac-screen {
  background: transparent;
  display: block;
  position: absolute;
  top: 5.5%;
  left: 4.5%;
  width: 91%;
  height: 66%;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out; }

#project-preview .imac-screen.loaded {
  opacity: 1; }

.flexslider {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1; }

.imac-slider .flex-direction-nav .flex-prev,
.imac-slider .flex-direction-nav .flex-next {
  background: #5cc9df;
  background-image: none;
  display: inline;
  text-indent: 0;
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  padding: 0;
  padding-left: 12px;
  margin: 0;
  margin-top: -22px;
  font-size: 42px;
  line-height: 38px;
  color: #fff;
  border-radius: 5px;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out; }

.imac-slider .flex-direction-nav .flex-next {
  text-align: right;
  padding-right: 12px; }

.imac-slider .flex-direction-nav a:hover,
.imac-slider .flex-direction-nav a:active,
.imac-slider .flex-direction-nav a:focus {
  text-decoration: none; }

.imac-slider .flex-direction-nav a:hover {
  background: #363B46; }

.imac-slider:hover .flex-next {
  opacity: 1;
  right: 5px; }

.imac-slider:hover .flex-prev {
  opacity: 1;
  left: 5px; }

.imac-slider .flex-direction-nav .flex-disabled,
.ipad-slider .flex-direction-nav .flex-disabled {
  display: none; }

#project-preview .close-preview {
  display: inline-block;
  padding: 10px;
  font-size: 48px;
  line-height: 48px;
  font-weight: 400;
  margin: 5px 0;
  text-decoration: none; }

/*-------------------
------ Prices -------
---------------------*/
.pricing .item {
  position: relative;
  top: 20px;
  background: white;
  padding-top: 40px;
  padding-bottom: 20px;
  border-radius: 7px;
  color: #777;
  -webkit-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.05);
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.pricing .item.featured {
  top: 0;
  padding-top: 50px;
  padding-bottom: 50px; }

.pricing .item:hover,
.pricing .item.featured {
  background: #243c7c;
  color: #fff; }

.pricing .item h2 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 0;
  text-transform: uppercase; }

.pricing .item.featured h2 {
  margin-bottom: 10px; }

.pricing .item p {
  margin-bottom: 5px;
  font-weight: 400; }

.pricing .item ul {
  list-style: circle;
  margin-right: 15px; }

.pricing .item li {
  text-align: left;
  font-size: 15px; }

.pricing .item .icon {
  display: inline-block;
  margin-bottom: 30px;
  background: #ccc;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  font-size: 48px;
  line-height: 120px;
  color: #fff;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.pricing .item.featured .icon,
.pricing .item:hover .icon {
  color: #5cc9df;
  background: #fff; }

.pricing .item .btn-qubico {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 16px;
  padding: 10px 20px; }

.pricing .item.featured .btn-qubico,
.pricing .item:hover .btn-qubico {
  background: #fff;
  color: #5CC9DF; }

.pricing .item .price {
  font-size: 48px;
  font-weight: 100;
  line-height: 48px;
  margin-top: 10px;
  margin-bottom: 30px; }

.pricing .item .price sup {
  font-size: 24px;
  position: relative;
  top: -0.8em; }

.pricing .item.featured .price {
  margin-bottom: 40px; }

/*-------------------
-----Support Styles-----
---------------------*/
#support ol {
  list-style: decimal; }

#support ul {
  list-style: disc;
  margin-bottom: 20px;
  text-align: left; }

#support ul li {
  line-height: 24px; }

#support h4 {
  font-size: 23px; }

#support h5 {
  font-size: 18px;
  color: #243C7C;
  font-weight: bold; }

#support .answer {
  padding-left: 30px; }

/*----------------------
-----Clients Styles-----
------------------------*/
.clients .client {
  max-width: 300px;
  margin: 0 auto 20px;
  padding: 30px;
  /*overflow:hidden;*/ }

.client img {
  -webkit-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  -webkit-transition: all .6s ease-out;
  transition: all .6s ease-out; }

.client img:hover {
  -webkit-transform: scale(1.2) rotate(-5deg);
  transform: scale(1.2) rotate(-5deg); }

.client .popover {
  font-size: 15px;
  line-height: 15px; }

/*----------------------
-----Contact Styles-----
------------------------*/
.contact-item h2 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px; }

.contact-item .icon {
  display: block;
  font-size: 48px;
  color: #5cc9df;
  text-shadow: -2px 2px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.contact-item .icon:hover {
  color: #5cc9df;
  -webkit-transform: scale(1.3) translateY(-10px);
  transform: scale(1.3) translateY(-10px); }

.bl_form {
  margin: 30px 0 0; }

.bl_form input {
  padding-top: 15px;
  background: rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0 4px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 0px rgba(0, 0, 0, 0.2);
  border: none;
  color: white;
  padding: 10px 15px;
  border-radius: 5px;
  font-size: 16px;
  outline: none; }

.lb_wrap .lb_label.top, .lb_wrap .lb_label.bottom {
  left: 66px !important; }

.lb_wrap .lb_label.left {
  left: 0; }

.lb_label {
  font-size: 18px;
  line-height: 32px;
  font-weight: 400;
  color: #ccc; }

.no-placeholder .lb_label {
  display: none; }

.lb_label.active {
  color: #aaa; }

#request-demo-form .form-group label,
#register-form .form-group label,
#contact-form .form-group label,
#searchform .form-group label {
  display: none;
  font-size: 18px;
  line-height: 24px;
  font-weight: 100;
  text-transform: uppercase; }

#request-demo-form.no-placeholder .form-group label,
#register-form.no-placeholder .form-group label,
#contact-form.no-placeholder .form-group label,
#searchform.no-placeholder .form-group label {
  display: block; }

#contact-form .controls {
  padding: 0;
  margin-top: 40px; }

#request-demo-form.no-placeholder .controls,
#register-form.no-placeholder .controls,
#contact-form.no-placeholder .controls,
#searchform.no-placeholder .controls {
  margin-top: 0; }

.form-control {
  display: inline;
  background: #fff;
  border: none;
  border-radius: 5px;
  outline: none;
  -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1);
  height: 40px;
  font-size: 16px;
  line-height: 32px;
  color: #152B75;
  font-weight: 400;
  padding-left: 50px;
  vertical-align: top;
  margin-bottom: 10px;
  -webkit-appearance: none; }

.form-control.dark,
.dark {
  background: #f2f2f2; }

#request-demo-form .form-group.half-width,
#register-form .form-group.half-width,
#contact-form .form-group.half-width,
#searchform .form-group.half-width {
  width: 40%;
  float: left; }

#request-demo-form .form-group,
#register-form .form-group,
#contact-form .form-group,
#searchform .form-group {
  position: relative; }

#request-demo-form .form-group [class*=fa],
#register-form .form-group [class*=fa],
#contact-form .form-group [class*=fa],
#searchform .form-group [class*=fa] {
  display: block;
  position: absolute;
  bottom: 10px;
  top: auto;
  width: 42px;
  left: 5px;
  color: #e2e2e2;
  font-size: 24px;
  line-height: 40px;
  text-align: center;
  font-weight: 300;
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out; }
  #request-demo-form .form-group [class*=fa]:before,
  #register-form .form-group [class*=fa]:before,
  #contact-form .form-group [class*=fa]:before,
  #searchform .form-group [class*=fa]:before {
    color: #9BA0A8; }

#request-demo-form .form-group [class*=fa].active,
#register-form .form-group [class*=fa].active,
#contact-form .form-group [class*=fa].active,
#searchform .form-group [class*=fa].active {
  color: #a2a2a2; }

#request-demo-form.no-placeholder .form-group [class*=fa],
#register-form.no-placeholder .form-group [class*=fa],
#contact-form.no-placeholder .form-group [class*=fa],
#searchform.no-placeholder .form-group [class*=fa] {
  top: 30px; }

#searchform .form-control {
  padding-top: 4px !important;
  padding-left: 64px !important;
  vertical-align: top !important;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  background: #f2f2f2; }

#request-demo-form textarea.form-control,
#register-form textarea.form-control,
#contact-form textarea.form-control,
#searchform textarea.form-control {
  height: auto;
  max-width: 100%;
  min-width: 100%;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  padding-top: 14px;
  vertical-align: top; }

#request-demo-form .form-control:focus,
#register-form .form-control:focus,
#contact-form .form-control:focus,
#searchform .form-control:focus {
  outline: none;
  -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 0 rgba(0, 0, 0, 0.15); }

#request-demo-form .error-message,
#register-form .error-message,
#contact-form .error-message,
#searchform .error-message {
  padding: 5px 0;
  position: absolute;
  top: -35px;
  right: 0;
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  color: #ff3345;
  z-index: 10; }

#request-demo-form.no-placeholder .error-message,
#register-form.no-placeholder .error-message,
#contact-form.no-placeholder .error-message,
#searchform.no-placeholder .error-message {
  top: 0; }

/*----------------------
-----Footer Styles------
------------------------*/
#main-footer {
  padding: 40px 0 20px;
  -webkit-box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.1); }

.social-links {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 20px; }

.social-links li {
  display: inline-block;
  margin: 0 10px;
  border-radius: 3px;
  -webkit-box-shadow: 0 4px 0 transparent;
          box-shadow: 0 4px 0 transparent;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.social-links li a {
  display: block;
  color: #fff;
  font-size: 30px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.social-links li:hover {
  background: #fff;
  -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 4px 0 rgba(0, 0, 0, 0.05); }

.social-links-scaling {
  margin: 0.5em, 0.5em, 0.5em, 0.5em; }
  .social-links-scaling li {
    display: inline-block;
    margin: 0 10px;
    border-radius: 3px;
    -webkit-box-shadow: 0 4px 0 transparent;
            box-shadow: 0 4px 0 transparent;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out; }
    .social-links-scaling li a {
      display: block;
      color: #fff;
      font-size: 1em;
      width: 1.2em;
      height: auto;
      line-height: 1.2em;
      text-align: center; }
    .social-links-scaling li :hover {
      -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.05);
              box-shadow: 0 4px 0 rgba(0, 0, 0, 0.05); }
      .social-links-scaling li :hover a {
        color: #5CC9DF; }

/*-----------------------
-----Scrollimations------
------------------------*/
.scrollimation.fade-in {
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-out;
  transition: opacity 0.6s ease-out; }

.scrollimation.fade-in.in {
  opacity: 1; }

.scrollimation.scale-in {
  opacity: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.67, 1.57), opacity 0.6s ease-out;
  -webkit-transition: opacity 0.6s ease-out, -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.67, 1.57);
  transition: opacity 0.6s ease-out, -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.67, 1.57);
  transition: transform 0.6s cubic-bezier(0.17, 0.89, 0.67, 1.57), opacity 0.6s ease-out;
  transition: transform 0.6s cubic-bezier(0.17, 0.89, 0.67, 1.57), opacity 0.6s ease-out, -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.67, 1.57); }

.scrollimation.scale-in.in {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.scrollimation.fade-right {
  opacity: 0;
  -webkit-transform: translateX(-100px);
  transform: translateX(-100px);
  -webkit-transition: -webkit-transform .4s ease-out,opacity .4s ease-out;
  -webkit-transition: opacity .4s ease-out,-webkit-transform .4s ease-out;
  transition: opacity .4s ease-out,-webkit-transform .4s ease-out;
  transition: transform .4s ease-out,opacity .4s ease-out;
  transition: transform .4s ease-out,opacity .4s ease-out,-webkit-transform .4s ease-out; }

.scrollimation.fade-right.in {
  opacity: 1;
  -webkit-transform: translateX(0px);
  transform: translateX(0px); }

.scrollimation.fade-left {
  opacity: 0;
  -webkit-transform: translateX(100px);
  transform: translateX(100px);
  -webkit-transition: -webkit-transform .4s ease-out,opacity .4s ease-out;
  -webkit-transition: opacity .4s ease-out,-webkit-transform .4s ease-out;
  transition: opacity .4s ease-out,-webkit-transform .4s ease-out;
  transition: transform .4s ease-out,opacity .4s ease-out;
  transition: transform .4s ease-out,opacity .4s ease-out,-webkit-transform .4s ease-out; }

.scrollimation.fade-left.in {
  opacity: 1;
  -webkit-transform: translateX(0px);
  transform: translateX(0px); }

.scrollimation.fade-up {
  opacity: 0;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: -webkit-transform .4s ease-out,opacity .4s ease-in;
  -webkit-transition: opacity .4s ease-in-out,-webkit-transform .4s ease-out;
  transition: opacity .4s ease-in-out,-webkit-transform .4s ease-out;
  transition: transform .4s ease-out,opacity .4s ease-in-out;
  transition: transform .4s ease-out,opacity .4s ease-in-out,-webkit-transform .4s ease-out; }

.scrollimation.fade-up.in {
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px); }

.scrollimation.d1 {
  -webkit-transition-delay: .2s;
          transition-delay: .2s; }

.scrollimation.d2 {
  -webkit-transition-delay: .4s;
          transition-delay: .4s; }

.scrollimation.d3 {
  -webkit-transition-delay: .6s;
          transition-delay: .6s; }

.scrollimation.d4 {
  -webkit-transition-delay: .8s;
          transition-delay: .8s; }

.touch .scrollimation.fade-in {
  opacity: 1; }

.touch .scrollimation.scale-in {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.touch .scrollimation.fade-right {
  opacity: 1;
  -webkit-transform: translateX(0px);
  transform: translateX(0px); }

.touch .scrollimation.fade-left {
  opacity: 1;
  -webkit-transform: translateX(0px);
  transform: translateX(0px); }

.touch .scrollimation.fade-up {
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px); }

/*----------------------
-----Media Queries------
------------------------*/
@media (max-width: 767px) {
  body, p {
    font-size: 16px;
    line-height: 21px; }
  h1,
  .skills h2 {
    font-size: 24px;
    line-height: 28px; }
  h2 {
    font-size: 21px;
    line-height: 24px; }
  .section-title {
    font-size: 28px;
    line-height: 36px; }
  .section-description {
    font-size: 18px; }
  .cta .cta-message p,
  .cta .cta-message strong {
    font-size: 20px;
    line-height: 24px; }
  .cta-green p, .cta-green h2 {
    text-align: center; }
  .cta-green h2 {
    margin-top: 40px; }
  #main-nav .nav a {
    text-align: center;
    border-bottom: 1px solid #f5f5f5; }
  #main-nav .nav a:before {
    display: none; }
  .cta .cta-message {
    text-align: center; }
  .services .item {
    margin-bottom: 60px; }
  .process-list li {
    display: block;
    width: 100%;
    text-align: center; }
  .process-line {
    display: none; }
  .team-member .member-thumb {
    margin-bottom: 30px; }
  .team-member {
    margin-bottom: 60px; }
  .team-member .member-thumb img {
    width: 300px;
    max-width: 100%; }
  .team-member .member-details:after,
  .team-member.right .member-details:after {
    left: 50%;
    margin-left: -20px;
    top: -40px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #fafafa;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: border-bottom-color .3s ease-out;
    transition: border-bottom-color .3s ease-out; }
  .team-member:hover .member-details:after,
  .team-member.right:hover .member-details:after {
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom-color: #5CC9DF; }
  .team-member .member-details,
  .team-member.right .member-details {
    margin: 20px 0 0 0; }
  .skills h2 {
    margin-bottom: 60px; }
  .project-item .project-thumb {
    max-width: 400px;
    margin: 0 auto; }
  .pricing .item {
    top: 0;
    margin: 0 auto 40px;
    max-width: 400px; }
  #about p, #about h3 {
    margin-left: 15px;
    margin-right: 15px; } }

@media (max-width: 1279px) and (min-width: 1200px) {
  .container {
    width: 1200px; } }

@media (min-width: 1199px) {
  .mobnav {
    display: none !important; } }

@media (max-width: 1199px) {
  #main-nav .dropdown-menu li.crm {
    padding-left: 0; }
  #main-nav .dropdown-menu li.std {
    padding-left: 0; }
  #main-nav .dropdown-menu li.prm {
    padding-left: 0; } }

@media (min-width: 768px) and (max-width: 1199px) {
  .navbar-header {
    float: none; }
  .navbar-toggle {
    display: block; }
  .navbar-collapse {
    border-top: 1px solid transparent;
    margin-left: -15px;
    margin-right: -15px;
    /*        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);*/ }
  .navbar-collapse.collapse {
    display: none !important;
    max-height: none; }
  .navbar-nav {
    float: left !important;
    width: 100%;
    text-align: center; }
  .navbar-nav > li {
    float: none; }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px; }
  /* since 3.1.0 */
  .navbar-collapse.collapse.in {
    display: block !important; }
  #main-nav .nav a:hover:before,
  #main-nav .nav .active a:before {
    opacity: 0; }
  .container > .navbar-collapse {
    margin-right: -20px;
    margin-left: -20px;
    margin-top: 5px; }
  .navbar > .container {
    width: 100%;
    height: 84px;
    margin-top: 4px; }
  #main-nav .nav a {
    border-bottom: 1px solid #f5f5f5; }
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .open > .dropdown-menu {
    display: block; } }

.md-logo-adjust {
  margin-top: -10px; }

.lg-logo-adjust {
  margin-top: 5px; }

/* request demo */
@media (max-width: 991px) {
  .heading-text {
    padding-top: 20px; }
  #appstore {
    padding-top: 14px; } }

.icheckbox_minimal-blue {
  margin-top: -2px; }

.list {
  float: left;
  padding-left: 0; }

.list li {
  position: relative;
  padding-bottom: 6px; }

.list li > label {
  margin-left: 6px;
  font-weight: 300;
  margin-bottom: 0;
  display: initial; }

#request-demo .section-description {
  text-align: center;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 30px; }

.ng-dirty .ng-invalid {
  background-color: rgba(255, 0, 0, 0.1); }

.heading-text {
  color: #152B75;
  font-weight: bold;
  margin-bottom: 10px; }

.products .item a {
  color: #fff; }

.widewrapper {
  width: 100%; }

.widewrapper > img {
  width: 100%; }

.section-title:after,
.btn-qubico,
.color-bg,
#main-nav .nav a:before,
.features .media:hover .icon,
.services .icon,
.process-list li.colored .icon,
.ipad-slider .flex-direction-nav .flex-prev,
.ipad-slider .flex-direction-nav .flex-next,
.team-member:hover .member-details,
.chart-wrapper,
#filter-works ul li a:hover,
#filter-works ul li.active a,
.project-thumb .overlay-mask,
.imac-slider .flex-direction-nav .flex-prev,
.imac-slider .flex-direction-nav .flex-next,
.pricing .item:hover,
.pricing .item.featured {
  background: #243c7c; }

/* =========================
       BASIC PALETTE
========================= */
.basic-green {
  color: #398ca9; }

.basic-purple {
  color: #723f91; }

.basic-pink {
  color: #df4088; }

#main-nav.navbar-green {
  background: none repeat scroll 0% 0% #c2faf5; }

#main-nav.navbar-purple {
  background: none repeat scroll 0% 0% #c0e6f6; }

#main-nav.navbar-pink {
  background: none repeat scroll 0% 0% #f7cade; }

.cta-green, .products {
  background: #3e86a8;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: -webkit-gradient(linear, left top, right top, from(#3e86a8), to(#79c6c0));
  background: linear-gradient(to right, #3e86a8 0%, #79c6c0 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e86a8', endColorstr='#79c6c0',GradientType=1 );
  /* IE6-9 */ }

.cta-purple {
  background: #55585d !important;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: -webkit-gradient(linear, left top, right top, from(#55585d), to(#55585d)) !important;
  background: linear-gradient(to right, #55585d 0%, #55585d 100%) !important;
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$login-footer-color1', endColorstr='#28a8dd',GradientType=1 ) !important;
  /* IE6-9 */ }

.cta-pink {
  background: #e24a86;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: -webkit-gradient(linear, left top, right top, from(#e24a86), to(#9ebcd3));
  background: linear-gradient(to right, #e24a86 0%, #9ebcd3 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e24a86', endColorstr='#9ebcd3',GradientType=1 );
  /* IE6-9 */ }

.cta-exsalerate {
  background: #0da7d8 url("../assets/exsaleratebg.jpg") top center no-repeat; }

.cta-exsalerate2 {
  background: #0da7d8; }

/*------------------------
    Features Icon Colours
--------------------------*/
/*---- GREEN ----*/
.features .icon.ic1 {
  background: #398CA9; }

.features .icon.ic2 {
  background: #4FA1B1; }

.features .icon.ic3 {
  background: #5AABB5; }

.features .icon.ic4 {
  background: #64B4B9; }

.features .icon.ic5 {
  background: #74C2BE; }

.features .icon.ic6 {
  background: #78C6C0; }

/*---- PURPLE ----*/
.features .icon.ic7 {
  background: #723F91; }

.features .icon.ic8 {
  background: #6A4A99; }

.features .icon.ic9 {
  background: #5864AB; }

.features .icon.ic10 {
  background: #4A77BA; }

.features .icon.ic11 {
  background: #3A8ECA; }

.features .icon.ic12 {
  background: #2AA5DB; }

/*---- PINK ----*/
.features .icon.ic13 {
  background: #DF4088; }

.features .icon.ic14 {
  background: #D05897; }

.features .icon.ic15 {
  background: #BE76AA; }

.features .icon.ic16 {
  background: #B289B7; }

.features .icon.ic17 {
  background: #A59EC4; }

.features .icon.ic18 {
  background: #97B5D3; }

/*--- End Features Icons Colours --*/
.process-line {
  border-top-color: #38A5DB; }

.team-member:hover .member-details:after {
  border-left-color: #38A5DB; }

.team-member.right:hover .member-details:after {
  border-left-color: transparent;
  border-right-color: #38A5DB; }

@media (max-width: 767px) {
  .team-member:hover .member-details:after,
  .team-member.right:hover .member-details:after {
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom-color: #38A5DB; } }

.heading-height {
  text-align: center;
  line-height: 40px; }

.certificate-manager-box {
  margin-top: 20px;
  display: inline;
  background: #eaeaea;
  border: none;
  border-radius: 5px;
  -webkit-box-shadow: 4px 5px 0 rgba(0, 0, 0, 0.31);
  box-shadow: 4px 5px 0 rgba(0, 0, 0, 0.31);
  font-size: 16px;
  color: #152B75;
  font-weight: 400;
  margin-bottom: 20px;
  text-align: center; }

.heading-underline:after {
  display: block;
  content: "";
  width: 100px;
  height: 4px;
  bottom: -9px;
  position: relative;
  left: 50%;
  margin-bottom: 37px;
  margin-left: -50px;
  background: #fff;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 0 rgba(0, 0, 0, 0.08); }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */
audio,
canvas,
img,
video {
  vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical; }

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */
.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px; }

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%; }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden; }

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1; }

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */ }

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */ }

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  /*
     * Don't show links for images, or javascript/internal links
     */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group;
    /* h5bp.com/t */ }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }

/* Suitebox styles */
/*--------------------
-----Main Styles------
----------------------*/
.logo {
  float: left;
  margin-right: 30px; }

.mobile-header:before {
  background: #FFF;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%; }

.mobile-header {
  background: #FFF;
  padding: 6px;
  padding-bottom: 0;
  border-bottom: none; }

.sb-mobile-header:before {
  background: #FFF;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%; }

.sb-mobile-header {
  background: #FFF;
  /*    left: 0;
    top: 0;
    right:0;
    position: relative;
    display: block;*/
  padding: 6px;
  border-bottom: none; }

.sb-logo-container {
  float: left;
  padding-right: 12px;
  padding-top: 6px; }

.form-control.no-icon {
  padding-left: 14px; }

.select-duration {
  display: inline-block;
  width: 120px;
  position: relative; }

/*
.sb-logo-container:after{
    background: url(../../img/topdiv.png) center top no-repeat;
    display: inline-block;
    background-position-y: 4px;
    width: 2px;
    height: 38px;
    vertical-align: top;
    text-align: center;
    padding-top: 32px;
    font-size: 14px;
    cursor: pointer;
}*/
.gradient-bg, .header:before, .precall-stand-alone-app-container .precall-navbar {
  background: #FFF;
  background: -webkit-gradient(left top, right top, color-stop(0%, #FFF), color-stop(100%, #FFF));
  background: -webkit-gradient(linear, left top, right top, from(#FFF), to(#FFF));
  background: linear-gradient(to right, #FFF 0%, #FFF 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$navbar-background-start', endColorstr='$navbar-background-end', GradientType=1 ); }

.header:before {
  content: '';
  height: 88px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%; }

.sb-header:before {
  background: #FFF;
  background: -webkit-gradient(left top, right top, color-stop(0%, #FFF), color-stop(100%, #FFF));
  background: -webkit-gradient(linear, left top, right top, from(#FFF), to(#FFF));
  background: linear-gradient(to right, #FFF 0%, #FFF 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$navbar-background-start', endColorstr='$navbar-background-end', GradientType=1 );
  content: '';
  height: 88px;
  max-height: 88px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  border-bottom: 1px solid #B9B9B9; }

.footer {
  background-color: #F3F3F3;
  padding-top: 10px;
  padding-bottom: 50px; }

.footer > div {
  margin-top: 10px; }

.footer:before {
  background-color: #F3F3F3;
  content: '';
  height: 360px;
  position: absolute;
  left: 0;
  width: 100%;
  margin-top: -10px; }

.heading-text {
  color: #152B75; }

.heading-lighter {
  color: #7a7c7f; }

.heading-lighter-bold {
  color: #ffffff;
  font-weight: bold; }

.meeting-header {
  position: absolute;
  display: inline-block;
  vertical-align: top;
  margin-left: 30px;
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  @media (min-width: 992px) and (max-width: 1279px) {
    .meeting-header {
      width: 180px; } }

.sb-block {
  text-align: center;
  line-height: 22px;
  height: 88px; }

.sb-block:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */ }

.sb-centered {
  display: inline-block;
  vertical-align: middle;
  width: 100%; }

.video-row {
  padding: 15px 0 50px 0; }

.recording-row {
  padding-bottom: 30px; }

.recording-timer,
.timer {
  font-size: 22px;
  font-weight: 500;
  color: #7a7c7f;
  padding-top: 0px;
  font-weight: 100;
  margin-top: 13px;
  float: right;
  margin-right: -50px; }

.recording-timer {
  color: #7a7c7f; }

.started {
  font-size: 14px;
  color: #7a7c7f;
  max-width: 230px;
  display: inline;
  overflow-x: hidden;
  overflow-y: hidden; }

.recordings-total {
  display: inline;
  position: absolute;
  color: white;
  font-size: 13px;
  line-height: 51px;
  width: 51px;
  text-align: center;
  font-weight: 400;
  z-index: 3;
  margin-top: -8px;
  margin-left: -5px; }

@media (max-width: 991px) {
  .recording-timer,
  .timer {
    margin-right: 15px; } }

.end-call {
  position: absolute;
  top: 14px;
  padding: 0 20px;
  opacity: 0.55; }

.end-call:hover {
  opacity: 1; }

.recorded-videos-container > span {
  margin-right: 10px; }

.closedocument {
  right: 36px;
  position: absolute;
  background: rgba(0, 0, 0, 0.1);
  padding: 2px 10px;
  border-radius: 4px;
  color: white; }

.closedocument:hover {
  background: rgba(0, 0, 0, 0.3); }

.addfile {
  margin-right: 1px;
  /*    background: #999;
    min-width: 180px;
    height: 58px;
    display: inline-block;
    vertical-align: top;
    border-radius: 5px;
    box-shadow: 3px 3px #ededed;
    border: 1px #F5F5F5 solid;
    font-size: 18px;
    color: white;*/ }

.addfile > .btn:hover {
  color: white !important; }

.addfile.fullwidth {
  width: 100%;
  margin-bottom: 10px; }

.addfilebtn {
  /* line-height: 40px; */
  /* width: 100%; */
  float: left;
  padding-bottom: 0;
  margin: 0;
  margin-bottom: 10px !important; }

.modify-control-button {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 83px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.default-right-container-med .modify-control-button {
  position: absolute; }

.meeting-footer-button {
  padding-bottom: 0;
  margin: 0;
  margin-bottom: 10px !important;
  white-space: nowrap;
  overflow: hidden;
  max-width: 10em;
  text-overflow: ellipsis;
  float: right; }
  @media (min-width: 768px) and (max-width: 991px) {
    .meeting-footer-button {
      max-width: 8em; } }

.recorded-video {
  background: #F5F5F5;
  min-width: 180px;
  height: 58px;
  display: inline-block;
  vertical-align: top;
  border-radius: 5px;
  -webkit-box-shadow: 3px 3px #ededed;
          box-shadow: 3px 3px #ededed;
  border: 1px #F5F5F5 solid; }

.recorded-video > .name {
  color: #28a0bf;
  font-weight: bold;
  display: block;
  padding: 6px 4px 0 10px; }

.recorded-video > .duration {
  color: #A0A2A3;
  display: block;
  font-size: 14px;
  padding: 0 4px 4px 8px; }

.recorded-video > .name > img {
  float: right;
  position: relative;
  display: inline-block;
  top: 15px;
  right: 4px;
  padding-left: 8px;
  cursor: pointer; }

.recording-video {
  background: #F5F5F5;
  min-width: 180px;
  height: 58px;
  display: inline-block;
  vertical-align: top;
  border-radius: 5px;
  -webkit-box-shadow: 3px 3px #ededed;
          box-shadow: 3px 3px #ededed;
  border: 1px #F5F5F5 solid; }

.recording-video > .name {
  color: #28a0bf;
  font-weight: bold;
  display: block;
  padding: 6px 4px 0 10px; }

.recording-video > .status {
  color: #A0A2A3;
  display: block;
  font-size: 14px;
  padding: 0 4px 4px 8px; }

.recording-video > .name > img {
  float: right;
  position: relative;
  display: inline-block;
  top: 15px;
  right: 4px;
  padding-left: 8px;
  cursor: pointer; }

.recorded-videos-label {
  font-family: roboto;
  font-weight: 100;
  font-size: 26px;
  line-height: 1;
  width: 102px;
  display: inline-block;
  margin-right: 14px; }

@media (min-width: 1200px) {
  .col-sm-12 > .waiting > .valignmid2 > .video-logo {
    height: 290px !important; } }

.valignmid2 > .video-logo {
  height: 76px !important; }

.sb-logo-container img {
  max-height: 38px; }

.ui-dialog {
  background: rgba(0, 0, 0, 0.75);
  border: none;
  border-radius: 10px;
  color: #ffffff;
  z-index: 9999999; }

.ui-dialog-buttonpane {
  background: transparent;
  border-top-color: #959595;
  border-top: none;
  margin-top: 0 !important;
  padding: .3em .4em .5em .4em !important; }

#dialog-list-dialog {
  cursor: pointer;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 8px;
  font-size: 18px;
  min-height: initial !important; }

.popup-header {
  font-size: 18px;
  font-weight: 400; }

.popup-text {
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  padding-top: 10px; }

#dialog-list-dialog .close-list {
  float: right;
  vertical-align: middle;
  padding-top: 1px; }

#dialog-list-dialog .ui-dialog-buttonset {
  padding: 0 4px; }

.chooser-button {
  border: none;
  line-height: 38px;
  text-transform: none;
  background: transparent;
  width: 100%;
  text-align: left;
  margin: 0 !important;
  margin-left: 4px;
  font-size: 18px;
  color: #ffffff; }

.chooser-button:focus {
  outline: none;
  color: #ffffff; }

.chooser-button:hover {
  color: #ffffff; }

/*
Popup Box
-----------
background: #000 alpha: 60%
base width: 300px
corner radius: 10px

Font family: Lato
Header: Lato 18px Regular
Subheader: Lato 16px Light
Colour: #FFF

Buttons
----------
Font: Lato 18px Regular
base height: 40px
Blue (Submit): $primary-color
Grey (Cancel): #a3a6a7
text-transform: uppercase


Addfile Menu:
div line 1px #959595
item height: 38px
*/
/* phone css */
@media (max-width: 767px) {
  .navbar-header {
    float: inherit; }
  .sb-logo-container {
    float: left;
    padding-right: 12px;
    padding-left: 8px;
    padding-top: 6px; }
  .sb-logo-container img {
    padding-right: 4px; }
  .footer {
    padding-bottom: 30px; }
  .footer:before {
    display: none; }
  .video-row {
    padding: 0; }
  .timer {
    position: absolute;
    text-align: right;
    right: 50px; }
  .mobile-padding-top {
    padding-top: 62px; }
  .meeting-heading {
    padding-top: 1px; }
  .record-button {
    position: absolute;
    margin: 0; }
  .record-button > span,
  .record-button > img {
    height: 44px;
    margin-top: -11px; }
  .recordings-total {
    position: absolute;
    top: 3px;
    left: -4px; } }

/* tablet css */
@media (min-width: 768px) and (max-width: 991px) {
  .navbar-header {
    float: inherit; }
  /*
     .timer{
        position: absolute;
        right: 76px;
    }*/
  .sb-logo-container {
    float: left;
    padding-right: 12px;
    padding-top: 6px; }
  .sb-logo-container img {
    padding-left: 2px; }
  .mobile-padding-top {
    padding-top: 65px; }
  .meeting-heading {
    padding-top: 2px; }
  .record-button {
    position: absolute;
    margin: initial; }
  .record-button > span,
  .record-button > img {
    height: 44px;
    margin-top: -11px; }
  .recordings-total {
    position: absolute;
    top: -11px;
    left: -3px; }
  .pdf-width {
    width: 100%; } }

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.camViewWrapper {
  min-width: 320px;
  z-index: 3; }

/* laptop/desktop css */
@media (min-width: 992px) {
  .footer {
    padding-bottom: 30px; }
  .pdf-width {
    width: 100%; } }

/* openTok webRTC video css */
.OT_root .OT_publisher {
  z-index: 1; }

.overlay {
  display: block !important;
  position: absolute;
  bottom: 0;
  text-align: center;
  font-size: 20px;
  width: 100%;
  padding: 10px 0;
  z-index: 98;
  height: 62px; }

.overlay > div {
  height: 50px;
  width: 61px;
  display: inline-block; }

.overlay .button {
  background-repeat: no-repeat;
  height: 50px;
  width: 61px;
  opacity: 0.92; }

.overlay .button:hover {
  opacity: 1.0; }

.disabled-button {
  cursor: default; }

.screenshareBtn {
  background-image: url("/img/buttons/ScreenShare.png");
  display: inline-block !important;
  opacity: 0.92 !important; }

.muteOn {
  background-image: url("/img/buttons/VideoBox_Mute.png");
  display: inline-block !important;
  opacity: 0.92 !important; }

.muteOff {
  background-image: url("/img/buttons/VideoBox_UnMute.png"); }

.videoOn {
  background-image: url("/img/buttons/VideoBox_VideoOn.png");
  display: inline-block !important;
  opacity: 0.92 !important; }

.videoOff {
  background-image: url("/img/buttons/VideoBox_VideoOff.png"); }

.videoFullScreenOn {
  background-image: url("/img/buttons/VideoBox_FullscreenOff.png"); }

.videoFullScreenOff {
  background-image: url("/img/buttons/VideoBox_FullscreenOn.png"); }

.videofresh {
  background-image: url("/img/buttons/VideoBox_Refresh.png"); }

.switchCamera {
  background-image: url("/img/buttons/VideoBox_SwitchCam.png"); }

.divider-bar {
  /*opacity: 1;
    top: 12px;
    position: absolute;
    right: 52px;*/
  content: url("../../../img/topdiv3.png");
  width: 1px;
  height: 54px;
  position: absolute;
  top: 17px;
  right: 52px; }

.video-text-1 {
  /*color: $primary-color;*/
  color: #7a7c7f;
  font-family: roboto;
  font-weight: 400;
  height: 68px; }

.video-text-2 {
  color: #7a7c7f;
  font-size: 16px;
  font-family: roboto; }

/* don't use opentok's archiving css */
.OT_archiving {
  display: none !important; }

/* suitebox archiving css */
.archiving-lightbox {
  width: 94px;
  height: 43px;
  text-align: left;
  display: block;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  z-index: 1; }

@media (min-width: 992px) {
  .archiving-lightbox {
    bottom: 17px; } }

.archiving-lightbox .recording-circle {
  height: 28px;
  width: 28px;
  /* background: $suitebox-primary; */
  background-color: rgba(255, 35, 0, 0.7);
  border-radius: 15px;
  display: inline-block;
  margin: 8px;
  margin-left: 14px;
  margin-right: 10px; }

.archiving-lightbox .recording-text {
  color: white;
  top: 11px;
  display: inline-block;
  position: absolute;
  font-weight: 400;
  font-size: 16px; }

.ui-dialog .ui-dialog-content {
  font-size: 16px; }

/* styles from qubico.css */
.dialog-button,
.suitebox-dialog-button,
.sbx-btn {
  border: none;
  font-family: roboto;
  font-size: 15px !important;
  cursor: pointer;
  padding: 6px 14px;
  display: inline-block;
  margin: 20px 0;
  text-decoration: none;
  letter-spacing: 1px;
  font-weight: 400;
  outline: none;
  position: relative;
  background: #28a0bf;
  color: #fff;
  -webkit-box-shadow: 0 4px rgba(0, 0, 0, 0.07);
          box-shadow: 0 4px rgba(0, 0, 0, 0.07);
  border-radius: 5px;
  -webkit-transition: none;
  transition: none;
  text-transform: capitalize;
  /*base height: 40px */ }

.sbx-btn {
  padding: 8px 39px;
  border-radius: 3px;
  font-size: 1.5em; }

.dialog-button:hover,
.dialog-button:focus,
.suitebox-dialog-button:hover,
.sbx-btn:hover,
.suitebox-dialog-button:focus,
.sbx-btn:focus {
  color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.07);
          box-shadow: 0 3px rgba(0, 0, 0, 0.07);
  /*top: 1px;*/
  text-decoration: none; }

.dialog-button:active,
.suitebox-dialog-button:active,
.sbx-btn:active {
  color: #fff;
  -webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px rgba(0, 0, 0, 0.07);
  /*top: 2px;*/
  text-decoration: none; }

.dialog-button.white,
.suitebox-dialog-button.white,
.white.sbx-btn {
  background: #a3a6a7; }


.suitebox-dialog-button,
.sbx-btn {
  background: #28a0bf !important; }

/*
  Blue (Submit): $primary-color
*/
.ui-dialog .ui-dialog-buttonpane button {
  margin: .3em .3em;
  margin-bottom: 14px; }

.ui-dialog .ui-dialog-buttonpane {
  margin-top: -5px !important;
  padding-bottom: 0 !important; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none !important;
  text-align: center;
  margin: 0 auto;
  position: relative;
  width: auto;
  overflow-y: auto;
  max-height: 300px;
  min-height: 52px;
  overflow-x: hidden;
  margin-top: 5px; }

.OT_subscriber_error > p {
  color: black; }

/* hide audio headphones icon */
.OT_audio-level-meter__audio-only-img {
  background: none !important; }

/* hide audio meter */
.OT_audio-level-meter__value {
  display: none !important; }

.OT_bar.OT_edge-bar-item.OT_mode-auto,
.OT_name.OT_edge-bar-item.OT_mode-auto {
  top: inherit !important;
  opacity: 1 !important;
  bottom: 0px !important;
  color: #ddd;
  text-transform: capitalize; }

.OT_name, .OT_publisher .OT_name, .OT_subscriber .OT_name {
  display: block !important;
  top: inherit !important;
  opacity: 1 !important;
  bottom: 0px !important;
  color: #ddd !important;
  text-transform: capitalize; }

/*
.OT_publisher .OT_video-element, .OT_subscriber .OT_video-element {
    position: inherit!important;
}*/
.OT_video-container_hide {
  background-image: none;
  background-color: white !important; }

.OT_video-poster {
  background-size: cover !important;
  background-position: center !important; }

/*
.OT_video-poster {
    position: relative!important;
    width: 100%;
    height: 100%;
    display: none;
    opacity: 0.5!important;
    background-size: 900px!important;
    background-size: 45%!important;
    background-position: center!important;
    background-image: url(/assets/usericon.png)!important;
}*/
.OT_audio-level-meter__bar {
  background-color: transparent !important; }

.OT_audio-level-meter__value {
  position: absolute;
  border-radius: 50%;
  background-image: radial-gradient(circle, rgba(21, 43, 117, 0.3) 0, rgba(151, 206, 0, 0) 100%) !important; }

/*
.OT_root .OT_video-loading {
background: url('/img/Spinner_ani.gif') no-repeat!important;
}*/
/* quick help */
.quick-help {
  float: right;
  position: absolute;
  right: 0;
  width: 25%;
  top: 88px;
  height: 100%;
  z-index: 9999;
  background: #dddddd;
  background-color: #dddddd; }

.quickHelp {
  display: inline; }

@media (max-width: 991px) {
  .quick-help {
    top: 62px;
    width: 100%; } }

@media (min-width: 767px) {
  .quick-help {
    width: 50%;
    border-left: #cecdcd 1px solid; } }

@media (min-width: 992px) {
  .quick-help {
    top: 88px;
    width: 40%;
    border-left: #cecdcd 1px solid; } }

@media (min-width: 1366px) {
  .quick-help {
    top: 88px;
    width: 500px;
    border-left: #cecdcd 1px solid;
    height: 90.8%; } }

.quick-help .panel {
  margin-bottom: 0;
  background: #dddddd;
  background-color: #dddddd;
  border: 0;
  border-radius: 0; }

.quick-help .panel-body {
  padding-left: 52px; }

.quick-help .panel-body ul {
  padding-left: 0px; }

.quick-help .panel-body ul li {
  margin-bottom: 15px; }

.quick-help .panel-heading a {
  font-size: 17px; }

.quick-help .panel-heading {
  color: #676767;
  background-color: #dddddd;
  border-color: #ddd; }

.quick-help .panel-heading.active,
.quick-help .panel-heading.active + div,
.quick-help .panel-heading:hover {
  color: #292929;
  background-color: #f3f3f3;
  border-color: #ddd; }

.quick-help .panel-heading.active {
  border-color: #f3f3f3; }

.quick-help .panel-heading.help-title:hover {
  color: #c2c2c2;
  background-color: #dddddd;
  border-color: #ddd; }

.quick-help .trouble-shooting,
.quick-help .trouble-shooting:hover {
  color: #28a0bf;
  font-weight: 400; }

.quick-help a,
.quick-help i {
  color: inherit;
  padding-right: 8px;
  vertical-align: middle; }

.quick-help a:hover,
.quick-help i:hover {
  color: inherit; }

.quick-help .panel-heading > a {
  display: inline-block;
  position: relative;
  width: 100%; }

.quick-help .panel-title {
  display: inline-block;
  font-weight: 700; }

.quick-help .panel-heading > .panel-title {
  line-height: 2em;
  color: #999;
  width: 100%; }

.quick-help .panel-heading > .panel-title > a > i {
  line-height: 38px;
  padding-right: 0;
  color: #c2c2c2; }

.quick-help .panel-heading > .panel-title > a > i:hover {
  color: #9f9f9f; }

.quick-help #accordion .panel-collapse.collapse.in {
  border-bottom: 1px #ddd solid; }

/* vertically align div in a div */
.valignmid1 {
  display: table;
  vertical-align: middle; }

.valignmid2 {
  width: 100%;
  display: table-cell;
  vertical-align: middle; }

.col-md-2 .valignmid2 {
  top: 20px;
  position: relative; }

.valignmid3 {
  position: relative; }

/* bootstrap mobile menu overrides */
.navbar-default .navbar-nav > li > a {
  color: #7a7c7f;
  font-size: 17px; }

.navbar-default .navbar-nav > li > a:hover {
  color: #7A7C7F;
  background-color: #ddd; }

.meeting-heading {
  display: inline-block; }

.upcoming-meeting-heading-mobile {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 70%; }

.upcoming-meeting-heading {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 30px;
  margin-top: 3px; }

.no-meeting-heading {
  padding-left: 30px;
  margin-top: 3px;
  display: inline-block; }

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  /*
    border-color: #e7e7e7;
    border-color:transparent;*/
  border-color: #7A7C7F; }

#appstore {
  padding-bottom: 10px; }

.no-transition {
  -webkit-transition: height 0.001s;
  transition: height 0.001s; }

@media (max-width: 767px) {
  body, p {
    line-height: 1.42857143; } }

@media (max-width: 767px) {
  .navbar-toggle {
    margin-right: 2px; } }

@media (min-width: 768px) {
  .navbar-toggle {
    margin-right: 0; } }

#mobile-menu .navbar-nav > li {
  color: #7a7c7f;
  text-align: left; }

#mobile-menu.navbar-collapse {
  max-height: 75vh; }

.video-logo {
  height: 230px; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .video-spinner {
    margin-left: -55px !important; } }

.video-spinner {
  position: absolute;
  margin-left: -51px;
  margin-top: 23px;
  width: 32px;
  height: 32px; }

.docPreload {
  position: absolute;
  z-index: 999999 !important;
  top: 200px;
  left: 39%;
  text-align: center; }

.docPreloadImg {
  position: absolute;
  top: 65px;
  left: 56px;
  width: 65px;
  height: 65px; }

.docPreloadText {
  margin-top: 10px; }

@media (min-width: 1200px) {
  .col-sm-12 .video-spinner {
    position: absolute;
    margin-left: -120px;
    margin-top: 65px;
    width: 65px;
    height: 65px; }
  .col-sm-12 > .waiting > .valignmid2 > .video-logo {
    height: 197px !important; } }

.video-text-1 > span {
  max-width: 350px;
  display: inline-block;
  height: 60px;
  font-size: 16px;
  margin: 0; }

.col-md-3 .video-logo {
  height: 130px;
  padding-top: 28px; }

.col-md-3 .video-spinner {
  position: absolute;
  margin-left: -31px;
  margin-top: 42px;
  width: 19px;
  height: 19px; }

.col-md-3 .video-text-1 > span {
  max-width: 240px;
  display: inline-block;
  height: 0px !important;
  font-size: 13px;
  padding-top: 0px; }

.col-md-3 .valignmid2 > p {
  margin-bottom: -15px !important; }

@media (max-width: 702px) {
  .video-logo {
    height: 130px;
    padding-top: 15px; }
  .video-spinner {
    position: absolute;
    margin-left: -44px;
    margin-top: 33px;
    width: 30px;
    height: 30px; }
  .video-text-1 > span {
    max-width: 240px;
    display: inline-block;
    height: 60px;
    font-size: 15px;
    padding-top: 14px; } }

.popup-background {
  background: rgba(0, 0, 0, 0.7);
  border-radius: 10px;
  font-family: roboto;
  color: #fff;
  font-size: 18px;
  padding: 10px; }

.saving-spinner {
  height: 28px;
  padding-right: 5px;
  margin-top: -3px; }

#showLoaderContainer {
  padding: 10px 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 9999999; }

#showLoaderimg {
  margin-right: 5px; }

a:focus,
.btn:focus {
  outline: none; }

.row.header a,
.row.sb-header a {
  font-size: 14px;
  color: #7a7c7f; }

.row.header a:hover,
.row.sb-header a:hover {
  color: #48494a;
  text-decoration: none; }

.color-bg a {
  color: #fff;
  text-decoration: underline; }

.color-bg a:hover,
.color-bg a:focus {
  color: #fff;
  text-decoration: none; }

.primary {
  color: #28a0bf; }

/*------------------
----- Buttons ------
--------------------*/
.btn-qubico:hover,
.btn-qubico:focus {
  color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.07);
          box-shadow: 0 3px rgba(0, 0, 0, 0.07);
  text-decoration: none; }

.btn-qubico:active {
  color: #fff;
  -webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px rgba(0, 0, 0, 0.07);
  text-decoration: none; }

.btn-qubico.white {
  background: transparent;
  border: 2px solid #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.btn-qubico.white:hover,
.btn-qubico.white:focus,
.btn-qubico.white:active {
  background: #fff;
  color: #28a0bf;
  top: 10px;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px rgba(0, 0, 0, 0.1);
  text-decoration: none; }

.btn-qubico [class*=fa] {
  margin-right: 10px; }

.btn-qubico.red {
  background-color: #f00 !important;
  padding: 15px;
  margin: 0;
  margin-top: 15px;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none; }

.btn-qubico.red:hover,
.btn-qubico.red:focus,
.btn-qubico.red:active {
  top: 0px; }

.btn-suitebox {
  background-color: #28a0bf !important;
  margin-left: 2.5px;
  margin-right: 2.5px; }

/*----------------
----- Colors -----
------------------*/
.white-bg {
  background: #fff; }

.gray-bg {
  background: #f3f3f3; }

.darkgray-bg {
  background: #999; }

.color-bg {
  background: #28a0bf; }

.dark-bg {
  background: #4E5961; }

.light-typo, .precall-stand-alone-app-container .precall-footer {
  color: #fff; }

.color-bg.light-typo .section-title:after, .precall-stand-alone-app-container .color-bg.precall-footer .section-title:after {
  background: #fff; }

.to-top {
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -16px;
  left: 10px;
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 39px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background: #eee;
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.navbar-brand:hover .logo-small {
  /*opacity:0;
    -webkit-transform:translateY(-50px);
    transform:translateY(-50px);
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out;*/ }

.navbar-brand:hover .to-top {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0); }

/*----------------------
-----Header Styles------
------------------------*/
.jumbotron {
  background: #fff;
  color: #fff;
  padding: 0;
  margin-bottom: 0;
  padding-top: 80px; }

/*-------------------------
------Call to action-------
--------------------------*/
.cta {
  padding: 50px 0 30px; }

.cta .cta-message p {
  padding: 15px 0 20px;
  font-size: 22px;
  line-height: 32px; }

.cta .cta-message strong {
  font-size: 24px;
  letter-spacing: 0.02em; }

.cta .cta-button {
  padding: 0; }

.cta .cta-input {
  margin: 0;
  top: -18px; }

/*--------------------
---Features Styles---
----------------------*/
.features .section-description {
  margin-bottom: 80px; }

.features .icon {
  width: 80px;
  height: 80px;
  text-align: center;
  background: #cccfd5;
  color: #fff;
  font-size: 28px;
  line-height: 80px;
  border-radius: 50%;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 3px rgba(0, 0, 0, 0.05);
  -webkit-transition: background .3s ease-out;
  transition: background .3s ease-out; }

.features .media:hover .icon {
  background: #28a0bf; }

.features .icon .icon-1 {
  width: 80px;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .3s ease-out .2s;
  transition: all .3s ease-out .2s; }

.features .icon .icon-2 {
  width: 80px;
  position: relative;
  top: -80px;
  opacity: 0;
  -webkit-transform: scale(2);
  transform: scale(2);
  -webkit-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s; }

.features .media:hover .icon .icon-1 {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s; }

.features .media:hover .icon .icon-2 {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .3s ease-out .2s;
  transition: all .3s ease-out .2s; }

.features .media {
  margin-bottom: 40px; }

.features .media-body p {
  font-size: 16px; }

.features .media h4 {
  -webkit-transition: color .3s ease-out;
  transition: color .3s ease-out; }

.features .media:hover h4 {
  color: #28a0bf; }

/*--------------------
--CTA iPhones Styles--
----------------------*/
.cta-iphones h2 {
  margin-top: 60px; }

.cta-iphones .iphones-wrapper {
  max-width: 450px;
  margin: 0 auto;
  position: relative; }

.cta-iphones .iphone-portrait-frame {
  position: relative;
  width: 39.5%; }

.cta-iphones .iphone-landscape-frame {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 84%; }

.cta-iphones .scrollimation .iphone-landscape-frame {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transition: -webkit-transform .5s ease-in;
  transition: -webkit-transform .5s ease-in;
  transition: transform .5s ease-in;
  transition: transform .5s ease-in, -webkit-transform .5s ease-in; }

.touch .cta-iphones .scrollimation .iphone-landscape-frame {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg); }

.cta-iphones .scrollimation .iphone-landscape-frame.in {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg); }

.cta-iphones .iphone-portrait-screen {
  position: absolute;
  width: 87%;
  height: 72.7%;
  top: 13%;
  left: 6.5%;
  overflow: hidden; }

.cta-iphones .iphone-landscape-screen {
  position: absolute;
  width: 72.7%;
  height: 87%;
  top: 6.5%;
  right: 13%;
  overflow: hidden; }

/*-----------------------
-----Services Styles-----
-------------------------*/
.services {
  margin-top: 80px;
  margin-bottom: 40px; }

.services .icon {
  position: relative;
  width: 150px;
  height: 150px;
  margin: 0 auto;
  text-align: center;
  background: #28a0bf;
  line-height: 150px;
  font-size: 48px;
  color: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  margin-bottom: 40px;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.services .item:hover .icon {
  font-size: 38px;
  -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.05); }

.services .icon:after {
  display: block;
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  top: 0;
  left: 0;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.08);
          box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.08);
  background: transparent;
  -webkit-transition: box-shadow .3s ease-out;
  -webkit-transition: -webkit-box-shadow .3s ease-out;
  transition: -webkit-box-shadow .3s ease-out;
  transition: box-shadow .3s ease-out;
  transition: box-shadow .3s ease-out, -webkit-box-shadow .3s ease-out; }

.services .item:hover .icon:after {
  -webkit-box-shadow: inset 0 0 0 10px rgba(0, 0, 0, 0.08);
          box-shadow: inset 0 0 0 10px rgba(0, 0, 0, 0.08); }

.services h3 {
  font-size: 21px;
  font-weight: 400;
  text-transform: uppercase;
  -webkit-transition: color .3s ease-out;
  transition: color .3s ease-out; }

.services .item:hover h3 {
  color: #28a0bf; }

.services p {
  padding: 0 20px;
  font-size: 16px;
  line-height: 21px; }

.scrollimation .process-list li:nth-child(1) {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4);
  transition: -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4);
  transition: transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4);
  transition: transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4), -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4); }

.touch .scrollimation .process-list li:nth-child(1),
.scrollimation.in .process-list li:nth-child(1) {
  -webkit-transform: scale(1);
  transform: scale(1); }

.scrollimation .process-list li:nth-child(2) {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 0.3s;
  transition: -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 0.3s;
  transition: transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 0.3s;
  transition: transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 0.3s, -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 0.3s; }

.touch .scrollimation .process-list li:nth-child(2),
.scrollimation.in .process-list li:nth-child(2) {
  -webkit-transform: scale(1);
  transform: scale(1); }

.scrollimation .process-list li:nth-child(3) {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 0.6s;
  transition: -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 0.6s;
  transition: transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 0.6s;
  transition: transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 0.6s, -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 0.6s; }

.touch .scrollimation .process-list li:nth-child(3),
.scrollimation.in .process-list li:nth-child(3) {
  -webkit-transform: scale(1);
  transform: scale(1); }

.scrollimation .process-list li:nth-child(4) {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 1s;
  transition: -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 1s;
  transition: transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 1s;
  transition: transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 1s, -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 1s; }

.touch .scrollimation .process-list li:nth-child(4),
.scrollimation.in .process-list li:nth-child(4) {
  -webkit-transform: scale(1);
  transform: scale(1); }

.scrollimation .process-list li:nth-child(5) {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 1.6s;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 1.5s;
  transition: -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 1.5s;
  transition: transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 1.5s;
  transition: transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 1.5s, -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 1.5s; }

.touch .scrollimation .process-list li:nth-child(5),
.scrollimation.in .process-list li:nth-child(5) {
  -webkit-transform: scale(1);
  transform: scale(1); }

.scrollimation .process-list li:nth-child(6) {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 2s;
  transition: -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 2s;
  transition: transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 2s;
  transition: transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 2s, -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.42, 1.4) 2s; }

.touch .scrollimation .process-list li:nth-child(6),
.scrollimation.in .process-list li:nth-child(6) {
  -webkit-transform: scale(1);
  transform: scale(1); }

.process-list h4 {
  font-size: 18px;
  font-weight: 400; }

.process-box {
  margin-bottom: 60px;
  position: relative;
  z-index: 1; }

.process-line {
  position: absolute;
  width: 80%;
  margin: 0 10%;
  height: 0;
  top: 50px;
  border-top: 3px dotted #28a0bf;
  z-index: -1; }

.scrollimation .process-line {
  width: 0;
  -webkit-transition: width 2.5s ease-out;
  transition: width 2.5s ease-out; }

.touch .scrollimation .process-line,
.scrollimation.in .process-line {
  width: 80%; }

/*-----------------------
---iPad Slider Styles----
-------------------------*/
.ipad-frame {
  display: block;
  position: relative;
  width: 100%;
  max-width: 497px;
  margin: 0 auto;
  overflow: hidden; }

.ipad-screen {
  display: block;
  position: absolute;
  top: 10.28%;
  left: 9.57%;
  width: 81.25%;
  height: 92.3%;
  overflow: hidden; }

.flexslider {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 10; }

.ipad-slider .flex-direction-nav .flex-prev,
.ipad-slider .flex-direction-nav .flex-next {
  background: #28a0bf;
  background-image: none;
  display: inline;
  text-indent: 0;
  position: absolute;
  top: 43%;
  width: 44px;
  height: 44px;
  padding: 0;
  padding-left: 12px;
  margin: 0;
  margin-top: -22px;
  font-size: 42px;
  line-height: 38px;
  color: #fff;
  border-radius: 5px;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out; }

.ipad-slider .flex-direction-nav .flex-next {
  text-align: right;
  padding-right: 12px; }

.ipad-slider .flex-direction-nav a:hover,
.ipad-slider .flex-direction-nav a:active,
.ipad-slider .flex-direction-nav a:focus {
  text-decoration: none; }

.ipad-slider .flex-direction-nav a:hover {
  background: #363B46; }

.ipad-slider:hover .flex-next {
  opacity: 1;
  right: 5px; }

.ipad-slider:hover .flex-prev {
  opacity: 1;
  left: 5px; }

/*-----------------------
---Macbook Video Styles--
-------------------------*/
.macbook-frame {
  position: relative; }

.macbook-screen {
  display: block;
  position: absolute;
  top: 7%;
  left: 12.04%;
  width: 75.91%; }

.chart-scheme {
  margin: 0 auto 30px; }

.chart-wrapper {
  background: #5CC9DF;
  display: block;
  width: 180px;
  height: 180px;
  padding-top: 20px;
  margin: 0 auto 30px;
  border-radius: 50%; }

.chart {
  position: relative;
  display: inline-block;
  width: 150px;
  height: 150px;
  margin-bottom: 50px;
  text-align: center; }

.chart canvas {
  position: absolute;
  top: 0;
  left: 0; }

.percent {
  display: inline-block;
  line-height: 140px;
  font-size: 38px;
  font-weight: 300;
  color: #fff;
  z-index: 2; }

.percent:after {
  content: '%';
  margin-left: 0.1em;
  font-size: 24px; }

.skills h2 {
  font-size: 32px; }

.skills ul {
  list-style: disc;
  text-align: left;
  font-size: 17px; }

.skills li {
  padding-bottom: 10px; }

.projects-container .row {
  -webkit-transition: height .5s ease-out;
  transition: height .5s ease-out; }

.project-item {
  position: relative;
  margin-bottom: 30px;
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: all .4s ease-out;
  transition: all .4s ease-out; }

.project-item.filtered {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0.2;
  cursor: default; }

.no-opacity .project-item.filtered {
  display: none; }

.project-item.filtered a {
  cursor: default; }

.project-item.filtered .enlarge,
.project-item.filtered .link,
.project-item.filtered .overlay-mask,
.project-item.filtered .project-title {
  display: none; }

.project-thumb {
  display: block;
  position: relative;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
  overflow: hidden; }

.scrollimation .project-thumb {
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  opacity: 0;
  -webkit-transition: opacity .4s ease-out, -webkit-transform .4s ease-out;
  transition: opacity .4s ease-out, -webkit-transform .4s ease-out;
  transition: opacity .4s ease-out, transform .4s ease-out;
  transition: opacity .4s ease-out, transform .4s ease-out, -webkit-transform .4s ease-out; }

.touch .scrollimation .project-thumb,
.scrollimation .project-thumb.in {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1; }

.project-thumb .overlay-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #5CC9DF;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 1;
  -webkit-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out; }

.project-thumb:hover .overlay-mask {
  opacity: 0.8;
  filter: alpha(opacity=80); }

.project-thumb .enlarge,
.project-thumb .link {
  display: inline-block;
  margin: 0;
  margin-top: -25px;
  font-size: 50px;
  line-height: 50px;
  color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  height: 50px;
  width: 64px;
  top: 40%;
  left: 50%;
  text-align: center;
  z-index: 3; }

.project-thumb .enlarge {
  margin-left: -84px;
  -webkit-transform: translateX(-200px);
  transform: translateX(-200px);
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.project-thumb:hover .enlarge {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all .3s ease-out .3s;
  transition: all .3s ease-out .3s; }

.project-thumb .link {
  margin-left: 20px;
  -webkit-transform: translateX(200px);
  transform: translateX(200px);
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.project-thumb:hover .link {
  -webkit-transform: translate(0);
  transform: translate(0);
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all .3s ease-out .6s;
  transition: all .3s ease-out .6s; }

.project-thumb .enlarge.centered,
.project-thumb .link.centered {
  margin-left: -32px;
  -webkit-transform: translateY(-200px);
  transform: translateY(-200px);
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

.project-thumb:hover .enlarge.centered,
.project-thumb:hover .link.centered {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s; }

.project-thumb .project-title {
  display: block;
  width: 100%;
  position: absolute;
  bottom: -100px;
  background: #fff;
  margin: 0;
  padding: 20px 0;
  font-size: 21px;
  font-weight: 300;
  color: #777;
  text-align: center;
  z-index: 2;
  -webkit-transition: bottom .4s ease-out,color .2s ease-out;
  transition: bottom .4s ease-out,color .2s ease-out; }

.project-thumb:hover .project-title {
  bottom: 0;
  -webkit-transition: bottom .3s ease-out .1s,color .2s ease-out 0s;
  transition: bottom .3s ease-out .1s,color .2s ease-out 0s; }

.project-thumb .project-title:hover {
  color: #5CC9DF; }

/*Load More Projects*/
.loaded-item {
  display: none; }

.flexslider {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1; }

.imac-slider .flex-direction-nav .flex-prev,
.imac-slider .flex-direction-nav .flex-next {
  background: #5cc9df;
  background-image: none;
  display: inline;
  text-indent: 0;
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  padding: 0;
  padding-left: 12px;
  margin: 0;
  margin-top: -22px;
  font-size: 42px;
  line-height: 38px;
  color: #fff;
  border-radius: 5px;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out; }

.imac-slider .flex-direction-nav .flex-next {
  text-align: right;
  padding-right: 12px; }

.imac-slider .flex-direction-nav a:hover,
.imac-slider .flex-direction-nav a:active,
.imac-slider .flex-direction-nav a:focus {
  text-decoration: none; }

.imac-slider .flex-direction-nav a:hover {
  background: #363B46; }

.imac-slider:hover .flex-next {
  opacity: 1;
  right: 5px; }

.imac-slider:hover .flex-prev {
  opacity: 1;
  left: 5px; }

.imac-slider .flex-direction-nav .flex-disabled,
.ipad-slider .flex-direction-nav .flex-disabled {
  display: none; }

.bl_form {
  margin: 30px 0 0; }

.bl_form input {
  padding-top: 15px;
  background: rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0 4px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 0px rgba(0, 0, 0, 0.2);
  border: none;
  color: white;
  padding: 10px 15px;
  border-radius: 5px;
  font-size: 16px;
  outline: none; }

.lb_wrap .lb_label.top, .lb_wrap .lb_label.bottom {
  left: 66px !important; }

.lb_wrap .lb_label.left {
  left: 0; }

.lb_label {
  font-size: 18px;
  line-height: 32px;
  font-weight: 400;
  color: #ccc; }

.no-placeholder .lb_label {
  display: none; }

.lb_label.active {
  color: #aaa; }

.form-group label {
  font-size: 22px;
  line-height: 24px;
  font-weight: 400;
  text-transform: capitalize; }

.menu-active {
  background-color: #999;
  color: white; }

.no-placeholder .form-group label {
  display: block; }

.controls {
  margin-top: 0;
  /*margin-right: 4px;*/ }

/*
.explore-ipad{
    margin-top: 40px;
}*/
.explore-ipad > section {
  padding-top: 30px !important;
  padding-bottom: 40px; }

.help-panel {
  min-height: 140px;
  padding-top: 30px;
  padding-bottom: 40px; }

.form-group {
  position: relative;
  margin-bottom: 0; }

.heading-text {
  color: #152B75;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 0; }

.form-group [class*=fa]:not(.posRel) {
  display: block;
  /*width:64px;*/
  width: 42px;
  position: absolute;
  top: 0;
  left: 5px;
  color: #e2e2e2;
  font-size: 24px;
  line-height: 42px;
  /*    line-height:52px;*/
  text-align: center;
  font-weight: 300;
  -webkit-transition: color .3s ease-out;
  transition: color .3s ease-out; }

.form-group [class*=fa].active {
  color: #a2a2a2; }

.no-placeholder .form-group [class*=fa] {
  top: 30px; }

textarea.form-control {
  height: auto;
  max-width: 100%;
  min-width: 100%;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  padding-top: 14px;
  vertical-align: top; }

.form-control:focus {
  outline: none;
  -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 0 rgba(0, 0, 0, 0.15); }

.error-message {
  padding: 5px 0;
  position: absolute;
  top: -35px;
  right: 0;
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  color: #ff3345;
  z-index: 10; }

.no-placeholder .error-message {
  top: 0; }

/*----------------------
-----Footer Styles------
------------------------*/
#main-footer {
  padding: 40px 0 60px;
  -webkit-box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.1); }

.social-links-black {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 0; }

.social-links-black li {
  display: inline;
  float: right;
  top: 0;
  position: relative;
  margin-bottom: 0 !important;
  height: 41px;
  line-height: 41px;
  border-radius: 3px;
  -webkit-box-shadow: 0 4px 0 transparent;
          box-shadow: 0 4px 0 transparent;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.social-links-black li a {
  display: block;
  color: #7a7c7f;
  font-size: 22px;
  width: 50px;
  height: 50px;
  line-height: 44px;
  text-align: center;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.social-links-black li a:hover {
  color: #ffffff; }

/*
.social-links-black li:hover {
    background: #fff;
    box-shadow: 0 4px 0 rgba(0,0,0,0.05);
}

.social-links-black li:hover a {
    color: #5CC9DF;
}*/
.social-links-black-text {
  margin-bottom: 0 !important;
  height: 43px;
  line-height: 43px;
  font-size: 14px;
  color: #7a7c7f; }

.social-links-black-text a {
  color: #7a7c7f; }

.social-links-black-text a:hover {
  color: #ffffff; }

.user-labels {
  color: #7a7c7f; }

/*----------------------
-----Media Queries------
------------------------*/
@media (max-width: 767px) {
  /* body,p{
        font-size:16px;
        line-height:21px;
    }

    h1,
    .skills h2{
        font-size:24px;
        line-height:28px;
    }

	h2{
		font-size:21px;
        line-height:24px;
	}

    .section-title{
        font-size:28px;
        line-height:36px;
    }

    .section-description{
        font-size:18px;
    }

    .cta .cta-message p,
    .cta .cta-message strong{
        font-size:20px;
        line-height:24px;
    }

    .cta-green p, .cta-green h2 {
        text-align: center;
    }

    .cta-green h2{
        margin-top:40px;
    }*/
  #main-nav .nav a {
    text-align: center;
    border-bottom: 1px solid #f5f5f5; }
  #main-nav .nav a:before {
    display: none; }
  /*
    .cta .cta-message {
        text-align:center;
    }

    .services .item{
        margin-bottom:60px;
    }

	.process-list li{
		display:block;
		width:100%;
		text-align:center;
	}

	.process-line{
		display:none;
	}

    .skills h2{
        margin-bottom:60px;
    }

    .project-item .project-thumb{
        max-width:400px;
        margin:0 auto;
    }

    .pricing .item{
        top:0;
        margin:0 auto 40px;
        max-width:400px;
    }

    #about p, #about h3{
        margin-left: 15px;
        margin-right: 15px;
    }*/ }

@media (max-width: 1199px) {
  #main-nav .dropdown-menu li.crm {
    padding-left: 0; }
  #main-nav .dropdown-menu li.std {
    padding-left: 0; }
  #main-nav .dropdown-menu li.prm {
    padding-left: 0; } }

@media (min-width: 768px) and (max-width: 1199px) {
  .navbar-header {
    float: none; }
  .navbar-toggle {
    display: block; }
  .navbar-collapse {
    border-top: 1px solid transparent;
    margin-left: -15px;
    margin-right: -15px;
    /*        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);*/ }
  .navbar-collapse.collapse {
    display: none !important;
    max-height: none; }
  .navbar-nav {
    float: left !important;
    width: 100%;
    text-align: center; }
  .navbar-nav > li {
    float: none; }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px; }
  /* since 3.1.0 */
  .navbar-collapse.collapse.in {
    display: block !important; }
  #main-nav .nav a:hover:before,
  #main-nav .nav .active a:before {
    opacity: 0; }
  .container > .navbar-collapse {
    margin-right: -20px;
    margin-left: -20px;
    margin-top: 5px; }
  .navbar > .container {
    width: 100%;
    height: 84px;
    margin-top: 4px; }
  #main-nav .nav a {
    border-bottom: 1px solid #f5f5f5; }
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .open > .dropdown-menu {
    display: block; } }

@media (max-width: 991px) {
  input[type="color"],
  input[type="date"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="email"],
  input[type="month"],
  input[type="number"],
  input[type="password"],
  input[type="search"],
  input[type="tel"],
  input[type="text"],
  input[type="time"],
  input[type="url"],
  input[type="week"],
  select:focus,
  textarea {
    font-size: 16px; }
  #docs {
    /*margin-top: 40px;*/
    height: 100% !important; }
  /* signatures disappear on Chrome Android */
  /* signatures are pushed out of their positions on safari ios 11*/
  .signatureElement {
    transform: translateZ(0);
    -webkit-transform: translateZ(0); }
    .signatureElement img {
      position: absoulute;
      transform: translateY(-1vh);
      transform: translateX(-1vw);
      -webkit-transform: translateY(-1vh);
      -webkit-transform: translateX(-1vw); } }

.md-logo-adjust {
  margin-top: -2px; }

.lg-logo-adjust {
  margin-top: 5px; }

/* request demo */
/*
@media (max-width: $tablet-max-width) {
    .heading-text{
    	padding-top: 20px;
    }

    #appstore{
    	padding-top: 14px;
    }
}
*/
.icheckbox_minimal-blue {
  margin-top: -2px; }

.list {
  float: left;
  padding-left: 0; }

.list li {
  position: relative;
  padding-bottom: 6px; }

.list li > label {
  margin-left: 6px;
  font-weight: 300;
  margin-bottom: 0;
  display: initial;
  color: #666;
  font-size: 18px; }

.ng-dirty .ng-invalid {
  background-color: rgba(255, 0, 0, 0.1); }

/* version number on login screen */
.version-number {
  position: absolute;
  bottom: 10px;
  left: 10px;
  display: inline;
  color: #ececec;
  font-weight: 400; }

.meeting-icon {
  display: inline-block !important;
  position: relative !important;
  width: 52px !important;
  /*display: inline-block;
    position: relative;
    width: 52px;*/
  margin-right: 8px;
  margin-left: -15px;
  padding-left: 0; }

.suitebox-form {
  height: 680px;
  width: 100%;
  overflow: auto;
  border: 0; }

.otherside-has-control {
  position: absolute;
  height: 100%;
  right: 30px;
  left: 15px; }

.click-cursor {
  cursor: pointer !important; }

.audio-device-label {
  font-size: 12px;
  font-weight: normal; }

.form-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block !important; }

.form-wrapper-hide {
  display: none !important; }

.video-checked {
  margin-left: -5px;
  display: inline-block;
  color: green; }

/* login */
/*.gray-bg {
    background: #f3f3f3;
    padding-top: 30px!important;
    padding-bottom: 40px;
}*/
.form-bg {
  background-size: cover; }

.login-form-bg {
  background: url("/themes/cpal/img/background.jpg");
  background-size: cover;
  height: 630px;
  position: relative; }

#register-form hr {
  border-top: 1px solid #bfbfbf;
  margin-left: -25px;
  margin-right: -25px; }

#register-form label {
  font-family: roboto;
  color: #7a7c7f !important;
  padding: 0;
  font-weight: 500;
  font-size: 15px; }

@media (max-width: 767px) {
  #register-form {
    margin: 20px; }
  #register-form h2 {
    font-size: 26px; }
  .login-form-bg {
    background-position-x: -650px; } }

.transparent-white-bg {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 15px;
  padding: 0 25px; }

.login-heading {
  padding-top: 30px;
  text-align: center;
  color: #545659;
  margin-bottom: 20px; }

.white-bg-paragraph {
  font-family: roboto;
  color: #7a7c7f !important;
  padding: 0;
  font-weight: 500;
  font-size: 15px;
  margin-bottom: 13px; }

.btn[disabled] {
  background: #a3a6a7 !important;
  opacity: 1; }

.forgot-password {
  color: #7a7c7f !important;
  padding: 0;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  padding-top: 10px;
  margin: 0; }

.forgot-password:hover {
  color: #7a7c7f;
  text-decoration: underline; }

.know-more {
  color: black;
  text-align: center;
  padding: 0;
  margin: 0;
  font-weight: bold;
  font-size: 15px; }

.know-more:hover {
  color: black;
  text-decoration: underline; }

/*
.heading-text{
    color: $old-blue;
    font-weight:bold;
    margin-bottom: 10px;
}*/
/* remove yellow background for autocompleted fields in chrome */
@media (max-width: 1366px) {
  .subscribe-version-number {
    position: inherit !important;
    color: #7a7c7f; } }

#subscribe {
  text-align: center; }

#subscribe input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px #F8F8F8 inset !important;
  -webkit-text-fill-color: #333; }

#subscribe input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 50px #F8F8F8 inset !important;
  -webkit-text-fill-color: #333; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px #F8F8F8 inset !important;
  -webkit-text-fill-color: #152B75; }

input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 50px #F8F8F8 inset !important;
  -webkit-text-fill-color: #152B75; }

#login input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px #fff inset !important;
  -webkit-text-fill-color: #333; }

#login input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 50px #fff inset !important;
  -webkit-text-fill-color: #333; }

.explore-ipad > section {
  padding-top: 30px !important;
  padding-bottom: 40px; }

.login-error-message {
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  text-align: center;
  color: #ff3345; }

/*--------------------
-----Main Styles------
----------------------*/
.no-placeholder .form-group [class*=fa] {
  top: 30px; }

textarea.form-control {
  height: auto;
  max-width: 100%;
  min-width: 100%;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  padding-top: 14px;
  vertical-align: top; }

.meeting-icon {
  display: inline-block !important;
  position: relative !important;
  width: 52px !important;
  /*display: inline-block;
    position: relative;
    width: 52px;*/
  margin-right: 8px;
  margin-left: -15px;
  padding-left: 0; }

.ui-tooltip {
  color: #999;
  text-align: center;
  display: block;
  /*  margin-left: 1px;*/ }

.ui-tooltip:active,
.ui-tooltip:hover {
  color: #666; }

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.btn-crm {
  margin-bottom: 15px;
  padding: 15px;
  top: 0 !important; }

@media (max-width: 690px) {
  .btn-crm {
    padding: 11px !important;
    font-size: 12px !important; } }

.btn-fixwidth {
  min-width: 170px !important; }

.meeting-details .btn-crm {
  margin-top: 8px; }

meeting-details .meeting-note {
  margin-top: -10px;
  width: 100%;
  border: 1px solid #d7d7d7;
  background-color: #f4f4f4;
  padding: 8px 8px 8px 12px;
  border-radius: 3px;
  color: #555555; }

meeting-details .details-card {
  margin-bottom: 30px; }
  meeting-details .details-card .documentsinroom-container, meeting-details .details-card .recording-list {
    height: 360px; }
    @media screen and (max-width: 767px) {
      meeting-details .details-card .documentsinroom-container, meeting-details .details-card .recording-list {
        height: auto; } }
  meeting-details .details-card .documentsinroom-heading, meeting-details .details-card .recordings-heading {
    color: #545659;
    border: 0;
    padding-left: 0px;
    background: #fff;
    border-radius: 3px 3px 0px 0px;
    margin-bottom: -1px; }
  meeting-details .details-card .documentsinroom-content, meeting-details .details-card .documentsinroom {
    height: 284px; }
    @media screen and (max-width: 767px) {
      meeting-details .details-card .documentsinroom-content, meeting-details .details-card .documentsinroom {
        height: auto; } }
  meeting-details .details-card .card-content {
    background-color: #ffffff;
    padding: 15px; }
  meeting-details .details-card .share-video {
    margin-top: -4px;
    margin-right: 2px; }
  meeting-details .details-card .recordings-title {
    height: 40px;
    background-color: #546ab0; }

.btn-crm.darkgray-bg {
  background: #999 !important; }

.btn-modal-bottom.darkgray-bg {
  background: #999 !important; }

/* Meeting Details: Recordings */
.shareWith input {
  width: 180px; }

div.recording-list {
  display: inline-block; }

td.recording-list {
  vertical-align: top;
  padding-bottom: 20px;
  display: inline-block;
  width: 100%; }

#recording-rows tr:nth-child(odd) {
  background: white;
  cursor: pointer; }

#recording-rows tr:nth-child(even) {
  background: #f6f6f6;
  cursor: pointer; }

.recording-list-buttons {
  bottom: 0;
  width: 340px; }

#recording-rows {
  width: 100%;
  display: table; }

#recording-rows tr.active,
#recording-rows tr:hover {
  background: #f3f8fe;
  cursor: pointer; }

td.videos {
  padding-right: 10px;
  padding-bottom: 20px;
  width: 320px;
  vertical-align: top; }

.video-recordings {
  height: 369px;
  width: 502px;
  /* display: inline-block; */
  /* float: left; */
  margin: 0 auto; }
  @media screen and (max-width: 991px) {
    .video-recordings {
      height: auto;
      width: auto; } }

.recordingName {
  padding-bottom: 4px;
  font-size: 15px;
  font-weight: 400; }

.recordingName > a {
  font-size: 17px;
  font-weight: 400; }

.recordDate {
  font-size: 14px;
  font-weight: 400; }

.recordingName.sharing,
.recordDate.sharing {
  margin-left: 22px; }

.btn-recording {
  width: 100%;
  margin: 1px 0 0 0;
  border-radius: 0;
  top: 0 !important; }

.recording-table {
  display: inline-block;
  overflow: auto; }

.recording {
  border-spacing: 0;
  border: 1px #afafae solid;
  width: 100%; }

table.recording {
  width: 100%;
  display: inline-block;
  overflow: auto; }

.share-recordings-container {
  background-color: #28a0bf;
  height: 40px; }

.blank-video {
  width: 492px;
  height: 369px;
  background: #eee;
  line-height: 369px;
  vertical-align: middle;
  display: table-cell;
  text-align: center;
  color: #eee; }

.share-recordings-container input {
  width: 202px;
  padding: 5px;
  position: absolute;
  margin: 2px;
  color: black;
  font-weight: 400; }

.share-recordings-container .btn {
  top: 0 !important;
  margin: 0;
  width: 136px;
  height: 40px; }

.error {
  border: 1px #ff3345 solid; }

.recording td,
.recording th {
  padding: 6px 12px 4px; }

.active-recording,
.active-recording:hover,
.active-recording td .recordingName,
.active-recording td .recordDate {
  background-color: white !important;
  color: #243c7c; }

.active-recording td .recordingName {
  font-weight: bold; }

.recordings-heading {
  color: #545659;
  background: #ffffff;
  border: 0;
  text-align: left;
  padding: 5px 0;
  font-weight: 600; }

.video-label {
  color: #666666;
  background: #ececec;
  padding: 4px 8px;
  margin-top: 0;
  border: 1px #afafae solid; }

.form-group > label {
  display: none; }

#request-demo-form .list {
  padding-left: 0; }

#request-demo-form .list li {
  position: relative;
  padding-bottom: 6px; }

ol, ul {
  list-style: none; }

.crm-modal .col-xs-1, .crm-modal .col-md-1 {
  padding-right: "15px"; }

.crm-modal .col-xs-2, .crm-modal .col-md-2 {
  padding-right: "15px"; }

.crm-modal .col-xs-3, .crm-modal .col-md-3 {
  padding-right: "15px"; }

.crm-modal .col-xs-4, .crm-modal .col-md-4 {
  padding-right: "15px"; }

.crm-modal .col-xs-5, .crm-modal .col-md-5 {
  padding-right: "15px"; }

.crm-modal .col-xs-6, .crm-modal .col-md-6 {
  padding-right: "15px"; }

.crm-modal .col-xs-7, .crm-modal .col-md-7 {
  padding-right: "15px"; }

.crm-modal .col-xs-8, .crm-modal .col-md-8 {
  padding-right: "15px"; }

.crm-modal .col-xs-9, .crm-modal .col-md-9 {
  padding-right: "15px"; }

.crm-modal .col-xs-10, .crm-modal .col-md-10 {
  padding-right: "15px"; }

.crm-modal .col-xs-11, .crm-modal .col-md-11 {
  padding-right: "15px"; }

.crm-modal .col-xs-12, .crm-modal .col-md-12 {
  padding-right: "0"; }

.crm-modal .col-* {
  padding: 0; }
  .crm-modal .col-* label {
    padding: 15px; }

.crm-modal label {
  color: #666;
  font-size: 17px;
  line-height: 40px;
  font-weight: 300; }

.crm-modal .form-group {
  line-height: 40px; }

.scheduler-nav {
  padding-bottom: 20px; }
  .scheduler-nav .scheduler-nav-bg {
    background: #ececec;
    height: 52px;
    position: absolute;
    left: 0;
    right: 0; }
  .scheduler-nav span {
    height: 52px;
    line-height: 52px;
    vertical-align: middle;
    display: inline-block;
    padding: 0 8px;
    font-family: roboto;
    font-size: 16px;
    font-weight: 500; }
    .scheduler-nav span > a {
      color: #7a7c7f; }
  .scheduler-nav span img {
    margin: 10px;
    margin-right: 4px;
    width: 32px;
    height: 32px; }
  .scheduler-nav a > span:hover,
  .scheduler-nav span.active {
    cursor: pointer;
    background: white;
    border-radius: 10px 10px 0 0; }

/* Add Invitees */
#inviteUsersModal .addInvitees {
  font-size: 24px;
  color: #546ab0;
  cursor: pointer; }

#inviteUsersModal .addInviteesDisabled {
  font-size: 24px;
  color: #eeeeee;
  cursor: default; }

#inviteUsersModal .removeInvitee {
  font-size: 24px;
  color: #dc382f;
  cursor: pointer;
  padding: 5px;
  position: absolute;
  right: -20px; }

/* Schedule Meeting */
#meetingModal .dropdown-menu a {
  cursor: pointer; }
  #meetingModal .dropdown-menu a:hover {
    background-color: #bbb; }
  #meetingModal .dropdown-menu a strong {
    color: #243c7c;
    font-weight: 900; }

.addInvitees {
  font-size: 24px;
  color: #546ab0;
  cursor: pointer; }

.addInviteesDisabled {
  font-size: 24px;
  color: #eeeeee;
  cursor: default; }

.removeParticipant {
  font-size: 24px;
  color: #dc382f;
  cursor: pointer; }

.edit-meeting-modal .error {
  color: #152B75;
  border: 1px #ff3345 solid;
  padding-left: 5px;
  margin-bottom: 5px;
  border-radius: 3px; }

.ui-button-text-only .ui-button-text {
  padding: 0; }

input[type=number]:hover {
  overflow-y: hidden; }

.meeting-details h2, h4, h5 {
  margin-bottom: 18px; }

.meeting-details h5 {
  font-size: 16px; }

table.dataTable {
  font-size: 15px; }
  table.dataTable .display tbody tr:hover {
    cursor: pointer; }
  @media screen and (max-width: 767px) {
    table.dataTable {
      font-size: 12px; }
      table.dataTable th, table.dataTable tr {
        font-size: 12px; } }

.datagrid {
  font-size: inherit; }
  @media screen and (max-width: 767px) {
    .datagrid {
      font-size: 12px; } }

.text-center, .precall-app-container .precall-title-row .precall-title {
  text-align: center; }

#user-grid tbody tr:hover {
  cursor: default !important; }

#advanced-user-grid tbody tr:hover {
  cursor: default !important; }

.gridTableAlignRight {
  text-align: right; }

.gridTableAlignCenter {
  text-align: center; }

.youtube-heading {
  font-size: 13px;
  color: black;
  font-weight: normal;
  font-family: roboto;
  display: block; }

.youtube-subheading {
  font-size: 11px;
  color: #767676;
  font-weight: normal;
  font-family: roboto;
  display: block; }

.youtube-image {
  width: 141px;
  display: inline-block;
  float: left;
  margin-right: 10px;
  display: block; }

/* Switch Control Selector */
.giveControlOptions {
  padding: 5px;
  text-transform: capitalize;
  border: none;
  line-height: 38px;
  text-transform: none;
  background: transparent;
  border-top: 1px solid #959595;
  width: 100%;
  text-align: left;
  margin: 0 !important;
  margin-left: 4px;
  font-size: 18px;
  color: #ffffff; }

.giveControlOptions:hover {
  color: #fff;
  cursor: pointer;
  background: rgba(13, 0, 0, 0.2); }

/* Quick Tips */
.arrow_box {
  position: relative;
  background: #fff;
  border-radius: 5px;
  padding: 10px 5px 0; }

.arrow_box:after, .arrow_box:before {
  bottom: 100%;
  right: 25px;
  left: unset;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.arrow_box.firefox:after, .arrow_box.firefox:before {
  left: 25px;
  right: unset; }

.arrow_box:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #fff;
  border-width: 10px;
  margin-left: -10px; }

.arrow_box:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #fff;
  border-width: 10px;
  margin-left: -10px; }

.arrow_box p {
  padding-bottom: 1em;
  font-size: 14px;
  line-height: normal; }

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* webclient video app overrides */
@media (max-width: 767px) {
  .sb-mobile-padding-top {
    padding-top: 81px; }
  .sb-mobile-document-padding-top {
    padding-top: 30px; }
  .sb-mobile-signing-padding-top {
    padding-top: 60px; } }

.steps-complete {
  background-color: #28a0bf;
  display: inline-block;
  height: 8px;
  width: 64px;
  margin-right: 1px; }

.steps-incomplete {
  background-color: #999999;
  display: inline-block;
  height: 8px;
  width: 64px;
  margin-right: 1px; }

img.no-drag {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
      user-select: none; }

/* OpenTok Device Testing Styles */
.opentok-hardware-setup-selector > select {
  width: 100%; }

.opentok-hardware-setup-preview {
  margin-top: 10px; }

.opentok-hardware-setup,
.opentok-hardware-setup * {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: roboto;
  vertical-align: baseline; }

.opentok-hardware-setup strong {
  font-weight: bold; }

.opentok-hardware-setup em {
  font-style: italic; }

.opentok-hardware-setup {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0; }

.opentok-hardware-setup-loading {
  background: #000 url("data:image/gif;base64,R0lGODlhIAAgAPUAAAAAAEZFRxcWFyEhIisqLDEwMTQ0NTIxMi4tLicmJx4eHxkZGikpKjc2ODg3OTY1NzMzNCYlJhgXGBYVFigoKTg3ORUVFTo5OywsLR0cHTs6PDw7PSAgIBwbHCMiIy8uMCQjJD08Pj08Pj49PxsaGz8/QBISE0FAQRQUFBEREQ0NDQwLDAoKCg4ODw8PEAcHBwQEBQYGBgMDAwICAgAAAAkJCURDRUZFR0NCRAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAHAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAG/0CAcEicDBCOS8lBbDqfgAUidDqVSlaoliggbEbX8Amy3S4MoXQ6fC1DM5eNeh0+uJ0Lx0YuWj8IEQoKd0UQGhsaIooGGYRQFBcakocRjlALFReRGhcDllAMFZmalZ9OAg0VDqofpk8Dqw0ODo2uTQSzDQ12tk0FD8APCb1NBsYGDxzERMcGEB3LQ80QtdEHEAfZg9EACNnZHtwACd8FBOIKBwXqCAvcAgXxCAjD3BEF8xgE28sS8wj6CLi7Q2PLAAz6GDBIQMLNjIJaLDBIuBCEAhRQYMh4WEYCgY8JIoDwoGCBhRQqVrBg8SIGjBkcAUDEQ2GhyAEcMnSQYMFEC0QVLDXCpEFUiwAQIUEMGJCBhEkTLoC2hPFyhhsLGW4K6rBAAIoUP1m6hOEIK04FGRY8jaryBdlPJgQscLpgggmULMoEAQAh+QQABwABACwAAAAAIAAgAAAG/0CAcEicDDCPSqnUeCBAxKiUuEBoQqGltnQSTb9CAUMjEo2woZHWpgBPFxDNZoPGqpc3iTvaeWjkG2V2dyUbe1QPFxd/ciIGDBEKChEEB4dCEwcVFYqLBxmXYAkOm6QVEaFgCw+kDQ4NHKlgFA21rlCyUwIPvLwIuV8cBsMGDx3AUwzEBr/IUggHENKozlEH19dt1UQF2AfH20MF3QcF4OEACN0FCNroBAUfCAgD6EIR8ggYCfYAGfoICBBYYE+APgwCPfQDgZAAgwTntkkQyIBCggh60HFg8DACiAEZt1kAcTHCgAEKFqT4MoPGJQERYp5UkGGBBRcqWLyIAWNGy0JQEmSi7LBgggmcOmHI+BnKAgeUCogaRbqzJ9NLKEhIIioARYoWK2rwXNrSZSgTC7haOJpTrNIZzkygQMF2RdI9QQAAIfkEAAcAAgAsAAAAACAAIAAABv9AgHBInHAwj0ZI9HggBhOidDpcYC4b0SY0GpW+pxFiQaUKKJWLRpPlhrjf0ulEKBMXh7R6LRK933EnNyR2Qh0GFYkXexttJV5fNgiFAAsGDhUOmIsQFCAKChEEF5GUEwVJmpoHGWUKGgOUEQ8GBk0PIJS6CxC1vgq6ugm+tbnBhQIHEMoGdceFCgfS0h3PhQnTB87WZQQFBQcFHtx2CN8FCK3kVAgfCO9k61PvCBgYhPJSGPUYBOr5Qxj0I8AAGMAhIAgQZGDsIIAMCxNEEOAQwAQKCSR+qghAgcQIHgZIqDhB44ABCkxUDBVSQYYOKg9aOMlBQYcFEkyokInS5oJECSZcqKgRA8aMGTRoWLOQIQOJBRaCqmDxAoYMpORMLHgaVShVq1jJpbAgoevUqleVynNhQioLokaRqpWnYirctHPLBAEAIfkEAAcAAwAsAAAAACAAIAAABv9AgHBInCgIBsNmkyQMJsSodLggNC5YjWYZGoU0iMV0Kkg8Kg5HdisKuUelEkEwHko+jXS+ctFuRG1ucSUPYmMdBw8GDw15an1LbV6DJSIKUxIHSUmMDgcJIAoKIAwNI3BxODcPUhMIBhCbBggdYwoGgycEUyAHvrEHHnVDCSc3DpgFvsuXw0MeCGMRB8q+A87YAAIF3NwU2dgZH9wIYeDOIOXl3+fDDBgYCE7twwT29rX0Y/cMDBL6+/oxSPAPoJQECBNEMGSQCAiEEUDkazhEgUIQA5pRFLJAoYeMJjYKsQACI4cMDDdmGMBBQQYSIUVaaPlywYQWIgEsUNBhgQRHCyZUiDRBgoRNFClasIix0YRPoC5UsHgBQ8YMGjQAmpgAVSpVq1kNujBhIurUqlcpqnBh9mvajSxWnAWLNWeMGDBm6K2LLQgAIfkEAAcABAAsAAAAACAAIAAABv9AgHBInCgYB8jlAjEQOBOidDqUMAwNR2V70XhFF8SCShVEDIbHo5GtdL0bkWhDEJCrmCY63V5+RSEhIw9jZCQIB0l7aw4NfnGAISUlGhlUEoiJBwZNBQkeGRkgDA8agYGTGoVDEwQHBZoHGB1kGRAiIyOTJQ92QwMFsMIDd0MJIruTBFUICB/PCJbFv7qTNjYSQh4YGM0IHNNSCSUnNwas3NwEEeFTDhpSGQTz86vtQtlSAwwEDAzs96ZFYECBQQJpAe9ESMAwgr2EUxJEiAACRBSIZCSCGDDgIsYpFTlC+UiFA0cFCnyRJNKBg4IMHfKtrIKyAwkJLmYOMQHz5gRVEzqrkFggAIUJFUEBmFggwYIJFypqJEUxAUUKqCxiBHVhFOqKGjFgzNDZ4qkKFi9gyJhBg8ZMFS3Opl3rVieLu2FnsE0K4MXcvXzD0q3LF4BewAGDAAAh+QQABwAFACwAAAAAIAAgAAAG/0CAcEicKBKHg6ORZCgmxKh0KElADNiHo8K9XCqYxXQ6ARWSV2yj4XB4NZoLQTCmEg7nQ9rwYLsvcBsiBmJjCwgFiUkHWX1tbxoiIiEXGVMSBAgfikkIEQMZGR4JBoCCkyMXhUMTFAgYCJoFDB1jGQeSISEjJQZQQwOvsbEcdUMRG7ohJSUEdgTQBBi1xsAbI7vMhQPR0ArVUQm8zCUIABYJFAkMDB7gUhDkzBIkCfb2Eu9RGeQnJxEcEkSIAGKAPikPSti4YYPAABAgPIAgcTAKgg0E8gGIOKAjnYp1Og7goAAFyDokFYQycXKMAgUdOixg2VJKTBILJNCsSYTeAlYBFnbyFIJCAlATKVgMHeJCQtAULlQsHWICaVQWL6YCUGHiao0XMLSqULECKwwYM6ayUIE1BtoZNGgsZWFWBly5U1+4nQFXq5CzfPH6BRB4MBHBhpcGAQAh+QQABwAGACwAAAAAIAAgAAAG/0CAcEgEZBKIgsFQKFAUk6J0Kkl8DljI0vBwOB6ExXQ6GSSb2MO2W2lXKILxUEJBID6FtHr5aHgrFxcQYmMLDHZ2eGl8fV6BGhoOGVMCDAQEGIgIBCADHRkDCQeOkBsbF4RDFiCWl5gJqUUZBxcapqYGUUMKCQmWlgpyQxG1IiHHBEMTvcywwkQcGyIiIyMahAoR2todz0URxiHVCAAoIOceIMHeRQfHIyUjEgsD9fUW7LIlxyUlER0KOChQMClfkQf9+hUAmKFhHINECCQs0aCDRRILTEAk4mGiCBIYJUhwsXFXwhMlRE6wYKFFSSEKTpZYicJEChUvp5iw6cLFikWcUnq6UKGCBdAiKloUZVEjxtEhLIrWeBEDxlOoLF7AgCFjxlUAMah2nTGDxtetZGmoNXs1LduvANLCJaJ2rt27ePPKCQIAIfkEAAcABwAsAAAAACAAIAAABv9AgHBIBHRABMzhgEEkFJOidCoANT+F7PJg6DIW06llkGwiCtsDpGtoPBKC8HACYhCSiDx6ue42Kg4HYGESEQkJdndme2wPfxUVBh1iEYaHDHYJAwokHRwgBQaOjxcPg0Mon5WWIKdFHR8OshcXGhBRQyQDHgMDIBGTckIgf7UbGgxDJgoKvb1xwkMKFcbHgwvM2RLRRREaGscbGAApHeYdGa7cQgcbIiEiGxIoC/X1KetFGSLvIyEgFgQImCDAQj4pEEIoFIHAgkMTKFwcLMJAYYgRBkxodOFCxUQiHkooLLEhBccWKlh8lFZixIgSJVCqWMHixUohCmDqTMmixotJGDcBhNQpgkXNGDBgBCWgs8SDFy+SwpgR9AOOGzZOfEA6dcYMGkEBTGCgIQGArjTShi3iVe1atl/fTokrVwrYunjz6t3Lt+/bIAAh+QQABwAIACwAAAAAIAAgAAAG/0CAcEgEdDwMAqJAIEQyk6J0KhhQCBiEdlk4eCmS6dSiSFCuTe2n64UYIBGBeGgZJO6JpBKx9h7cBg8FC3MTAyAgEXcUSVkfH34GkoEGHVMoCgOHiYoRChkkHQogCAeTDw0OBoRFopkDHiADYVMdCIEPDhUVB1FDExkZCsMcrHMAHgYNFboVFEMuCyShohbHRAoPuxcXFawmEuELC9bXRBEV3NwEACooFvAC5eZEHxca+BoSLSb9/S30imTIt2GDBxUtXCh0EVCKAQ0iCiJQQZHiioZFGGwIEdEAi48fa2AkMiBEiBEhLrxYGeNFjJFDFJwcMUIEjJs4YQqRSbOmjFQZM2TIgKETWQmaJTQAXTqjKIESUEs8oEGValOdDqKWKEBjCI2rIxWcgHriBAgiVHVqKDF2LK2iQ0DguFEWAdwpCW7gMHa3SIK+gAMLHky4sOGAQQAAIfkEAAcACQAsAAAAACAAIAAABv9AgHBIBCw4kQQBQ2F4MsWoFGBRJBNNAgHBLXwSkmnURBqAIleGlosoHAoFkEAsNGU4AzMogdViEB8fbwcQCGFTJh0KiwMeZ3xqf4EHlBAQBx1SKQskGRkKeB4DGR0LCxkDGIKVBgYHh0QWEhKcnxkTUyQElq2tBbhDKRYWAgKmwHQDB70PDQlDKikmJiiyJnRECgYPzQ4PC0IqLS4u0y7YRR7cDhUODAA1Kyrz5OhRCOzsDQIvNSz/KljYK5KBXYUKFwbEWNhP4MAiBxBeuEAAhsWFMR4WYVBBg8cDM2bIsAhDI5EBGjakrBCypQyTQxRsELGhJo2bNELCFKJAhM9dmkNyztgJYECIoyIuEKFBFACDECNGhDDQtMiDo1ERVI1ZAmpUEFuFPCgRtYQIWE0TnCjB9oTWrSBKrGVbAtxWAjfmniAQVsiAvCcuzOkLAO+ITIT9KkjMuLFjmEEAACH5BAAHAAoALAAAAAAgACAAAAb/QIBwSARMOgNPIgECDTrFqBRgWmQUgwEosmQQviDJNOqyLDpXThLU/WIQCM9kLGyhBJIFKa3leglvHwUEYlMqJiYWFgJ6aR5sCV5wCAUFCCRSLC0uLoiLCwsSEhMCewmAcAcFBx+FRCsqsS4piC5TCwkIHwe8BxhzQy8sw7AtKnRCHJW9BhFDMDEv0sMsyEMZvBAG2wtCMN/fMTHWRAMH29sUQjIzMzLf5EUE6A8GAu347fFEHdsPDw4GzKBBkOC+Ih8AOqhAwKAQGgeJJGjgoOIBiBGlDKi48EHGKRkqVLhA8qMUBSQvaLhgMsoAlRo0OGhZhEHMDRoM0CRiYIPPVQ0IdgrJIKLoBhEehAI4EEJE0w2uWiYIQZVq0J0DRjgNMUJDN5oJSpQYwXUEAZoCNIhdW6KBgJ0XcLANAUWojRNiNShQutRG2698N2B4y1dI1MJjggAAIfkEAAcACwAsAAAAACAAIAAABv9AgHBIBJgkHQVnwFQsitAooHVcdDIKxcATSXgHAimURUVZJFbstpugEBiDiVhYU7VcJjM6uQR1GQQECBQSYi8sKyoqeCYCEiRZA34JgIIIBE9QMDEvNYiLJqGhKEgDlIEIqQiFRTCunCyKKlISIKgIHwUEckMzMzIymy8vc0IKGKkFBQcgvb6+wTDFQx24B8sFrDTbNM/TRArLB+MJQjRD3d9FDOMHEBBhRNvqRB3jEAYGA/TFCPn5DPjNifDPwAeBYjg8MPBgIUIpGRo+cNDgYZQMDRo4qFDRYpEBDkJWeOCxSAKRFQ6UJHLgwoUKFwisFJJBg4YLN/fNPKBhg81UC6xKRhAhoqcGmSsHbCAqwmcmjwlEhGAqAqlFBQZKhNi69UE8hAgclBjLdYQGEh4PnBhbYsTYCxlKMrDBduyDpx5trF2L4WtJvSE+4F2ZwYNfKEEAACH5BAAHAAwALAAAAAAgACAAAAb/QIBwSAS0TBPJIsPsSIrQKOC1crlMFmVGwRl4QAqBNBqrrVRXlGDRUSi8kURCYRkPYbEXa9W6ZklbAyBxCRQRYlIzMzJ4emhYWm+DchQMDAtSNDSLeCwqKn1+CwqTCQwEqE9RmzONL1ICA6aoBAgUE5mcdkIZp7UICAO5MrtDJBgYwMCqRZvFRArAHx8FEc/PCdMF24jXYyTUBwUHCt67BAfpBwnmdiDpEBAI7WMK8BAH9FIdBv39+lEy+PsHsAiHBwMLFknwoOGDDwqJFGjgoCKBiLwcVNDoQBjGAhorVGjQrWCECyhFMsA44IIGDSkxKUywoebLCxQUChQRIoRNQwMln7lJQKBCiZ49a1YgQe9BiadHQ4wY4fNCBn0lTkCVOjWEAZn0IGiFWmLEBgJBzZ1YyzYEArAADZy4UOHDAFxjggAAIfkEAAcADQAsAAAAACAAIAAABv9AgHBIBLxYKlcKZRFMLMWoVAiDHVdJk0WyyCgW0Gl0RobFjtltV8EZdMJiAG0+k1lZK5cJNVl02AMgAxNxQzRlMTUrLSkmAn4KAx4gEREShXKHVYlIehJ/kiAJCRECmIczUyYdoaMUEXBSc5gLlKMMBAOYuwu3BL+Xu4UdFL8ECB7CmCC/CAgYpspiCxgYzggK0nEU1x8R2mIDHx8FBQTgUwrkBwUf6FIdBQfsB+9RHfP59kUK+fP7RCIYgDAQAcAhCAwoNEDhIIAODxYa4OAQwYOIEaPtA+GgY4MGDQFyaNCxgoMHCwBGqHChgksHCfZlOKChZssKEDQWQkAgggJNBREYPBCxoaaGCxdQKntQomnTECFEiNBQVMODDNJuOB0BteuGohBSKltgY2uIEWiJamCgc5cGHCecPh2hAYFYbRI+uCxxosIDBIPiBAEAIfkEAAcADgAsAAAAACAAIAAABv9AgHBIBNBmM1isxlK1XMWotHhUvpouk8WSmnqHVdhVlZ1IFhLTV0qrxsZlSSfTQa2JbaSytnKlUBMLHQqEAndDSDJWTX9nGQocAwMTh18uAguPkhEDFpVfFpADIBEJCp9fE6OkCQmGqFMLrAkUHLBeHK0UDAyUt1ESCbwEBBm/UhHExCDHUQrKGBTNRR0I1ggE00Qk19baQ9UIBR8f30IKHwUFB+XmIAfrB9nmBAf2BwnmHRAH/Aen3zAYMACB36tpIAYqzKdNgYEHCg0s0BbhgUWIDyKsEXABYJQMBxxUcOCgwYMDB6fYwHGiAQFTCiIwMKDhwoWRIyWuUXCihM9DEiNGhBi6QUPNCkgNdLhz44RToEGFhiha8+aBiWs6OH0KVaiIDUVvMkj5ZcGHElyDTv16AQNWVKoQlAwxwiKCSV+CAAAh+QQABwAPACwAAAAAIAAgAAAG/0CAcEgk0mYzGOxVKzqfT9pR+WKprtCs8yhbWl2mlEurlSZjVRXYMkmRo8dzbaVKmSaLBer9nHVjXyYoAgsdHSZ8WixrEoUKGXuJWS6EHRkKAySSWiYkl5gDE5tZFgocAx4gCqNZHaggEQkWrE8WA7AJFJq0ThwRsQkcvE4ZCbkJIMNFJAkMzgzKRAsMBNUE0UML1hjX2AAdCBjh3dgDCOcI0N4MHx/nEd4kBfPzq9gEBwX5BQLlB///4D25lUgBBAgAC0h4AuJEiQRvPBiYeBBCMmI2cJQo8SADlA4FHkyk+KFfkQg2bGxcaYCBqgwgEhxw0OCByIkHFjyRsGFliU8QQEUI1aDhQoUKDWiKPNAhy4IGDkuMGBE0BNGiRyvQLKBTiwAMK6eO2CBiA1GjRx8kMPlmwYcNIahumHv2wgMCXTdNMGczxAaRBDiIyhIEACH5BAAHABAALAAAAAAgACAAAAb/QIBwSCwOabSZcclkImcwWKxJXT6lr1p1C3hCY7WVasV1JqGwF0vlcrXKzJlMWlu7TCgXnJm2p1AWE3tNLG0mFhILgoNLKngTiR0mjEsuApEKC5RLAgsdCqAom0UmGaADAxKjRR0cqAMKq0QLAx4gIAOyQxK3Eb66QhK+CcTAABLEycYkCRTOCcYKDATUEcYJ1NQeRhaMCwgYGAQYGUUXD4wJCOvrAkMVNycl0HADHwj3CNtCISfy8rm4ZDhQoGABDKqEYCghr0SJEfSoDDhAkeCBfUImXGg4IsQIA+WWdEAAoSJFDIuGdAjhMITLEBsMUACRIQOIBAceGDBgsoAmVSMKRDgc0VHEBg0aLjhY+kDnTggQCpBosuBBx44wjyatwHTnTgQJmwggICKE0Q1HL1TgWqFBUwMJ3HH5pgEm0gtquTowwCAsnAkDMOzEW5KBgpRLggAAIfkEAAcAEQAsAAAAACAAIAAABv9AgHBILBqPyGSSpmw2aTOntAiVwaZSGhQWi2GX2pk1Vnt9j+EZDPZisc5INbu2UqngxzlL5Urd8UVtfC4mJoBGfCkmFhMuh0QrihYCEoaPQ4sCCx0Sl5gSmx0dnkImJB0ZChmkACapChwcrCiwA7asErYeu0MeBxGAJCAeIBG2Gic2JQ2AAxHPCQoRJycl1gpwEgnb2yQS1uAGcCAMDBQUCRYAH9XgCV8KBPLyA0IL4CEjG/VSHRjz8joJIWAthMENwJpwQMAQAQYE/IQIcFBihMEQIg6sOtKBQYECDREwmFCExIURFkNs0HDhQAIPGTI4+3Cg5oECHxAQEFgkwwVPjCI2rLzgwEGDBw8MGLD5ESSJJAsMBF3JsuhRpQYg1CxwYGcTAQQ0iL1woYJRpFi3giApZQGGCmQryHWQVCmEBDyxTOBAoGbRmxQUsEUSBAAh+QQABwASACwAAAAAIAAgAAAG/0CAcEgsGo/IpHLJbDqf0CiNNosyp1UrckqdwbRHrBcWAxdnaBjsxTYTZepXjcVyE2Nylqq1sgtjLCt7Li1+QoMuJimGACqJJigojCqQFgISBg8PBgZmLgKXEgslJyclJRlgLgusHR0ip6cRYCiuGbcOsSUEYBIKvwoZBaanD2AZHAMDHB0RpiEhqFYTyh7KCxIjJSMjIRBWHCDi4hYACNzdIrNPHQkR7wkKQgsb3NAbHE4LFBQJ/gkThhCAdu/COiUKCChk4E/eEAEPNkjcoOHCgQ5ISCRAgEEhAQYRyhEhcUGihooOHBSIMMDVABAEEMjkuFDCkQwOTl64UMFBA0hNnA4ILfDhw0wCC5IsgLCzQs+fnAwIHWoUAQWbSgQwcOrUwSZOEIYWKIBgQMAmCwg8SPnVQNihCbBCmaCAQYEDnMgmyHAWSRAAIfkEAAcAEwAsAAAAACAAIAAABv9AgHBILBqPyKRyyWw6n9CodEpV0qrLK/ZIo822w2t39gUDut4ZDAAyDLDkmQxGL5xsp8t7OofFYi8OJYMlBFR+gCwsIoQle1IxNYorKo0lClQ1lCoqLoQjJRxULC0upiaMIyElIFQqKSkmsg8lqiEMVC4WKBa9CCG2BlQTEgISEhYgwCEiIhlSJgvSJCQoEhsizBsHUiQZHRnfJgAIGxrnGhFQEgrt7QtCCxob5hoVok0SHgP8HAooQxjMO1fBQaslHSKA8MDQAwkiAgxouHDBgcUPHZBIAJEgQYSPEQYAJEKiwYUKFRo0ePAAAYgBHTooGECBAAEGDDp6FHAkwwNNlA5WGhh64EABBEgR2CRAwaOEJAsOOEj5YCiEokaTYlgKgqcSAQkeCDVwFetRBBiUDrDgZAGDoQbMFijwAW1XKRMUJKhbVGmEDBOUBAEAIfkEAAcAFAAsAAAAACAAIAAABv9AgHBILBqPyKRyyWw6n9CodEqFUqrJRQkHwhoRp5PtNPAKJaVTaf0xA0DqdUnhpdEK8lKDagfYZw8lIyMlBFQzdjQzMxolISElHoeLizIig490UzIwnZ0hmCKaUjAxpi8vGqAiIpJTMTWoLCwGGyIhGwxULCu9vQgbwRoQVCotxy0qHsIaFxlSKiYuKdQqEhrYGhUFUiYWJijhKgAEF80VDl1PJgsSAhMTJkILFRfoDg+jSxYZJAv/ElwMoVChQoMGDwy4UiJBgYIMGTp0mEBEwAEH6BIaQNABiQAOHgYMcKiggzwiCww4QGig5QEMI/9lUAAiQQQQIQdwUIDiSAdQAxoNQDhwoAACBBgIEGCQwOZNEAMoIllQQCNRokaRKmXaNMIAC0sEJHCJtcAHrUqbJlAAtomEBFcLmEWalEACDgKkTMiQQKlRBgxAdGiLJAgAIfkEAAcAFQAsAAAAACAAIAAABv9AgHBILBqPyKRyyWw6n0yFBtpcbHBTanLiKJVsWa2R4PXeNuLiouwdKdJERGk08ibgQ8mmFAqVIHhDICEjfSVvgQAIhH0GiUIGIiEiIgyPABoblCIDjzQboKAZcDQ0AKUamamIWjMzpTQzFakaFx5prrkzELUaFRRpMMLDBBfGDgdpLzExMMwDFxUVDg4dWi8sLC8vNS8CDdIODQhaKior2doADA7TDwa3Ty0uLi3mK0ILDw7vBhCsS1xYMGEiRQoX+IQk6GfAwIFOS1BIkGDBAgoULogIKNAPwoEDBEggsUAiA4kFEwVYaKHmQEOPHz8wGJBhwQISHQYM4KAgQ4dYkxIyGungEuaBDwgwECDAIEEEEDp5ZjBpIokEBB8LaEWQlCmFCE897FTQoaoSASC0bu3KNIFbEFAXmGUiIcEHpFyXNnUbIYMFLRMygGDAAAEBpxwW/E0SBAAh+QQABwAWACwAAAAAIAAgAAAG/0CAcEgsGo9I4iLJZAowuKa0uHicTqXpNLPBnnATLXOxKZnNUfFx8jCPzgb1kfAOhcwJuZE8GtlDA3pGGCF+hXmCRBIbIiEiIgeJRR4iGo8iGZJECBudGnGaQwYangyhQw4aqheBpwAXsBcVma6yFQ4VCq4AD7cODq2nBxXEDYh6NEQ0BL8NDx+JNNIA0gMODQbZHXoz3dI0MwIGD9kGGHowMN3dQhTk2QfBUzEx6ekyQgvZEAf9tFIsWNR4Qa/ekAgG+vUroKuJihYqVgisEYOIgA8KDxRAkGDJERcmTLhwoSIiiz0FNGpEgIFAggwkBEyQIGHBAgEWQo5UcdIIiVcPBQp8QICAAAMKCUB4GKAgQ4cFEiygMJFCRRIJBDayJGA0QQQQA5jChDrBhFUmE0AQLdo16dKmThegcKFFAggMLRkk2AtWrIQUeix0GPB1b9gOAkwwCQIAIfkEAAcAFwAsAAAAACAAIAAABv9AgHBInAw8xKRymVx8Sqcbc8oUEErYU4nKHS4e2LCN0KVmLthR+HQoMxeX0SgUCjcQbuXEEJr3SwYZeUsMIiIhhyIJg0sLGhuGIhsDjEsEjxuQEZVKEhcajxptnEkDn6AagqREGBeuFxCrSQcVFQ4Oi7JDD7a3lLpCDbYNDarADQ4NDw8KwEIGy9C/wAUG1gabzgzXBnjOAwYQEAcHHc4C4+QHDJU0SwnqBQXNeTM07kkSBQfyHwjmZWTMsOfu3hAQ/AogQECAHpUYMAQSxCdkAoEC/hgSACGBCQsWNSDCGDhDyYKFCwkwoJCAwwIBJkykcJGihQoWL0SOXEKCAAZVDCoZRADhgUOGDhIsoHBhE2ROGFMEUABKgCWIAQMUdFiQ1IQLFTdDcrEwQGWCBEOzHn2JwquLFTXcCBhwNsFVox1ILJiwdEUlCwsUDOCQdasFE1yCAAA7AAAAAAAAAAAA") no-repeat;
  background-position: 50% 50%; }

.opentok-hardware-setup .opentok-hardware-setup-camera {
  margin-bottom: 10px;
  padding: 0;
  overflow: hidden;
  text-align: left; }

.opentok-hardware-setup .opentok-hardware-setup-slider {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  cursor: pointer;
  width: 100%; }

.opentok-hardware-setup .opentok-hardware-setup-mic {
  margin-bottom: 10px;
  padding: 0;
  overflow: auto;
  text-align: left; }

.opentok-hardware-setup .opentok-hardware-setup-label {
  color: #000;
  width: 90%;
  padding-right: 10px;
  padding-top: 1px;
  line-height: 31px; }

.opentok-hardware-setup .opentok-hardware-setup-selector {
  padding: 0;
  border: 1px solid #9A9A9A;
  overflow: hidden;
  background-color: #fff;
  background: #fff;
  position: relative;
  border-radius: 3px; }

.opentok-hardware-setup .opentok-hardware-setup-selector:after {
  top: 50%;
  right: 5px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-top-color: #414141;
  border-width: 5px;
  margin-top: -2px;
  z-index: 100; }

.opentok-hardware-setup .opentok-hardware-setup-selector select::-ms-expand {
  display: none; }

.opentok-hardware-setup .opentok-hardware-setup-selector select {
  padding: 5px 8px;
  width: 100%;
  color: #414141;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .opentok-hardware-setup .opentok-hardware-setup-selector select {
    padding-right: 18px; } }

/*.opentok-hardware-setup .opentok-hardware-setup-preview {
  width: 220px;
}*/
.opentok-hardware-setup .opentok-hardware-setup-activity-bg {
  height: 14px;
  margin-top: 18px;
  width: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%22-1%200%2010%2014%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2210px%22%20height%3D%2214px%22%3E%3Cg%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%227%22%20height%3D%2214%22%20fill%3D%22%23b7b7b7%22%20rx%3D%222.415%22%20ry%3D%222.415%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  /* <svg viewBox="-1 0 10 14" version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="10px" height="14px"><g><rect x="0" y="0" width="7" height="14" fill="#ffffff" rx="2.415" ry="2.415"/></g></svg> */ }

.opentok-hardware-setup .opentok-hardware-setup-activity-fg {
  height: 14px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%22-1%200%2010%2014%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2210px%22%20height%3D%2214px%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22gradient1%22%20x1%3D%2250%25%22%20y1%3D%220%25%22%20x2%3D%2250%25%22%20y2%3D%22100%25%22%3E%3Cstop%20stop-color%3D%22%23acd24c%22%20stop-opacity%3D%221%22%20offset%3D%220%25%22%2F%3E%3Cstop%20stop-color%3D%22%233ab54a%22%20stop-opacity%3D%221%22%20offset%3D%22100%25%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Layer%25201%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%227%22%20height%3D%2214%22%20fill%3D%22url(%23gradient1)%22%20rx%3D%222.415%22%20ry%3D%222.415%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  /* <svg viewBox="-1 0 10 14" version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="10px" height="14px"><defs><linearGradient id="gradient1" x1="50%" y1="0%" x2="50%" y2="100%"><stop stop-color="#acd24c" stop-opacity="1" offset="0%"/><stop stop-color="#3ab54a" stop-opacity="1" offset="100%"/></linearGradient></defs><g id="Layer%201"><rect x="0" y="0" width="7" height="14" fill="url(#gradient1)" rx="2.415" ry="2.415"/></g></svg> */ }

/* End Opentok Device Testing */
.popup-bg {
  background: rgba(0, 0, 0, 0.75);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9999; }

.information-action-modal, .allow-devices, .device-in-use-modal, .no-mic-detected-modal {
  border-radius: 5px;
  background: #fff;
  color: #000;
  width: 591px;
  margin: 0 auto;
  text-align: center; }

#allow-devices, #unblock-devices, #internet-connection-fail, #no-mic-detected-modal, #something-went-wrong-modal {
  display: none; }

.sticky-footer {
  position: fixed;
  left: 0;
  bottom: 0;
  height: 70px;
  width: 100%;
  overflow: hidden;
  text-align: center;
  z-index: 99; }

@media (max-width: 1199px) {
  .sticky-footer {
    font-size: 14px; } }

.client-footer {
  z-index: 99; }

.stop-scrolling {
  height: 100%;
  overflow: hidden !important; }

.help-link {
  cursor: pointer;
  color: #152b75;
  font-weight: 700; }

@media (max-width: 991px) {
  .sb-mobile-padding-top {
    padding-top: 81px; }
  .sb-mobile-document-padding-top {
    padding-top: 30px; }
  .sb-mobile-signing-padding-top {
    padding-top: 60px; } }

@media (max-width: 360px) {
  .video-spinner {
    position: absolute;
    margin-left: -40px;
    margin-top: 33px;
    width: 25px;
    height: 25px; } }

.share-btn {
  width: 107px;
  float: left; }

@media (min-width: 992px) and (max-width: 1366px) {
  .valignmid2 > .video-logo {
    height: 42px !important; }
  .video-spinner {
    position: absolute;
    margin-left: -28px;
    margin-top: 12px;
    width: 18px;
    height: 18px; }
  .video-text-1 {
    height: 45px; }
  .video-text-1 > span {
    max-width: 350px;
    display: inline-block;
    height: 60px;
    font-size: 11px;
    padding-top: 0px;
    margin: 0; } }

@media (min-width: 1367px) {
  /* Document in a Room - Document list rearrangement */
  .diar-view .share-btn {
    width: 135px; }
  .diar-view .ctrls-doc-list-resize {
    width: 324px;
    position: absolute;
    top: 275px; }
  .diar-view .doc-list {
    width: auto;
    height: 292px;
    top: 177px;
    padding-left: 15px;
    overflow-y: auto;
    overflow-x: hidden; }
  .diar-view .document {
    width: 100%;
    padding: 5px; }
  .diar-view .document-list {
    width: 100%;
    padding: 5px; }
  .diar-view .document > .name {
    width: 100%; }
  .diar-view .document-list > .name {
    width: 100%; }
  .diar-view .participant-doc-list {
    top: 177px; }
  .diar-view .participant-doc-list-show-btn {
    top: 177px !important; } }

@media (min-width: 1280px) and (max-width: 1366px) {
  /* Document in a Room - Document list rearrangement */
  .diar-view .share-btn {
    width: 135px; }
  .diar-view .ctrls-doc-list-resize {
    width: 324px;
    position: absolute;
    top: 275px; }
  .diar-view .doc-list {
    width: auto;
    height: 343px;
    top: 177px;
    padding-left: 15px;
    overflow-y: auto;
    overflow-x: hidden; }
  .diar-view .document {
    width: 100%;
    padding: 5px; }
  .diar-view .document-list {
    width: 100%;
    padding: 5px; }
  .diar-view .document > .name {
    width: 100%; }
  .diar-view .document-list > .name {
    width: 100%; }
  .diar-view .participant-doc-list {
    top: 177px; }
  .diar-view .participant-doc-list-show-btn {
    top: 117px !important; }
  .document {
    width: 100%;
    border-radius: 0px;
    -webkit-box-shadow: 0 0;
            box-shadow: 0 0; }
  .document-list {
    width: 100%;
    border-radius: 0px;
    -webkit-box-shadow: 0 0;
            box-shadow: 0 0; }
  .col-md-3 .waiting, .col-md-3 .waiting-pub {
    padding-bottom: 25px; } }

@media (min-width: 992px) and (max-width: 1279px) {
  /* Document in a Room - Document list rearrangement */
  .diar-view .share-btn {
    width: 135px; }
  .diar-view .ctrls-doc-list-resize {
    width: 324px;
    position: absolute;
    top: 275px; }
  .diar-view .doc-list {
    width: auto;
    height: 343px;
    top: 177px;
    padding-left: 15px;
    overflow-y: auto;
    overflow-x: hidden; }
  .diar-view .document {
    width: 100%;
    padding: 5px; }
  .diar-view .document-list {
    width: 100%;
    padding: 5px; }
  .diar-view .document > .name {
    width: 100%; }
  .diar-view .document-list > .name {
    width: 100%; }
  .diar-view .participant-doc-list {
    top: 177px; }
  .diar-view .participant-doc-list-show-btn {
    top: 117px !important; } }

/* Recordings Modal */
.recording-modal {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  display: block;
  background: rgba(0, 0, 0, 0.75);
  border: none;
  z-index: 9999; }

/* Scheduler Page - Meeting/Meetings/Meeting-Details.php etc */
.diar-persistent .downloaded {
  color: #000; }

.diar-persistent .document-label {
  margin: 0px;
  width: 100%;
  position: relative;
  padding-right: 7px; }

/* Camera sections */
.audioViewName {
  margin: 5px 0 2px 10px; }

.left {
  float: left; }

.camSection-Sub2, .camSection-Sub3 {
  display: none; }

.camSection .fa-microphone, .camSection .fa-microphone-slash {
  color: #fff;
  background-color: #546ab0;
  font-size: 26px;
  padding: 11px 15px;
  margin: 0;
  min-height: 48px;
  min-width: 50px;
  max-width: 50px; }

.fa-microphone-slashOffline {
  background-color: #7b7b7b !important; }

.camSection .micOffline {
  background-color: #7b7b7b; }

.camSection .fa-microphone:hover, .camSection .fa-microphone-slash:hover {
  color: #fff;
  font-size: 26px;
  padding: 11px 15px;
  margin: 0;
  min-height: 48px;
  min-width: 50px;
  max-width: 50px; }

.cursorPointer, .cursorPointer:hover {
  cursor: pointer; }

.speakingIndicator {
  -webkit-box-shadow: 0px 0px 0px #546ab0;
          box-shadow: 0px 0px 0px #546ab0; }

.audioViewOnly {
  border: 1px solid #546ab0;
  background-color: #e0e0e0;
  /*padding: 10px;*/
  color: #4F5156;
  margin-bottom: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 50px;
  font-size: 16px;
  font-weight: bold; }

.audioViewOnlyOffline {
  border: 1px solid #7b7b7b;
  opacity: 0.5; }

.hostWaitingText {
  padding: 0 10px 0 10px;
  font-size: 16px; }

@media (max-width: 1366px) {
  .camViewWrapper {
    min-width: 220px; }
  .audioViewName {
    width: 113px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; } }

@media (min-width: 992px) and (max-width: 1366px) {
  .hostWaitingText {
    padding: 0 10px 0 10px;
    margin-top: -5px;
    font-size: 12px; } }

.form-control-emails {
  display: block;
  width: 100%;
  height: 40px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 32px;
  color: #152B78;
  font-weight: 400;
  vertical-align: top;
  margin-bottom: 10px;
  background-color: #f2f2f2;
  background-image: none;
  /* border: 1px solid #ccc; */
  border-radius: 4px;
  vertical-align: top;
  padding-left: 50px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 0 4px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; }

.ui-widget-overlay {
  display: none;
  position: fixed;
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999 !important;
  overflow: visible;
  opacity: .7 !important;
  /* Make sure to change both of these, as IE only sees the second one */
  filter: Alpha(Opacity=70) !important;
  background-color: black !important;
  /* This will make it darker */
  background-image: none !important;
  /* remove the defaul image provided with jquery*/ }

.chat {
  z-index: 100; }

.folder-option-select {
  width: 140px;
  height: 29px;
  border-radius: 5px;
  background: #f2f2f2;
  color: #152b75;
  font-size: 16px;
  font-weight: 500;
  float: right;
  margin-right: 15px; }

.recording-total {
  color: white;
  padding-top: 12%;
  padding-right: 28%;
  width: 100%; }

.start-recording-button {
  background-image: url("../../images/recstart.PNG");
  overflow: hidden; }

.stop-recording-button {
  background-image: url("../../images/recstop.PNG"); }

.test-devices-container {
  float: right !important;
  margin-top: 10px; }

.test-devices-container > a {
  float: right !important; }

.doc-list {
  z-index: 2 !important; }

.middleMuteButton {
  display: inline-block !important; }

@media (max-width: 991px) {
  .flexboxContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    flex-direction: column; }
  .flexboxSchedMeeting {
    width: 100%;
    position: static !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    left: 0 !important;
    margin-bottom: 10px  !important; }
  .flexboxToday {
    width: 100%;
    position: static !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    left: 0 !important;
    margin-bottom: 10px  !important; }
  .flexboxSearch {
    width: 100% !important;
    position: static !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    left: 0 !important; }
  .flexboxButton {
    position: static !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    left: 0 !important; }
  .flexboxIcon {
    top: 50px !important;
    left: 16px !important; } }

.folder-option-error {
  z-index: 2;
  position: fixed;
  background: #ffd6d6;
  color: #666;
  border-radius: 3px;
  font-size: 12px;
  padding: 9px;
  text-align: center;
  top: 170px;
  width: 210px;
  right: -215px; }

.col-md-3 .doc-list {
  padding: 0px !important; }

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
  background: #656565 !important; }

.stop-folder-select {
  pointer-events: none; }

.scheduler-doclist {
  height: auto !important;
  background: none !important;
  border: none !important;
  padding: 5px 0 !important; }

.doc-hover-controls {
  background: rgba(0, 0, 0, 0.65);
  height: 35px;
  width: 100px;
  text-align: center;
  padding: 7px;
  color: #fff !important;
  border-radius: 3px; }

.doc-disabled-button {
  background: #757575; }

.disabled-email-download-label {
  width: 430px !important;
  margin-left: -158px; }

/**
 * Tooltip Styles
 */
/* Add this attribute to the element that needs a tooltip */
.take-control-hint {
  position: relative;
  z-index: 2;
  cursor: pointer; }

.full-video-view .take-control-hint {
  margin-left: -107px; }

/* Position tooltip above the element */
.take-control-hint {
  position: absolute;
  bottom: 100%;
  left: 70%;
  margin-bottom: 5px;
  margin-left: 90px;
  padding: 10px 0px;
  width: 180px;
  border-radius: 3px;
  background-color: #000;
  background-color: rgba(51, 51, 51, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 16px;
  line-height: 1.2; }

/* Triangle hack to make tooltip look like a speech bubble */
.take-control-hint:after {
  position: absolute;
  bottom: -9%;
  left: 44%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid rgba(51, 51, 51, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0; }

#HUDDebug {
  z-index: 9999999;
  font-size: 12px;
  width: 400px;
  cursor: move;
  height: 310px;
  margin: 20px;
  color: #222;
  padding: 10px;
  position: absolute;
  bottom: 60px;
  right: 300px;
  border: 1px solid #cccccc;
  background-color: #eee; }

.row-centered {
  text-align: center; }

.col-centered {
  display: inline-block;
  float: none;
  /* reset the text-align */
  text-align: left;
  /* inline-block space fix */
  margin-right: -4px; }

.recording-playback {
  width: 100% !important;
  height: 40em; }

.support-message-container {
  text-align: center;
  margin: 5px 0 10px 0; }
  .support-message-container a {
    cursor: pointer;
    color: #ddd !important; }

.video-help-link {
  color: #546AB0 !important;
  margin-top: -5px;
  display: inline-block;
  padding: 0; }

/* Bootstrap modals set overflow to hidden
 * scrollbar disappears, and page jumps around
 * - so we override that to allow the scroll bar
 */
body .modal-open {
  overflow-y: auto; }

/*----------------------
-----Modal Dialogs------
------------------------*/
@media (min-width: 992px) {
  .modal-open .modal {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; } }

.modal-open .modal .modal-dialog {
  margin: 0 auto; }

.center-modal {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.modal-dialog {
  margin: 0 auto; }

.modal-content {
  width: inherit;
  height: inherit;
  max-height: calc(100vh - 225px);
  margin: 0 auto;
  pointer-events: all;
  background: rgba(0, 0, 0, 0.6);
  border: 0;
  border-radius: 10px;
  color: #fff;
  overflow: auto; }
  .modal-content .modal-body {
    padding: 0 20px; }
  .modal-content .modal-footer {
    padding: 0 20px;
    border-top: 0;
    margin-top: 0; }
  .modal-content .alert-modal {
    z-index: 9999;
    padding: 1em;
    min-height: inherit; }
  .modal-content .choice-modal,
  .modal-content .notification-modal {
    z-index: 9999;
    padding: 1em;
    min-height: inherit; }
  .modal-content input[name="certificatePassword"] {
    width: 100%;
    margin-top: 20px; }
  .modal-content .listing-modal {
    z-index: 9999;
    padding: 0;
    min-height: inherit; }
    .modal-content .listing-modal .listing {
      max-height: 400px;
      overflow-y: scroll; }
      @media screen and (max-height: 500px) {
        .modal-content .listing-modal .listing {
          max-height: 50vh; } }
    .modal-content .listing-modal .modal-footer {
      padding: 1em; }

trialist-modal .modal-header {
  font-size: 18px; }

trialist-modal .modal-body {
  padding: 0 15px; }
  trialist-modal .modal-body p {
    font-size: 16px; }

.background-white .modal-content {
  background-color: #fff;
  color: #000; }

.modal-sm {
  width: 400px; }
  @media screen and (max-width: 420px) {
    .modal-sm {
      width: 90vw; } }

.modal-content-doclist {
  background: white;
  border: 0;
  border-radius: 3px;
  color: #000; }

.modal-title {
  text-align: center;
  margin-top: 4px; }

.modal-header {
  border-bottom: 0 !important; }

.text-centre, .text-center, .precall-app-container .precall-title-row .precall-title {
  text-align: center; }

.popup-header {
  border-bottom: 0; }

.popup-footer {
  border-top: 0; }

.ui-dynamic-dialog {
  background-color: #fff;
  border-radius: 10px; }

.rounded {
  border-radius: 10px; }

.rounded-top {
  border-radius: 10px 10px 0 0; }

.rounded-bottom {
  border-radius: 0 0 10px 10px; }

/* vertically center bootstrap modals */
.vertical-alignment-helper {
  display: table;
  height: 100%;
  width: 100%;
  pointer-events: none; }

.vertical-align-center {
  display: table-cell;
  vertical-align: middle;
  pointer-events: none; }

.zindex-alerts {
  z-index: 99000 !important; }

#meetingModal .modal-footer {
  padding: 1em; }

.meeting-status-modal .modal-dialog {
  width: 720px; }

.meeting-status-modal .modal-body {
  margin-top: 30px; }

.meeting-status-modal .btn-modal.bottom {
  position: absolute;
  bottom: 20px;
  width: 25%;
  margin: 0 auto;
  display: block;
  left: 0;
  right: 0; }

.status-indicator {
  position: absolute;
  top: 25px;
  right: 25px; }
  .status-indicator > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%; }
  .status-indicator svg {
    width: 25px;
    height: 25px;
    margin-right: 7px; }
  .status-indicator__awaiting {
    width: 25px;
    height: 25px; }
  .status-indicator__in-progress {
    color: #F68C2B; }
    .status-indicator__in-progress svg {
      background-color: #F68C2B;
      border-radius: 50%;
      padding: 1px;
      color: white; }
  .status-indicator__complete {
    color: #57BB77; }
    .status-indicator__complete svg {
      background-color: #57BB77;
      border-radius: 50%;
      color: white;
      padding: 3px; }

poi-element {
  position: absolute;
  border-style: dotted;
  text-align: center;
  background: rgba(84, 106, 176, 0.07); }
  poi-element .message, poi-element .previous, poi-element .next {
    position: relative;
    top: -1.5em; }
  poi-element .previous, poi-element .next {
    cursor: pointer; }

poi-first-page-link {
  position: absolute;
  cursor: pointer;
  display: none; }

poi-placement-item .poi-type {
  position: relative;
  display: inline-block;
  width: 100%;
  top: -37px !important; }

.poi-placement-action {
  position: absolute;
  display: inline-block;
  width: 100%;
  bottom: -2.3em;
  left: 0;
  -webkit-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out; }
  .poi-placement-action__confirm, .poi-placement-action__cancel {
    cursor: pointer;
    float: left;
    border-bottom: 0;
    margin-right: -1px;
    position: relative;
    width: 50%;
    height: 36px;
    text-align: center;
    padding-top: 8px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
  .poi-placement-action__confirm {
    border-bottom-left-radius: 5px;
    background-color: #33b576;
    background-image: url(/img/AcceptButton-nobg.png); }
  .poi-placement-action__cancel {
    border-bottom-right-radius: 5px;
    background-color: #b53333;
    background-image: url(/img/CancelButton-nobg.png); }
  .poi-placement-action__text-inc, .poi-placement-action__text-dec, .poi-placement-action__type {
    display: none;
    background-color: #ff8c00;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center; }
  .poi-placement-action__text-inc {
    background-image: url(/img/inc-size_white.svg); }
  .poi-placement-action__text-dec {
    background-image: url(/img/dec-size_white.svg); }
  .poi-placement-action__type {
    display: block !important; }
    .poi-placement-action__type.sigType {
      background-image: url(/img/inc-size_white.svg); }
    .poi-placement-action__type.initialType {
      background-image: url(/img/dec-size_white.svg);
      margin-bottom: 15px; }
  .poi-placement-action.floating-toolbar {
    width: 250px;
    bottom: auto;
    top: -10px;
    left: -270px;
    border-radius: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: whitesmoke;
    -webkit-box-shadow: 1px 1px 5px grey;
            box-shadow: 1px 1px 5px grey;
    padding: 5px 25px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .poi-placement-action.floating-toolbar > div {
      width: 40px;
      height: 40px;
      border-radius: 50%; }
      .poi-placement-action.floating-toolbar > div.poi-placement-action__text-inc, .poi-placement-action.floating-toolbar > div.poi-placement-action__text-dec {
        display: block;
        cursor: pointer; }

.poi-placement-type__options {
  position: absolute;
  height: 0px;
  -webkit-transition: 0.2s all ease-in;
  -webkit-transition: 0.4s height ease-in;
  transition: 0.4s height ease-in;
  border-radius: 0 0 10px 10px;
  left: -270px;
  background-color: #546ab0;
  top: 20px;
  z-index: -1;
  width: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .poi-placement-type__options > div {
    display: none;
    color: white;
    opacity: 0;
    -webkit-transition: 0.3s all ease-in;
    transition: 0.3s all ease-in; }

.poi-placement-type.open {
  height: 100px;
  padding: 0 10px; }
  .poi-placement-type.open > div {
    display: block;
    opacity: 1; }

.data-float {
  position: absolute;
  left: -198px;
  text-align: left;
  background-color: #333;
  padding: 6px;
  top: 0;
  max-height: 140px;
  overflow: scroll; }
  .data-float p {
    font-family: monospace;
    margin: 0;
    font-size: 10px; }

input.poi-radio-tab {
  position: absolute;
  left: -99999em;
  top: -99999em; }
  input.poi-radio-tab + label {
    cursor: pointer;
    float: left;
    border-bottom: 0;
    background-color: #e8e8e8;
    margin-right: -1px;
    position: relative;
    width: 50%;
    height: 36px;
    text-align: center;
    padding-top: 8px;
    color: #2f2f2f;
    font-size: 12px; }
    input.poi-radio-tab + label:hover {
      background-color: #eee; }
  input.poi-radio-tab:checked + label {
    background-color: #546ab0;
    color: #fff;
    z-index: 1; }

.poi-sign {
  border-top-left-radius: 5px; }

.poi-initial {
  border-top-right-radius: 5px; }

#docsroot {
  background: #48494a;
  width: 100%;
  overflow: auto;
  height: 100vh; }
  @media screen and (max-width: 991px) {
    #docsroot {
      left: 0;
      overflow-x: scroll;
      overflow-y: none;
      right: 0;
      z-index: 2;
      bottom: 0;
      height: 90vh; }
      #docsroot.signing-toolbar-visible {
        height: 85vh; } }
  @media screen and (max-width: 991px) and (orientation: landscape) {
    #docsroot {
      height: 82vh; }
      #docsroot.signing-toolbar-visible {
        height: 75vh; } }
  #docsroot .mobile-hide-toolbar {
    top: 0; }
  #docsroot canvas {
    margin-left: auto;
    margin-right: auto;
    display: block; }
  #docsroot.showscroll {
    overflow-y: scroll !important; }
  #docsroot.hidescroll {
    overflow-y: hidden !important; }

.document-toolbar {
  background: #55585d;
  color: white;
  display: table;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .document-toolbar {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 3; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .document-toolbar {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 3; } }
  .document-toolbar toolbar-document-container {
    display: inline-block;
    width: 100%;
    height: 38px;
    background: #2e2e2e;
    font-size: 12px;
    margin-bottom: -5px; }
    @media screen and (max-width: 360px) {
      .document-toolbar toolbar-document-container {
        font-size: 9px; } }
    .document-toolbar toolbar-document-container .document-name {
      display: inline-block;
      padding: 10px 15px;
      list-style: none; }
      .document-toolbar toolbar-document-container .document-name ul {
        padding: 0; }
      .document-toolbar toolbar-document-container .document-name li {
        display: inline; }
        .document-toolbar toolbar-document-container .document-name li::before {
          content: ' > '; }
        .document-toolbar toolbar-document-container .document-name li:first-child::before {
          content: ''; }
    .document-toolbar toolbar-document-container .truncate {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .document-toolbar toolbar-document-container .page-number {
      display: inline-block;
      padding: 10px 15px; }
  .document-toolbar toolbar-signing-container {
    font-size: 12px;
    display: inline; }
    @media screen and (max-width: 360px) {
      .document-toolbar toolbar-signing-container {
        font-size: 9px; } }
  .document-toolbar .toolbar-divider {
    width: 1px;
    height: 32px;
    position: relative;
    top: 0;
    display: inline-block;
    margin-right: 6px; }
  .document-toolbar span .toolbar-button {
    display: inline-block;
    height: 38px;
    min-width: 109px;
    width: auto;
    padding: 0 10px;
    text-align: center;
    line-height: 38px;
    font-size: 14px; }
    @media screen and (max-width: 360px) {
      .document-toolbar span .toolbar-button {
        font-size: 8px;
        min-width: 50px;
        width: auto;
        padding: 0; } }
    @media screen and (min-width: 361px) and (max-width: 767px) {
      .document-toolbar span .toolbar-button {
        font-size: 12px;
        min-width: 67px;
        width: auto;
        padding: 0; } }
    .document-toolbar span .toolbar-button:first {
      padding-left: 8px; }
      @media screen and (max-width: 767px) {
        .document-toolbar span .toolbar-button:first {
          padding: 0; } }
  .document-toolbar span .enabled {
    cursor: pointer; }
    .document-toolbar span .enabled:hover {
      background: #727171; }
  .document-toolbar span:hover {
    color: white; }
  .document-toolbar span .disabled {
    cursor: default; }
    .document-toolbar span .disabled:hover {
      background: none; }
  .document-toolbar .toolbar-dropdown {
    font-size: 12px; }
    @media screen and (max-width: 360px) {
      .document-toolbar .toolbar-dropdown {
        font-size: 8px; } }
    .document-toolbar .toolbar-dropdown button {
      font-size: 12px; }
      @media screen and (max-width: 360px) {
        .document-toolbar .toolbar-dropdown button {
          font-size: 8px; } }
    .document-toolbar .toolbar-dropdown .dropdown-menu {
      color: white;
      background: #57585D; }
      .document-toolbar .toolbar-dropdown .dropdown-menu .toolbar-button {
        height: auto;
        width: 100%;
        line-height: auto;
        font-size: 12px;
        background: inherit; }
        .document-toolbar .toolbar-dropdown .dropdown-menu .toolbar-button > span.enabled {
          background: inherit; }
        @media screen and (max-width: 360px) {
          .document-toolbar .toolbar-dropdown .dropdown-menu .toolbar-button {
            font-size: 8px; } }
  .document-toolbar .toolbar-disabled {
    pointer-events: none;
    color: rgba(255, 255, 255, 0.5); }
  .document-toolbar toolbar-complete-button > span.enabled {
    background: #388ba8; }
  .document-toolbar toolbar-finalize-button > span.enabled {
    background: #6a4a99; }
  .document-toolbar toolbar-signature-button > span.enabled {
    background: #546ab0; }
  .document-toolbar toolbar-control-button > span.toolbar-button {
    background: #546ab0; }
  .document-toolbar toolbar-close-button > span.toolbar-button {
    min-width: 0;
    width: auto; }
  .document-toolbar img .pdfzoom {
    padding-bottom: 2px; }
  .document-toolbar img .pdfsign {
    padding-bottom: 4px;
    margin-left: 10px;
    padding-right: 7px; }
  .document-toolbar img .maximisescreenshare {
    padding-bottom: 2px;
    margin-left: 6px;
    padding-right: 5px; }
  .document-toolbar img .save-signature {
    padding-bottom: 2px;
    padding-right: 4px; }
  .document-toolbar img .addtext {
    padding-bottom: 4px;
    padding-right: 6px; }
  .document-toolbar img .pdfupdate {
    padding-bottom: 4px;
    padding-right: 6px; }
  .document-toolbar img .pdfdownload {
    padding-bottom: 6px;
    padding-right: 3px; }
  .document-toolbar img .pdfclose {
    margin-left: -4px;
    padding-bottom: 4px; }
  .document-toolbar img .pdfprint {
    padding-right: 4px;
    padding-bottom: 2px; }

document-instructions {
  color: #7a7c7f;
  z-index: 200; }
  document-instructions .expanded {
    position: fixed;
    right: 0;
    top: 88px;
    bottom: 0;
    z-index: 200;
    overflow: visible;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    width: 17%;
    background-color: #c8c8c8; }
    @media screen and (min-width: 992px) and (max-width: 1199px) {
      document-instructions .expanded {
        width: 20%; } }
    @media screen and (min-width: 361px) and (max-width: 991px) {
      document-instructions .expanded {
        width: 30%; } }
    @media screen and (max-width: 360px) {
      document-instructions .expanded {
        width: 35%; } }
  document-instructions .instructions-header {
    background-color: #e8e8e8;
    padding: 10px;
    font-size: 18px;
    font-weight: 400; }
    @media (max-width: 991px) {
      document-instructions .instructions-header {
        padding: 5px;
        font-size: 14px;
        font-weight: 400; } }
    document-instructions .instructions-header span.title {
      color: #3e3e3e; }
    document-instructions .instructions-header i {
      color: #3e3e3e; }
      document-instructions .instructions-header i:hover {
        cursor: pointer; }
  document-instructions .instructions-content {
    padding: 5px;
    margin: 10px;
    background-color: #e8e8e8;
    color: #7a7c7f; }
    @media screen and (max-width: 991px) {
      document-instructions .instructions-content {
        padding: 5px;
        margin: 5px; } }
    document-instructions .instructions-content p,
    document-instructions .instructions-content span {
      font-size: 16px; }
      @media screen and (max-width: 991px) {
        document-instructions .instructions-content p,
        document-instructions .instructions-content span {
          font-size: 12px; } }
  document-instructions .collapsed {
    position: fixed;
    right: 0;
    top: 88px;
    z-index: 10;
    overflow: visible;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    width: 2em;
    height: 10em;
    background-color: #FFF;
    -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
            writing-mode: vertical-lr;
    text-orientation: sideways;
    text-align: center; }
    document-instructions .collapsed span.title {
      padding-left: 0.25em;
      color: white;
      font-size: 18px;
      font-weight: 400;
      margin-left: 15px; }
      @media screen and (max-width: 991px) {
        document-instructions .collapsed span.title {
          font-size: 14px;
          margin-left: 5px; } }
    document-instructions .collapsed:hover {
      cursor: pointer; }

.documentsinroom-heading {
  color: white;
  border-bottom: 1px #afafae solid;
  text-align: left;
  padding: 6px 12px;
  font-weight: 600; }

.documentsinroom-content {
  height: 225px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  top: 20px;
  max-height: 284px; }
  .documentsinroom-content .downloaded {
    color: #000; }
  .documentsinroom-content .document-label {
    width: 100%;
    margin: 0; }

.documentsinroom {
  border-spacing: 0;
  border: 1px #afafae solid;
  width: 100%; }

.document-label {
  margin: 3.5px;
  width: 97%;
  position: relative; }

folder-item.mobile-folder .folder {
  background: initial;
  padding: 10px 0;
  border-top: 1px #7A7C7F solid;
  margin-right: initial;
  height: 47px;
  margin-bottom: initial; }
  folder-item.mobile-folder .folder .name {
    color: inherit;
    font-size: inherit; }
    folder-item.mobile-folder .folder .name img {
      background: initial;
      padding-right: 8px;
      padding-top: 6px;
      padding-bottom: 4px; }

folder-item .folder {
  width: 100%;
  border-radius: 0;
  border: 0;
  -webkit-box-shadow: 0 0;
          box-shadow: 0 0;
  display: inline-block;
  vertical-align: top;
  margin-right: 9px;
  height: 52px; }
  @media (min-width: 992px) {
    folder-item .folder:nth-child(odd) {
      background: #e2e5ec;
      margin-bottom: 1px;
      cursor: pointer;
      padding: 13px 14px;
      border-left: 2px solid #546ab0; }
      folder-item .folder:nth-child(odd):hover {
        background: #cfd4e0;
        -webkit-transition: background-color .5s ease-out;
        transition: background-color .5s ease-out; } }
  @media (min-width: 768px) and (max-width: 991px) {
    folder-item .folder {
      background: initial;
      border-top: 1px #7A7C7F solid;
      margin-right: initial;
      height: 60px;
      margin-bottom: initial; } }
  folder-item .folder:hover {
    cursor: pointer; }
  folder-item .folder .name {
    color: #000;
    font-weight: 400;
    display: block;
    width: 100%;
    font-size: 14px; }
    folder-item .folder .name img {
      float: right;
      position: relative;
      display: inline-block;
      top: 1px;
      cursor: pointer;
      z-index: 1; }
    folder-item .folder .name .foldername {
      max-width: 90%;
      display: inline-block;
      text-overflow: ellipsis;
      word-break: normal;
      white-space: nowrap;
      overflow: hidden; }
    folder-item .folder .name .folder-file-count {
      padding: 5px 11px;
      background: white;
      border-radius: 50px;
      margin-top: -2px; }
  folder-item .folder .document-button-container {
    color: #28a0bf;
    font-weight: bold;
    display: block;
    width: 100%; }
  folder-item .folder .duration {
    color: #A0A2A3;
    display: block;
    font-size: 14px;
    padding: 0 4px 4px 8px; }

.document-list {
  display: inline-block;
  overflow-x: hidden;
  width: 100%;
  border-radius: 0;
  border: 0;
  -webkit-box-shadow: 0 0;
          box-shadow: 0 0;
  padding: 6px 15px !important;
  cursor: pointer; }
  @media (min-width: 1367px) {
    .document-list {
      padding: 13px 20px; } }
  .document-list:hover {
    cursor: pointer; }
  .document-list.fullwidth {
    width: 100%;
    padding: 5px; }
  .document-list .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .document-list .document-button-container {
    color: #28a0bf;
    font-weight: bold;
    display: block;
    width: 100%; }
  .document-list .name {
    color: #000;
    font-weight: 700;
    display: block;
    width: 100%;
    font-size: 14px; }
    @media (max-width: 991px) {
      .document-list .name {
        color: inherit; } }
    .document-list .name img {
      float: right;
      position: relative;
      top: 1px;
      cursor: pointer;
      z-index: 1; }
    .document-list .name .foldername {
      max-width: 90%;
      display: inline-block;
      text-overflow: ellipsis;
      word-break: normal;
      white-space: nowrap;
      overflow: hidden; }
  .document-list .downloaded {
    font-size: 12px;
    color: #737373;
    margin-top: -4px;
    float: left; }
  .document-list .deletedocumentbtn {
    float: right;
    background-color: #ce375c;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    background-image: url("/img/CancelButton-nobg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }
  .document-list .doc-signed {
    float: right;
    width: 10px; }
  .document-list .date {
    margin-right: 4px;
    font-size: 12px;
    float: right;
    color: #737373; }
  .document-list .duration {
    color: #A0A2A3;
    display: block;
    font-size: 14px;
    padding: 0 4px 4px 8px; }

.document-button {
  margin-top: 0 !important; }

.document-button-highlighted {
  background-color: #e1e6f7 !important; }

@media (max-width: 991px) {
  .doc-list {
    display: none; } }

.host-progress-bar {
  background-color: #28a0bf; }

.participant-progress-bar {
  background-color: #7a99eb; }

.documentprogress {
  height: 5px;
  margin-bottom: 2px;
  display: block; }
  .documentprogress .progress-bar {
    height: 5px;
    margin-bottom: 5px;
    margin-right: 4px; }

.listing.modal-content.listing-modal {
  max-height: 420px; }

.select-document-modal .modal-dialog {
  width: 66% !important; }
  .select-document-modal .modal-dialog .view-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute; }
    .select-document-modal .modal-dialog .view-select .svgIcon {
      width: 20px;
      cursor: pointer; }
      .select-document-modal .modal-dialog .view-select .svgIcon:nth-of-type(1) {
        margin-right: 10px; }
      .select-document-modal .modal-dialog .view-select .svgIcon svg path, .select-document-modal .modal-dialog .view-select .svgIcon svg g {
        stroke: #28a0bf;
        fill: #28a0bf; }
    .select-document-modal .modal-dialog .view-select + .text-centre {
      margin-bottom: 15px; }
  .select-document-modal .modal-dialog .document-list {
    padding: 18px 30px !important; }
    .select-document-modal .modal-dialog .document-list > .row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: auto;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap; }
      .select-document-modal .modal-dialog .document-list > .row .col-md-4 {
        margin-bottom: 35px;
        /* list view */ }
        .select-document-modal .modal-dialog .document-list > .row .col-md-4 div {
          width: 100%; }
        .select-document-modal .modal-dialog .document-list > .row .col-md-4 .document-inner {
          border: 1px solid #28a0bf;
          border-radius: 4px;
          text-align: center;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-flow: row wrap;
                  flex-flow: row wrap;
          padding: 15px;
          height: 100%;
          max-height: 200px; }
          .select-document-modal .modal-dialog .document-list > .row .col-md-4 .document-inner:hover {
            background-color: #ec711730; }
          .select-document-modal .modal-dialog .document-list > .row .col-md-4 .document-inner .document-delete {
            position: absolute;
            top: -10px;
            right: 4px;
            background-color: #ce375c;
            border-radius: 50%;
            width: 25px;
            height: 25px;
            background-image: url("/img/CancelButton-nobg.png");
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain; }
          .select-document-modal .modal-dialog .document-list > .row .col-md-4 .document-inner .document-icon img, .select-document-modal .modal-dialog .document-list > .row .col-md-4 .document-inner .document-icon object, .select-document-modal .modal-dialog .document-list > .row .col-md-4 .document-inner .document-icon .svgIcon {
            max-height: 45px; }
            .select-document-modal .modal-dialog .document-list > .row .col-md-4 .document-inner .document-icon img svg, .select-document-modal .modal-dialog .document-list > .row .col-md-4 .document-inner .document-icon object svg, .select-document-modal .modal-dialog .document-list > .row .col-md-4 .document-inner .document-icon .svgIcon svg {
              height: 45px; }
              .select-document-modal .modal-dialog .document-list > .row .col-md-4 .document-inner .document-icon img svg #bg, .select-document-modal .modal-dialog .document-list > .row .col-md-4 .document-inner .document-icon img svg path, .select-document-modal .modal-dialog .document-list > .row .col-md-4 .document-inner .document-icon img svg g, .select-document-modal .modal-dialog .document-list > .row .col-md-4 .document-inner .document-icon object svg #bg, .select-document-modal .modal-dialog .document-list > .row .col-md-4 .document-inner .document-icon object svg path, .select-document-modal .modal-dialog .document-list > .row .col-md-4 .document-inner .document-icon object svg g, .select-document-modal .modal-dialog .document-list > .row .col-md-4 .document-inner .document-icon .svgIcon svg #bg, .select-document-modal .modal-dialog .document-list > .row .col-md-4 .document-inner .document-icon .svgIcon svg path, .select-document-modal .modal-dialog .document-list > .row .col-md-4 .document-inner .document-icon .svgIcon svg g {
                fill: #28a0bf;
                stroke: #28a0bf; }
          .select-document-modal .modal-dialog .document-list > .row .col-md-4 .document-inner .document-name {
            margin: 10px 0; }
            .select-document-modal .modal-dialog .document-list > .row .col-md-4 .document-inner .document-name:hover > .meeting-tooltip {
              display: inline-block; }
              .select-document-modal .modal-dialog .document-list > .row .col-md-4 .document-inner .document-name:hover > .meeting-tooltip .meeting-tooltip-text {
                visibility: visible;
                opacity: 1;
                -webkit-transition: visibility 0.2s linear,opacity 0.2s linear 1s;
                transition: visibility 0.2s linear,opacity 0.2s linear 1s; }
            .select-document-modal .modal-dialog .document-list > .row .col-md-4 .document-inner .document-name .documentname {
              word-break: break-word; }
          .select-document-modal .modal-dialog .document-list > .row .col-md-4 .document-inner .meeting-tooltip {
            position: relative; }
            .select-document-modal .modal-dialog .document-list > .row .col-md-4 .document-inner .meeting-tooltip .meeting-tooltip-text {
              visibility: hidden;
              opacity: 0;
              -webkit-transition: visibility 0.2s linear,opacity 0.2s linear 0s;
              transition: visibility 0.2s linear,opacity 0.2s linear 0s;
              width: 100%;
              background-color: black;
              color: #fff;
              font-weight: bold;
              text-align: center;
              border-radius: 6px;
              position: absolute;
              z-index: 1;
              left: 0;
              padding: 10px;
              top: 14px; }
              .select-document-modal .modal-dialog .document-list > .row .col-md-4 .document-inner .meeting-tooltip .meeting-tooltip-text:before {
                content: '';
                display: block;
                width: 0;
                height: 0;
                position: absolute;
                border-top: 8px solid TRANSPARENT;
                border-bottom: 8px solid BLACK;
                border-right: 8px solid TRANSPARENT;
                left: 46%;
                border-LEFT: 8px solid TRANSPARENT;
                top: -15px; }
          .select-document-modal .modal-dialog .document-list > .row .col-md-4 .document-inner .document-date .date {
            float: none; }
        .select-document-modal .modal-dialog .document-list > .row .col-md-4.list-view {
          width: 100% !important;
          margin-bottom: 15px !important; }
          .select-document-modal .modal-dialog .document-list > .row .col-md-4.list-view .document-inner {
            text-align: left !important;
            display: block;
            max-height: 80px; }
            .select-document-modal .modal-dialog .document-list > .row .col-md-4.list-view .document-inner div:not(.document-delete) {
              width: auto; }
              .select-document-modal .modal-dialog .document-list > .row .col-md-4.list-view .document-inner div:not(.document-delete).document-icon {
                margin-right: 10px;
                float: left; }
              .select-document-modal .modal-dialog .document-list > .row .col-md-4.list-view .document-inner div:not(.document-delete).document-name {
                margin: 0 0 10px 0;
                position: relative; }
                .select-document-modal .modal-dialog .document-list > .row .col-md-4.list-view .document-inner div:not(.document-delete).document-name .meeting-tooltip {
                  width: 100% !important;
                  position: absolute !important;
                  left: 50px;
                  top: 30px; }
                  .select-document-modal .modal-dialog .document-list > .row .col-md-4.list-view .document-inner div:not(.document-delete).document-name .meeting-tooltip .meeting-tooltip-text {
                    width: auto !important;
                    top: auto;
                    left: auto; }

.camViewElement {
  height: 100%;
  width: 100%;
  background: rgba(250, 250, 250, 0.7);
  margin-bottom: 5px; }
  .camViewElement -webkit-full-screen,
  .camViewElement -moz-full-screen,
  .camViewElement -ms-full-screen,
  .camViewElement -o-full-screen,
  .camViewElement full-screen {
    width: 100%;
    height: 100%; }
  @media (max-width: 991px) {
    .camViewElement {
      height: 100%;
      border: 0;
      margin-bottom: 15px; } }
  @media (max-width: 991px) and (orientation: landscape) {
    .camViewElement {
      height: 100%; } }
  @media (min-width: 992px) {
    .camViewElement {
      height: 100%; } }

.waiting {
  height: 100%;
  width: 100%;
  background: rgba(250, 250, 250, 0.7);
  margin-bottom: 5px;
  background: #e9e9e9;
  text-align: center; }
  .waiting -webkit-full-screen,
  .waiting -moz-full-screen,
  .waiting -ms-full-screen,
  .waiting -o-full-screen,
  .waiting full-screen {
    width: 100%;
    height: 100%; }
  @media (max-width: 991px) {
    .waiting {
      height: 100%;
      border: 0;
      margin-bottom: 15px; } }
  @media (max-width: 991px) and (orientation: landscape) {
    .waiting {
      height: 100%; } }
  @media (min-width: 992px) {
    .waiting {
      height: 100%; } }

.primary-content {
  position: inherit; }
  .primary-content .camViewElement {
    height: 480px;
    max-height: inherit; }
    @media (max-width: 991px) {
      .primary-content .camViewElement {
        height: 100%; } }
  @media (max-width: 991px) and (orientation: landscape) {
    .primary-content .camViewElement {
      height: 100%; } }
  @media (min-width: 992px) {
    .primary-content {
      position: absolute;
      top: 0; }
      .primary-content .waiting {
        height: 480px;
        max-height: inherit; } }

.camSection {
  padding-bottom: 0 !important; }
  @media screen and (max-width: 991px) and (orientation: landscape) {
    .camSection > div.row {
      float: left; }
      .camSection > div.row > div.col-xs-12 {
        width: 50vw;
        margin-left: 5px;
        margin-right: 5px; } }

#screen-publisher,
#screen-subscriber {
  height: 100%;
  width: 100%;
  background: rgba(250, 250, 250, 0.7);
  margin-bottom: 5px; }
  #screen-publisher -webkit-full-screen,
  #screen-publisher -moz-full-screen,
  #screen-publisher -ms-full-screen,
  #screen-publisher -o-full-screen,
  #screen-publisher full-screen,
  #screen-subscriber -webkit-full-screen,
  #screen-subscriber -moz-full-screen,
  #screen-subscriber -ms-full-screen,
  #screen-subscriber -o-full-screen,
  #screen-subscriber full-screen {
    width: 100%;
    height: 100%; }
  @media (max-width: 991px) {
    #screen-publisher,
    #screen-subscriber {
      height: 100%;
      border: 0;
      margin-bottom: 15px; } }
  @media (max-width: 991px) and (orientation: landscape) {
    #screen-publisher,
    #screen-subscriber {
      height: 100%; } }
  @media (min-width: 992px) {
    #screen-publisher,
    #screen-subscriber {
      height: 100%; } }
  #screen-publisher video::-webkit-media-controls,
  #screen-subscriber video::-webkit-media-controls {
    display: none !important; }

.subMain-default-inner {
  position: absolute; }

.vid-overlay {
  position: absolute;
  min-width: 320px; }
  @media (max-width: 991px) {
    .vid-overlay {
      position: relative;
      min-width: auto; } }

.low-res-video {
  margin: 0 auto;
  width: 100%; }

.device-label {
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  z-index: 2;
  padding: 3px 7px;
  font-size: 13px;
  color: #fff;
  right: 15px; }

@media (min-width: 992px) {
  #ShowSubscriber2Spinners .device-label,
  #ShowSubscriber3Spinners .device-label {
    right: 15px !important; } }

@media (max-width: 991px) {
  .subSmallVideoMode {
    width: 100%; } }

@media (max-width: 991px) {
  .cam-sec-2,
  .cam-sec-3 {
    margin-bottom: 5px; } }

@media (max-width: 991px) {
  .stream-hide-on-doc-load {
    -webkit-transform: translate(-100vw, -100vh);
            transform: translate(-100vw, -100vh);
    height: 0;
    width: 0;
    overflow: hidden; } }

/************************
* Grand Parent Containers
*************************/
.precall-stand-alone-app-container {
  margin: 0;
  height: 100vh;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow: hidden; }
  .precall-stand-alone-app-container .precall-navbar {
    margin: 0 0 0 0;
    display: block;
    width: 100%;
    height: 5em;
    margin-bottom: .5em; }
  .precall-stand-alone-app-container .precall-container {
    padding: 0em 0em 0em 0em;
    /* overflow: hidden; */ }
    .precall-stand-alone-app-container .precall-container .precall-app-container > .precall-result-container {
      height: 75vh;
      overflow: auto;
      overflow-x: hidden; }
  .precall-stand-alone-app-container .precall-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2em;
    text-align: center;
    background-color: #55585d; }
    .precall-stand-alone-app-container .precall-footer p {
      font-size: 0.7em; }

.settings-widget {
  display: block;
  text-align: right; }
  .settings-widget .widget-ico, .settings-widget .precall-test-widget .precall-test-widget-ico-pass, .settings-widget .precall-test-widget .precall-test-widget-ico-warn, .settings-widget .precall-test-widget .precall-test-widget-ico-fatal, .settings-widget .precall-test-widget .precall-test-widget-ico-unassessed, .settings-widget .hardware-settings-widget .hardware-setting-widget-ico {
    background-size: contain;
    width: 1.2em;
    height: 1.2em;
    background-repeat: no-repeat;
    margin-right: 1em;
    display: inline-block; }
  .settings-widget .precall-test-widget {
    cursor: pointer;
    display: inline-block;
    width: 100%; }
    .settings-widget .precall-test-widget .precall-test-widget-label {
      display: inline-block;
      text-align: right;
      float: right;
      margin-left: 5px;
      padding-right: 0px; }
    .settings-widget .precall-test-widget .precall-test-widget-ico-default, .settings-widget .precall-test-widget .precall-test-widget-ico-pass, .settings-widget .precall-test-widget .precall-test-widget-ico-warn, .settings-widget .precall-test-widget .precall-test-widget-ico-fatal, .settings-widget .precall-test-widget .precall-test-widget-ico-unassessed {
      text-align: right;
      padding-right: 0px;
      margin-right: 0px;
      -webkit-transform: translate(-0.3em);
              transform: translate(-0.3em); }
    .settings-widget .precall-test-widget .precall-test-widget-ico-pass {
      background-image: url("/img/precall-status-pass.png"); }
    .settings-widget .precall-test-widget .precall-test-widget-ico-warn {
      background-image: url("/img/precall-status-warn.png"); }
    .settings-widget .precall-test-widget .precall-test-widget-ico-fatal {
      background-image: url("/img/precall-status-fail.png"); }
    .settings-widget .precall-test-widget .precall-test-widget-ico-unassessed {
      background-image: url("/img/precall-status-none.png"); }
  .settings-widget .hardware-settings-widget {
    cursor: pointer;
    display: inline-block;
    width: 100%; }
    .settings-widget .hardware-settings-widget .hardware-setting-widget-ico {
      text-align: right;
      padding-right: 0;
      margin-right: 0;
      background-image: url("/img/hardware-settings.png"); }
    .settings-widget .hardware-settings-widget .hardware-setting-widget-label {
      float: right;
      text-align: right;
      margin-left: 5px;
      padding-right: 0px; }

.precall-app-container {
  font-size: 1rem;
  color: #000;
  background-color: #fff;
  border-radius: .3em;
  padding: 1em 3em 0em 3em;
  width: 100%;
  /******************
    * Parent Containers
    *******************/
  /*********************
    * Results Containers
    **********************/
  /******************
    * Animation Objects
    *******************/ }
  @media (min-width: 480px) and (max-width: 768px) {
    .precall-app-container .precall-app-container {
      font-size: 1rem; } }
  @media (min-width: 480px) and (max-width: 768px) {
    .precall-app-container .precall-app-container {
      font-size: 1.2rem; } }
  @media (min-width: 768px) {
    .precall-app-container .precall-app-container {
      font-size: 1.4rem; } }
  @media (min-width: 992px) {
    .precall-app-container .precall-app-container {
      font-size: 1.6rem; } }
  .precall-app-container .precall-close-button {
    font-size: 1.75em;
    color: #a3a6a7;
    margin-right: -1.15em;
    float: right;
    width: 2em; }
  .precall-app-container .precall-container-defaults, .precall-app-container .precall-results-container, .precall-app-container .precall-loading-container {
    background: #fff;
    overflow-x: hidden; }
  .precall-app-container .precall-quality-test-modal p {
    margin-bottom: 0 !important; }
  .precall-app-container .precall-pass-col-bg {
    background-color: #e7f7ef; }
  .precall-app-container .precall-warn-col-bg {
    background-color: #f9ebd9; }
  .precall-app-container .precall-fatal-col-bg {
    background-color: #fef3ec; }
  .precall-app-container .precall-title-row {
    font-size: 0.9em;
    padding: 0.8em 1.5em 1em 2em;
    text-align: center; }
    .precall-app-container .precall-title-row h3 {
      margin: 0 0 0 0; }
    .precall-app-container .precall-title-row .precall-title-icon {
      max-width: 2em;
      max-height: 2em;
      -webkit-transform: scale(1.3) translate(-1em, 0.6em);
              transform: scale(1.3) translate(-1em, 0.6em); }
  .precall-app-container .precall-run-setting-container {
    font-size: 1.6em; }
    .precall-app-container .precall-run-setting-container input[type=checkbox] {
      -webkit-transform: scale(1.4);
              transform: scale(1.4); }
  .precall-app-container .precallResult, .precall-app-container .result-header, .precall-app-container .passResult, .precall-app-container .warnResult, .precall-app-container .fatalResult, .precall-app-container .unassesedResult {
    display: inline-block;
    width: 100%;
    border: 0.1em solid #fff; }
    .precall-app-container .precallResult .result-content, .precall-app-container .result-header .result-content, .precall-app-container .passResult .result-content, .precall-app-container .warnResult .result-content, .precall-app-container .fatalResult .result-content, .precall-app-container .unassesedResult .result-content {
      margin-top: -0%;
      margin-bottom: -5%;
      min-height: 8em; }
      .precall-app-container .precallResult .result-content b, .precall-app-container .result-header .result-content b, .precall-app-container .passResult .result-content b, .precall-app-container .warnResult .result-content b, .precall-app-container .fatalResult .result-content b, .precall-app-container .unassesedResult .result-content b {
        font-size: 1.2em; }
      .precall-app-container .precallResult .result-content p, .precall-app-container .result-header .result-content p, .precall-app-container .passResult .result-content p, .precall-app-container .warnResult .result-content p, .precall-app-container .fatalResult .result-content p, .precall-app-container .unassesedResult .result-content p {
        font-size: 1.5em;
        line-height: normal; }
      .precall-app-container .precallResult .result-content .precall-required-label, .precall-app-container .result-header .result-content .precall-required-label, .precall-app-container .passResult .result-content .precall-required-label, .precall-app-container .warnResult .result-content .precall-required-label, .precall-app-container .fatalResult .result-content .precall-required-label, .precall-app-container .unassesedResult .result-content .precall-required-label {
        font-size: 0.7em;
        display: inline;
        color: red; }
  .precall-app-container .result-header {
    background-color: #f6f6f6;
    padding-left: 1em;
    padding-top: 1em;
    max-height: 4em; }
  .precall-app-container .passResult {
    background-color: #e7f7ef; }
  .precall-app-container .warnResult {
    background-color: #f9ebd9; }
  .precall-app-container .fatalResult {
    background-color: #fef3ec; }
  .precall-app-container .unassesedResult {
    background-color: #f6f6f6; }
  .precall-app-container .precall-required-label {
    color: red; }
  .precall-app-container .precall-ico, .precall-app-container .precall-fatal-ico, .precall-app-container .precall-warn-ico, .precall-app-container .precall-pass-ico {
    background-size: contain;
    width: 3.2em;
    height: 3.2em;
    background-repeat: no-repeat;
    margin-left: 0.8em;
    margin-bottom: 0.7em; }
  .precall-app-container .precall-fatal-ico {
    background-image: url("/img/precall-component-fail.png"); }
  .precall-app-container .precall-warn-ico {
    background-image: url("/img/precall-component-warn.png"); }
  .precall-app-container .precall-pass-ico {
    background-image: url("/img/precall-component-pass.png"); }
  .precall-app-container .precall-loading-container {
    height: 100%;
    width: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .precall-app-container .precall-loading-container .precall-step-label {
      font-size: 1.5em; }
    .precall-app-container .precall-loading-container .loading-spinner {
      -webkit-animation: rotate 2.625s linear infinite;
              animation: rotate 2.625s linear infinite;
      height: 3em;
      -webkit-transform-origin: center;
              transform-origin: center;
      width: auto;
      margin: 2rem, 2rem, 2rem, 2rem; }
      .precall-app-container .precall-loading-container .loading-spinner .path {
        -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out 0.75s infinite;
                animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out 0.75s infinite;
        stroke: #ddd;
        stroke-linecap: round; }

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 0, 150;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 100, 150;
    stroke-dashoffset: -24; }
  100% {
    stroke-dasharray: 0, 150;
    stroke-dashoffset: -124; } }

@keyframes dash {
  0% {
    stroke-dasharray: 0, 150;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 100, 150;
    stroke-dashoffset: -24; }
  100% {
    stroke-dasharray: 0, 150;
    stroke-dashoffset: -124; } }

@-webkit-keyframes color {
  0%, 100% {
    stroke: #ddd; }
  25% {
    stroke: #ddd; }
  50% {
    stroke: #ddd; }
  75% {
    stroke: #ddd; } }

@keyframes color {
  0%, 100% {
    stroke: #ddd; }
  25% {
    stroke: #ddd; }
  50% {
    stroke: #ddd; }
  75% {
    stroke: #ddd; } }

@media (min-width: 768px) {
  .page__thank-you header.banner.scrolled .menu-primary-navigation-container ul:not(.sub-menu) > li:last-of-type > a, .page__free-trial header.banner.scrolled .menu-primary-navigation-container ul:not(.sub-menu) > li:last-of-type > a, .page__verificationCheckFail header.banner.scrolled .menu-primary-navigation-container ul:not(.sub-menu) > li:last-of-type > a {
    background: #f68c2b;
    background: -webkit-gradient(linear, right top, left top, from(#fbbc34), color-stop(18%, #f68c2b), to(#f68c2b));
    background: linear-gradient(270deg, #fbbc34 0%, #f68c2b 18%, #f68c2b 100%);
    font-size: 20px;
    color: white;
    line-height: 33px;
    padding: 13px 38px;
    border-radius: 5px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.16), 0 3px 6px;
            box-shadow: rgba(0, 0, 0, 0.16), 0 3px 6px;
    font-size: initial;
    padding: 5px 20px;
    border-radius: 10px; } }

.page__free-trial, .page__verificationCheckFail {
  overflow-y: scroll !important;
  height: auto !important; }
  .page__free-trial header.banner, .page__verificationCheckFail header.banner {
    position: absolute !important; }
  .page__free-trial .main-content, .page__verificationCheckFail .main-content {
    height: auto !important; }
    .page__free-trial .main-content .subheading h2, .page__verificationCheckFail .main-content .subheading h2 {
      font-size: 35px;
      text-align: center;
      font-weight: 300;
      color: #333;
      margin-bottom: 66px; }
  .page__free-trial footer, .page__verificationCheckFail footer {
    position: relative !important;
    margin-top: 40px; }
  .page__free-trial .wp-block-cover-image img.wp-block-cover__image-background, .page__free-trial .wp-block-cover-image video.wp-block-cover__video-background, .page__free-trial .wp-block-cover img.wp-block-cover__image-background, .page__free-trial .wp-block-cover video.wp-block-cover__video-background, .page__verificationCheckFail .wp-block-cover-image img.wp-block-cover__image-background, .page__verificationCheckFail .wp-block-cover-image video.wp-block-cover__video-background, .page__verificationCheckFail .wp-block-cover img.wp-block-cover__image-background, .page__verificationCheckFail .wp-block-cover video.wp-block-cover__video-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    -o-object-fit: cover;
    object-fit: cover;
    outline: none;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .page__free-trial .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70, .page__free-trial .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70, .page__free-trial .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70, .page__free-trial .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70, .page__verificationCheckFail .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70, .page__verificationCheckFail .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70, .page__verificationCheckFail .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70, .page__verificationCheckFail .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70 {
    background: -webkit-gradient(linear, right top, left top, from(#1b408f), to(#0b1f45));
    background: linear-gradient(270deg, #1b408f 0%, #0b1f45 100%);
    opacity: .7;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    mix-blend-mode: multiply; }
  .page__free-trial .wp-block-cover__inner-container, .page__verificationCheckFail .wp-block-cover__inner-container {
    width: 100%;
    z-index: 1;
    color: #fff;
    max-width: 1140px;
    position: relative;
    text-align: center; }
    .page__free-trial .wp-block-cover__inner-container h1, .page__verificationCheckFail .wp-block-cover__inner-container h1 {
      color: white;
      font-family: 'Inter', sans-serif;
      font-size: 47px;
      line-height: 50px;
      letter-spacing: 0;
      font-weight: 300; }
    .page__free-trial .wp-block-cover__inner-container p, .page__verificationCheckFail .wp-block-cover__inner-container p {
      color: #F68C2B; }
  .page__free-trial .list-style__check-tick li, .page__verificationCheckFail .list-style__check-tick li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    position: relative;
    font-size: 20px;
    margin-bottom: 20px; }
    .page__free-trial .list-style__check-tick li:before, .page__verificationCheckFail .list-style__check-tick li:before {
      content: "";
      height: 21px;
      width: 21px;
      display: block;
      float: left;
      margin-right: 13px;
      background-repeat: no-repeat;
      background-image: url(https://www.videosign.co.uk/wp-content/themes/videosign/assets/images/icons/check-circle.svg);
      background-size: 90%;
      background-position: center;
      transition: background-size 0.3s;
      -webkit-transition: background-size 0.3s; }
  .page__free-trial #free-trial-form .container-fluid, .page__verificationCheckFail #free-trial-form .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important; }
    .page__free-trial #free-trial-form .container-fluid input, .page__verificationCheckFail #free-trial-form .container-fluid input {
      border-radius: 5px;
      border: 1px solid #3E3E3E;
      font-weight: 300;
      color: #3E3E3E;
      padding: 6px 15px;
      padding-left: 15px !important;
      margin-bottom: 20px; }
      .page__free-trial #free-trial-form .container-fluid input:active, .page__free-trial #free-trial-form .container-fluid input:focus, .page__verificationCheckFail #free-trial-form .container-fluid input:active, .page__verificationCheckFail #free-trial-form .container-fluid input:focus {
        border: 1px solid #F68C2B; }
    .page__free-trial #free-trial-form .container-fluid .login-btn, .page__verificationCheckFail #free-trial-form .container-fluid .login-btn {
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .page__free-trial #free-trial-form .marketing-consent, .page__verificationCheckFail #free-trial-form .marketing-consent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 20px 0 40px; }
    .page__free-trial #free-trial-form .marketing-consent label, .page__verificationCheckFail #free-trial-form .marketing-consent label {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      font-size: 14px;
      margin-left: 2em; }
  .page__free-trial #free-trial-form .disclaimer, .page__verificationCheckFail #free-trial-form .disclaimer {
    margin-top: 25px;
    display: block;
    text-align: center;
    font-size: 85%;
    padding: 0px 80px; }
  .page__free-trial .section__why-it-works, .page__verificationCheckFail .section__why-it-works {
    text-align: center; }
    .page__free-trial .section__why-it-works table, .page__verificationCheckFail .section__why-it-works table {
      margin-top: 50px;
      width: 100%; }
    .page__free-trial .section__why-it-works thead, .page__verificationCheckFail .section__why-it-works thead {
      background: #f68c2b;
      background: -webkit-gradient(linear, left top, right top, from(#fbbc34), color-stop(18%, #f68c2b), to(#f68c2b));
      background: linear-gradient(90deg, #fbbc34 0%, #f68c2b 18%, #f68c2b 100%); }
      .page__free-trial .section__why-it-works thead tr th, .page__verificationCheckFail .section__why-it-works thead tr th {
        color: white;
        padding: 20px 0;
        text-align: center; }
    .page__free-trial .section__why-it-works tbody tr, .page__verificationCheckFail .section__why-it-works tbody tr {
      padding: 15px 0; }
      .page__free-trial .section__why-it-works tbody tr:nth-of-type(even), .page__verificationCheckFail .section__why-it-works tbody tr:nth-of-type(even) {
        background-color: #F5F7FB; }
      .page__free-trial .section__why-it-works tbody tr td, .page__verificationCheckFail .section__why-it-works tbody tr td {
        padding: 15px 0; }
  .page__free-trial .section__video, .page__verificationCheckFail .section__video {
    text-align: center;
    position: relative; }
    .page__free-trial .section__video .wp-block-group__inner-container, .page__verificationCheckFail .section__video .wp-block-group__inner-container {
      display: block;
      margin: 0.5rem auto;
      height: auto; }
    .page__free-trial .section__video .cta-button, .page__verificationCheckFail .section__video .cta-button {
      margin: 0 auto; }
    .page__free-trial .section__video .wp-block-embed__wrapper, .page__verificationCheckFail .section__video .wp-block-embed__wrapper {
      width: 100%;
      padding-top: 56.25%;
      position: relative; }
      .page__free-trial .section__video .wp-block-embed__wrapper iframe, .page__verificationCheckFail .section__video .wp-block-embed__wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%; }
  .page__free-trial .section, .page__verificationCheckFail .section {
    padding-top: 66px;
    padding-bottom: 66px; }
    .page__free-trial .section h2, .page__verificationCheckFail .section h2 {
      font-size: 20px;
      color: #F68C2B;
      margin-bottom: 20px; }
    .page__free-trial .section p.sub-heading, .page__verificationCheckFail .section p.sub-heading {
      font-size: 38px !important;
      font-weight: 600;
      line-height: 48px;
      color: #3E3E3E;
      margin-bottom: 35px; }
    .page__free-trial .section p, .page__free-trial .section li, .page__verificationCheckFail .section p, .page__verificationCheckFail .section li {
      font-size: 20px !important; }
    .page__free-trial .section p, .page__verificationCheckFail .section p {
      line-height: 35px; }
    .page__free-trial .section br, .page__verificationCheckFail .section br {
      margin-bottom: 20px; }
    .page__free-trial .section li, .page__verificationCheckFail .section li {
      margin-bottom: 20px; }
  .page__free-trial .cta-button, .page__verificationCheckFail .cta-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .page__free-trial .section__quote-block, .page__verificationCheckFail .section__quote-block {
    text-align: center; }
    .page__free-trial .section__quote-block .wp-block-group__inner-container:before, .page__verificationCheckFail .section__quote-block .wp-block-group__inner-container:before {
      content: '';
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      border-bottom: 1px solid #b0b1b3;
      display: block;
      margin-left: 7.05em;
      margin-right: 7.05em; }
    .page__free-trial .section__quote-block blockquote, .page__verificationCheckFail .section__quote-block blockquote {
      position: relative;
      font-size: 2em;
      font-weight: 600;
      padding: 40px 0;
      margin: 0;
      border-left: none;
      color: #3E3E3E; }
    .page__free-trial .section__quote-block blockquote:before,
    .page__free-trial .section__quote-block blockquote:after, .page__verificationCheckFail .section__quote-block blockquote:before,
    .page__verificationCheckFail .section__quote-block blockquote:after {
      font-family: 'Catamaran', sans-serif;
      position: absolute;
      color: #e9964a;
      font-size: 8rem;
      width: 4rem;
      height: 4rem; }
    .page__free-trial .section__quote-block blockquote:before, .page__verificationCheckFail .section__quote-block blockquote:before {
      content: '“';
      left: 0rem;
      top: -2rem; }
    .page__free-trial .section__quote-block blockquote:after, .page__verificationCheckFail .section__quote-block blockquote:after {
      content: '”';
      right: 0rem;
      bottom: 1rem; }
    .page__free-trial .section__quote-block .quote-author, .page__verificationCheckFail .section__quote-block .quote-author {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      text-align: center; }
    .page__free-trial .section__quote-block .quote-author::before,
    .page__free-trial .section__quote-block .quote-author::after, .page__verificationCheckFail .section__quote-block .quote-author::before,
    .page__verificationCheckFail .section__quote-block .quote-author::after {
      content: '';
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      border-bottom: 1px solid #b0b1b3; }
    .page__free-trial .section__quote-block .quote-author:not(:empty)::before, .page__verificationCheckFail .section__quote-block .quote-author:not(:empty)::before {
      margin-right: 1.45em;
      margin-left: 8.45em; }
    .page__free-trial .section__quote-block .quote-author:not(:empty)::after, .page__verificationCheckFail .section__quote-block .quote-author:not(:empty)::after {
      margin-left: 1.45em;
      margin-right: 8.45em; }
  .page__free-trial .form-col p.subheading, .page__verificationCheckFail .form-col p.subheading {
    color: #F68C2B; }
  .page__free-trial .text-col img, .page__verificationCheckFail .text-col img {
    max-width: 100%;
    height: auto;
    margin-bottom: 25px;
    left: -50px;
    position: relative; }

html[data-page="free-trial"] {
  overflow: auto; }

.page__thank-you header.banner, .page__login header.banner, .page__free-trial header.banner, .page__verificationCheckFail header.banner {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  padding-top: 30px;
  padding-bottom: 30px; }
  .page__thank-you header.banner.scrolled, .page__login header.banner.scrolled, .page__free-trial header.banner.scrolled, .page__verificationCheckFail header.banner.scrolled {
    background-color: white; }
    @media (min-width: 768px) {
      .page__thank-you header.banner.scrolled .menu-primary-navigation-container .nav li a, .page__login header.banner.scrolled .menu-primary-navigation-container .nav li a, .page__free-trial header.banner.scrolled .menu-primary-navigation-container .nav li a, .page__verificationCheckFail header.banner.scrolled .menu-primary-navigation-container .nav li a {
        color: #3E3E3E; }
      .page__thank-you header.banner.scrolled .menu-primary-navigation-container .nav li.menu-item-has-children:after, .page__login header.banner.scrolled .menu-primary-navigation-container .nav li.menu-item-has-children:after, .page__free-trial header.banner.scrolled .menu-primary-navigation-container .nav li.menu-item-has-children:after, .page__verificationCheckFail header.banner.scrolled .menu-primary-navigation-container .nav li.menu-item-has-children:after {
        content: url(../assets/icon-arrow-down__scrolled.svg); }
      .page__thank-you header.banner.scrolled .menu-primary-navigation-container .nav li.current-page-item a, .page__login header.banner.scrolled .menu-primary-navigation-container .nav li.current-page-item a, .page__free-trial header.banner.scrolled .menu-primary-navigation-container .nav li.current-page-item a, .page__verificationCheckFail header.banner.scrolled .menu-primary-navigation-container .nav li.current-page-item a {
        border-bottom: 2px solid #f68c2b; } }

.page__thank-you .nav-primary, .page__login .nav-primary, .page__free-trial .nav-primary, .page__verificationCheckFail .nav-primary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .page__thank-you .nav-primary .brand, .page__login .nav-primary .brand, .page__free-trial .nav-primary .brand, .page__verificationCheckFail .nav-primary .brand {
    margin-right: 35px;
    width: 200px;
    height: auto; }
    .page__thank-you .nav-primary .brand svg, .page__login .nav-primary .brand svg, .page__free-trial .nav-primary .brand svg, .page__verificationCheckFail .nav-primary .brand svg {
      width: 200px;
      height: 50px; }
  .page__thank-you .nav-primary .menu-primary-navigation-container, .page__login .nav-primary .menu-primary-navigation-container, .page__free-trial .nav-primary .menu-primary-navigation-container, .page__verificationCheckFail .nav-primary .menu-primary-navigation-container {
    width: 100%; }
    .page__thank-you .nav-primary .menu-primary-navigation-container .nav, .page__login .nav-primary .menu-primary-navigation-container .nav, .page__free-trial .nav-primary .menu-primary-navigation-container .nav, .page__verificationCheckFail .nav-primary .menu-primary-navigation-container .nav {
      width: 100%;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .page__thank-you .nav-primary .menu-primary-navigation-container .nav:not(.sub-menu) > li:last-of-type > a, .page__login .nav-primary .menu-primary-navigation-container .nav:not(.sub-menu) > li:last-of-type > a, .page__free-trial .nav-primary .menu-primary-navigation-container .nav:not(.sub-menu) > li:last-of-type > a, .page__verificationCheckFail .nav-primary .menu-primary-navigation-container .nav:not(.sub-menu) > li:last-of-type > a {
        padding: 5px 20px;
        border: 1px solid white;
        border-radius: 10px; }
      .page__thank-you .nav-primary .menu-primary-navigation-container .nav li a, .page__login .nav-primary .menu-primary-navigation-container .nav li a, .page__free-trial .nav-primary .menu-primary-navigation-container .nav li a, .page__verificationCheckFail .nav-primary .menu-primary-navigation-container .nav li a {
        color: white; }
        .page__thank-you .nav-primary .menu-primary-navigation-container .nav li a:hover, .page__login .nav-primary .menu-primary-navigation-container .nav li a:hover, .page__free-trial .nav-primary .menu-primary-navigation-container .nav li a:hover, .page__verificationCheckFail .nav-primary .menu-primary-navigation-container .nav li a:hover {
          background-color: transparent !important; }
      .page__thank-you .nav-primary .menu-primary-navigation-container .nav li.menu-item-has-children, .page__login .nav-primary .menu-primary-navigation-container .nav li.menu-item-has-children, .page__free-trial .nav-primary .menu-primary-navigation-container .nav li.menu-item-has-children, .page__verificationCheckFail .nav-primary .menu-primary-navigation-container .nav li.menu-item-has-children {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .page__thank-you .nav-primary .menu-primary-navigation-container .nav li.menu-item-has-children:after, .page__login .nav-primary .menu-primary-navigation-container .nav li.menu-item-has-children:after, .page__free-trial .nav-primary .menu-primary-navigation-container .nav li.menu-item-has-children:after, .page__verificationCheckFail .nav-primary .menu-primary-navigation-container .nav li.menu-item-has-children:after {
          content: url(../assets/icon-arrow-down.svg);
          margin-left: 15px;
          -webkit-transition: 0.3s all ease-in-out;
          transition: 0.3s all ease-in-out;
          -webkit-transform-origin: center;
                  transform-origin: center; }
        .page__thank-you .nav-primary .menu-primary-navigation-container .nav li.menu-item-has-children.menu-open:after, .page__login .nav-primary .menu-primary-navigation-container .nav li.menu-item-has-children.menu-open:after, .page__free-trial .nav-primary .menu-primary-navigation-container .nav li.menu-item-has-children.menu-open:after, .page__verificationCheckFail .nav-primary .menu-primary-navigation-container .nav li.menu-item-has-children.menu-open:after {
          -webkit-transform: rotate(180deg);
                  transform: rotate(180deg); }
        .page__thank-you .nav-primary .menu-primary-navigation-container .nav li.menu-item-has-children .sub-menu, .page__login .nav-primary .menu-primary-navigation-container .nav li.menu-item-has-children .sub-menu, .page__free-trial .nav-primary .menu-primary-navigation-container .nav li.menu-item-has-children .sub-menu, .page__verificationCheckFail .nav-primary .menu-primary-navigation-container .nav li.menu-item-has-children .sub-menu {
          display: none;
          background-color: white;
          padding: 15px;
          border-radius: 5px;
          position: absolute;
          left: -75px;
          top: 40px;
          width: 190px;
          list-style: none; }
          .page__thank-you .nav-primary .menu-primary-navigation-container .nav li.menu-item-has-children .sub-menu:before, .page__login .nav-primary .menu-primary-navigation-container .nav li.menu-item-has-children .sub-menu:before, .page__free-trial .nav-primary .menu-primary-navigation-container .nav li.menu-item-has-children .sub-menu:before, .page__verificationCheckFail .nav-primary .menu-primary-navigation-container .nav li.menu-item-has-children .sub-menu:before {
            content: "";
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
            border-bottom: 20px solid #fff;
            margin: 0 auto;
            position: absolute;
            top: -10px;
            left: 0;
            right: 0;
            width: 20px; }
          .page__thank-you .nav-primary .menu-primary-navigation-container .nav li.menu-item-has-children .sub-menu li + li, .page__login .nav-primary .menu-primary-navigation-container .nav li.menu-item-has-children .sub-menu li + li, .page__free-trial .nav-primary .menu-primary-navigation-container .nav li.menu-item-has-children .sub-menu li + li, .page__verificationCheckFail .nav-primary .menu-primary-navigation-container .nav li.menu-item-has-children .sub-menu li + li {
            margin-top: 20px; }
          .page__thank-you .nav-primary .menu-primary-navigation-container .nav li.menu-item-has-children .sub-menu a, .page__login .nav-primary .menu-primary-navigation-container .nav li.menu-item-has-children .sub-menu a, .page__free-trial .nav-primary .menu-primary-navigation-container .nav li.menu-item-has-children .sub-menu a, .page__verificationCheckFail .nav-primary .menu-primary-navigation-container .nav li.menu-item-has-children .sub-menu a {
            color: #3E3E3E; }

.page__thank-you .page-header, .page__login .page-header, .page__free-trial .page-header, .page__verificationCheckFail .page-header {
  overflow: hidden;
  margin: 0 !important;
  border: 0 !important; }
  .page__thank-you .page-header__wrapper, .page__login .page-header__wrapper, .page__free-trial .page-header__wrapper, .page__verificationCheckFail .page-header__wrapper {
    position: relative;
    padding-top: 206px;
    padding-bottom: 206px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 78%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 78%, 0 100%); }
    .page__thank-you .page-header__wrapper:after, .page__login .page-header__wrapper:after, .page__free-trial .page-header__wrapper:after, .page__verificationCheckFail .page-header__wrapper:after {
      content: "";
      background: #1b408f;
      background: linear-gradient(210deg, #1b408f 0%, #0b1f45 27%, #0b1f45 100%);
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 78%, 0 100%);
      clip-path: polygon(0 0, 100% 0, 100% 78%, 0 100%);
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      z-index: -1; }
  .page__thank-you .page-header__inner, .page__login .page-header__inner, .page__free-trial .page-header__inner, .page__verificationCheckFail .page-header__inner {
    min-height: unset; }
    .page__thank-you .page-header__inner:before, .page__login .page-header__inner:before, .page__free-trial .page-header__inner:before, .page__verificationCheckFail .page-header__inner:before {
      background-image: url(../assets/vs-icon__large.svg);
      background-repeat: no-repeat;
      position: absolute;
      background-size: cover;
      right: -10%;
      top: 18%;
      display: block;
      display: inline-block;
      width: 505px;
      height: 575px;
      z-index: 0;
      content: ""; }
    .page__thank-you .page-header__inner h1, .page__thank-you .page-header__inner h1 p, .page__login .page-header__inner h1, .page__login .page-header__inner h1 p, .page__free-trial .page-header__inner h1, .page__free-trial .page-header__inner h1 p, .page__verificationCheckFail .page-header__inner h1, .page__verificationCheckFail .page-header__inner h1 p {
      color: white;
      font-size: 56px;
      line-height: initial; }
      .page__thank-you .page-header__inner h1 strong, .page__thank-you .page-header__inner h1 p strong, .page__login .page-header__inner h1 strong, .page__login .page-header__inner h1 p strong, .page__free-trial .page-header__inner h1 strong, .page__free-trial .page-header__inner h1 p strong, .page__verificationCheckFail .page-header__inner h1 strong, .page__verificationCheckFail .page-header__inner h1 p strong {
        color: #F68C2B;
        font-weight: 500; }
    .page__thank-you .page-header__inner a.vs_breadcrumb, .page__login .page-header__inner a.vs_breadcrumb, .page__free-trial .page-header__inner a.vs_breadcrumb, .page__verificationCheckFail .page-header__inner a.vs_breadcrumb {
      color: #F68C2B;
      display: block;
      margin-bottom: 25px; }

.page__thank-you .main-content p, .page__login .main-content p, .page__free-trial .main-content p, .page__verificationCheckFail .main-content p {
  font-size: 35px;
  line-height: inherit;
  text-align: center; }

.page__thank-you footer, .page__login footer, .page__free-trial footer, .page__verificationCheckFail footer {
  padding: 55px 0;
  background: #0b1f45;
  background: linear-gradient(315deg, #0b1f45 0%, #0b1f45 50%, #1b408f 100%);
  position: fixed;
  width: 100%;
  bottom: 0; }
  .page__thank-you footer div, .page__login footer div, .page__free-trial footer div, .page__verificationCheckFail footer div {
    color: white; }
  .page__thank-you footer .menu-footer-navigation-container, .page__login footer .menu-footer-navigation-container, .page__free-trial footer .menu-footer-navigation-container, .page__verificationCheckFail footer .menu-footer-navigation-container {
    width: 100%; }
    .page__thank-you footer .menu-footer-navigation-container .nav, .page__login footer .menu-footer-navigation-container .nav, .page__free-trial footer .menu-footer-navigation-container .nav, .page__verificationCheckFail footer .menu-footer-navigation-container .nav {
      width: 100%;
      -webkit-box-pack: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .page__thank-you footer .menu-footer-navigation-container .nav li a, .page__login footer .menu-footer-navigation-container .nav li a, .page__free-trial footer .menu-footer-navigation-container .nav li a, .page__verificationCheckFail footer .menu-footer-navigation-container .nav li a {
        color: white; }
  .page__thank-you footer ul.list-style__inline.social-icons, .page__login footer ul.list-style__inline.social-icons, .page__free-trial footer ul.list-style__inline.social-icons, .page__verificationCheckFail footer ul.list-style__inline.social-icons {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 220px;
    margin: 0 auto; }
  .page__thank-you footer .footer__logo svg, .page__login footer .footer__logo svg, .page__free-trial footer .footer__logo svg, .page__verificationCheckFail footer .footer__logo svg {
    width: 200px;
    height: 50px; }
  .page__thank-you footer .footer-awards ul, .page__login footer .footer-awards ul, .page__free-trial footer .footer-awards ul, .page__verificationCheckFail footer .footer-awards ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .page__thank-you footer .footer-awards ul li + li, .page__login footer .footer-awards ul li + li, .page__free-trial footer .footer-awards ul li + li, .page__verificationCheckFail footer .footer-awards ul li + li {
      margin-left: 20px; }
      .page__thank-you footer .footer-awards ul li + li img, .page__login footer .footer-awards ul li + li img, .page__free-trial footer .footer-awards ul li + li img, .page__verificationCheckFail footer .footer-awards ul li + li img {
        height: 70px; }
    .page__thank-you footer .footer-awards ul li img, .page__login footer .footer-awards ul li img, .page__free-trial footer .footer-awards ul li img, .page__verificationCheckFail footer .footer-awards ul li img {
      width: auto !important;
      height: 50px; }
  .page__thank-you footer .container .row:nth-of-type(2), .page__login footer .container .row:nth-of-type(2), .page__free-trial footer .container .row:nth-of-type(2), .page__verificationCheckFail footer .container .row:nth-of-type(2) {
    margin-top: 25px; }
  .page__thank-you footer .footer__rights, .page__login footer .footer__rights, .page__free-trial footer .footer__rights, .page__verificationCheckFail footer .footer__rights {
    text-align: right; }

.page__thank-you body, .page__login body, .page__free-trial body, .page__verificationCheckFail body {
  overflow-x: hidden; }

.page__thank-you main.main, .page__login main.main, .page__free-trial main.main, .page__verificationCheckFail main.main {
  padding: 0; }

@media (min-width: 768px) {
  .page__thank-you .offset-image, .page__login .offset-image, .page__free-trial .offset-image, .page__verificationCheckFail .offset-image {
    position: absolute;
    top: -70px; } }

.page__thank-you .icon-header, .page__login .icon-header, .page__free-trial .icon-header, .page__verificationCheckFail .icon-header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .page__thank-you .icon-header:before, .page__login .icon-header:before, .page__free-trial .icon-header:before, .page__verificationCheckFail .icon-header:before {
    content: url("../assets/vs-icon__small.svg");
    border-radius: 50%;
    margin-right: 15px;
    margin-left: 0;
    height: 32px; }

.page__thank-you .icon-login, .page__login .icon-login, .page__free-trial .icon-login, .page__verificationCheckFail .icon-login {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .page__thank-you .icon-login:after, .page__login .icon-login:after, .page__free-trial .icon-login:after, .page__verificationCheckFail .icon-login:after {
    content: url("../assets/icon-user.svg");
    margin-left: 15px; }

.page__thank-you .icon-cart, .page__login .icon-cart, .page__free-trial .icon-cart, .page__verificationCheckFail .icon-cart {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .page__thank-you .icon-cart:after, .page__login .icon-cart:after, .page__free-trial .icon-cart:after, .page__verificationCheckFail .icon-cart:after {
    content: url("../assets/icon-cart.svg");
    margin-left: 15px; }

.page__thank-you .icon-faq, .page__login .icon-faq, .page__free-trial .icon-faq, .page__verificationCheckFail .icon-faq {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .page__thank-you .icon-faq:before, .page__login .icon-faq:before, .page__free-trial .icon-faq:before, .page__verificationCheckFail .icon-faq:before {
    content: url("../assets/icon-faq.svg");
    margin-right: 15px; }

.page__thank-you .icon-knowledgebase, .page__login .icon-knowledgebase, .page__free-trial .icon-knowledgebase, .page__verificationCheckFail .icon-knowledgebase {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .page__thank-you .icon-knowledgebase:before, .page__login .icon-knowledgebase:before, .page__free-trial .icon-knowledgebase:before, .page__verificationCheckFail .icon-knowledgebase:before {
    content: url("../assets/icon-knowledgebase.svg");
    margin-right: 15px; }

.page__thank-you .icon-online-support, .page__login .icon-online-support, .page__free-trial .icon-online-support, .page__verificationCheckFail .icon-online-support {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .page__thank-you .icon-online-support:before, .page__login .icon-online-support:before, .page__free-trial .icon-online-support:before, .page__verificationCheckFail .icon-online-support:before {
    content: url("../assets/icon-support.svg");
    margin-right: 15px; }

.page__login {
  background-color: #FFFFFF !important;
  background-image: url("/assets/login-bg.png");
  background-size: 40%;
  background-position: 30% 20%;
  background-repeat: no-repeat;
  height: 100vh !important;
  overflow: auto; }
  .page__login .login-form-bg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: none !important; }
  .page__login .main-content {
    min-height: calc(100% - 232.85px) !important; }
  .page__login footer {
    position: relative !important; }
  .page__login #login {
    width: 100%; }
    .page__login #login input {
      border: 1px solid #9BA0A8; }
    .page__login #login .form-group label {
      color: #3E3E3E !important;
      text-transform: none !important;
      font-size: 15px;
      font-weight: 500;
      margin: 15px 0;
      display: block !important; }
    .page__login #login .form-control {
      color: #3E3E3E !important; }
    .page__login #login .forgot-password {
      position: absolute;
      right: 0;
      top: -10px;
      font-weight: 300; }
    .page__login #login .login-btn {
      width: 159px;
      height: 37px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      background: #f68c2b;
      background: -webkit-gradient(linear, right top, left top, from(#fbbc34), color-stop(18%, #f68c2b), to(#f68c2b));
      background: linear-gradient(270deg, #fbbc34 0%, #f68c2b 18%, #f68c2b 100%);
      font-size: 18px; }
    .page__login #login .login-heading {
      color: #F68C2B;
      font-size: 24px;
      position: relative;
      margin-bottom: 45px;
      display: block;
      text-align: left; }
      .page__login #login .login-heading:before {
        margin-right: 0 !important;
        margin-left: 0 !important;
        float: none !important;
        content: url("/assets/vsx_arrow.svg") !important;
        -webkit-transform: translateX(-25px);
                transform: translateX(-25px);
        height: 20px;
        width: 20px;
        position: absolute;
        margin-bottom: 0 !important;
        padding-top: unset !important;
        display: block; }

.cta-button a {
  background: #f68c2b;
  background: -webkit-gradient(linear, right top, left top, from(#fbbc34), color-stop(18%, #f68c2b), to(#f68c2b));
  background: linear-gradient(270deg, #fbbc34 0%, #f68c2b 18%, #f68c2b 100%);
  font-size: 20px;
  color: white;
  line-height: 33px;
  padding: 13px 38px;
  border-radius: 5px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.16), 0 3px 6px;
          box-shadow: rgba(0, 0, 0, 0.16), 0 3px 6px; }

.cta-button__alt a {
  border: 1px solid #F68C2B;
  border-radius: 10px;
  color: #F68C2B;
  background: white; }

@media (max-width: 768px) {
  .menu-primary-navigation-container {
    width: 100%;
    position: fixed;
    height: 100vh;
    background: #1b408f;
    background: linear-gradient(210deg, #1b408f 0%, #0b1f45 27%, #0b1f45 100%);
    top: 0;
    left: 0;
    right: 0;
    -webkit-transform: translateX(100vw);
            transform: translateX(100vw); }
    .menu-primary-navigation-container.open {
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    .menu-primary-navigation-container ul.nav {
      width: 100vw !important;
      -ms-flex-pack: justify;
      -webkit-box-pack: space-evenly;
              justify-content: space-evenly;
      display: -ms-flexbox;
      display: -webkit-box;
      display: flex;
      -ms-flex-align: center;
      -webkit-box-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column;
              flex-flow: column;
      height: 100%;
      padding-top: 100px;
      padding-bottom: 100px; }
      .menu-primary-navigation-container ul.nav li a {
        font-size: 28px; }
    .menu-primary-navigation-container li.menu-item-has-children {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column;
              flex-flow: column; }
      .menu-primary-navigation-container li.menu-item-has-children:after {
        margin-left: 0 !important; }
    .menu-primary-navigation-container .sub-menu {
      background-color: transparent !important;
      position: relative !important;
      top: 0 !important;
      left: 0 !important;
      width: 100% !important; }
      .menu-primary-navigation-container .sub-menu:before {
        display: none !important; }
      .menu-primary-navigation-container .sub-menu.reveal-items {
        display: block !important; }
        .menu-primary-navigation-container .sub-menu.reveal-items li {
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
          .menu-primary-navigation-container .sub-menu.reveal-items li:before {
            display: none; }
          .menu-primary-navigation-container .sub-menu.reveal-items li a {
            color: white !important;
            font-size: 22px !important; }
  .icon-1, .icon-2, .icon-3 {
    position: absolute;
    left: 25%;
    top: 50%;
    width: 32px;
    height: 3px;
    background-color: #3E3E3E;
    -webkit-transition: all 400ms cubic-bezier(0.84, 0.06, 0.52, 1.8);
    transition: all 400ms cubic-bezier(0.84, 0.06, 0.52, 1.8); }
  .icon-1 {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-animation-delay: 100ms;
            animation-delay: 100ms; }
  .icon-3 {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
    -webkit-animation-delay: 250ms;
            animation-delay: 250ms; }
  .hamburger-icon {
    position: absolute;
    height: 60px;
    width: 60px;
    top: 10%;
    right: 3%;
    z-index: 1000;
    cursor: pointer;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: rgba(255, 255, 255, 0.2); }
  .icon-1.a {
    -webkit-transform: rotate(40deg);
            transform: rotate(40deg); }
  .icon-3.b {
    -webkit-transform: rotate(-40deg);
            transform: rotate(-40deg); }
  .icon-2.c {
    opacity: 0; }
  .clear {
    clear: both; }
  @-webkit-keyframes slideIn {
    0% {
      width: 0%;
      opacity: 0; }
    100% {
      width: 50%;
      opacity: 1; } }
  @keyframes slideIn {
    0% {
      width: 0%;
      opacity: 0; }
    100% {
      width: 50%;
      opacity: 1; } }
  footer #menu-footer-navigation {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    text-align: center;
    margin-bottom: 25px; }
  footer ul.social-icons {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
    padding-left: 0; }
  footer .footer__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 40px; }
    footer .footer__logo svg {
      height: auto;
      width: 200px; }
  footer .footer__copyright {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 5px;
    text-align: center; }
  footer .footer__rights {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    text-align: center; } }

select-language {
  display: inline-block; }
  select-language.in-nav-bar .preferred-language {
    color: #7a7c7f; }
    select-language.in-nav-bar .preferred-language :hover {
      color: #48494a;
      text-decoration: none; }
  select-language.in-nav-bar .dropdown-menu li a {
    color: #333; }
    select-language.in-nav-bar .dropdown-menu li a :hover {
      color: #262626;
      text-decoration: none;
      background-color: #f5f5f5; }

mobile-warning .mobile-warning {
  display: none; }

@-webkit-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@media (max-width: 500px) {
  mobile-warning #home {
    display: none; }
  mobile-warning #main-footer {
    display: none; }
  mobile-warning .help-panel {
    display: none; }
  mobile-warning .mobile-warning {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 0;
    z-index: 10000000;
    height: 100vh;
    width: 100%; }
    mobile-warning .mobile-warning .mobile-warning-cnt-unbranded {
      height: 100%;
      margin: 0 auto;
      color: white;
      text-align: center;
      -webkit-animation: fadein 0.8s;
              animation: fadein 0.8s;
      background-color: #17266B;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding-left: 5%;
      padding-right: 5%; }
      mobile-warning .mobile-warning .mobile-warning-cnt-unbranded a {
        color: white;
        text-decoration: underline; }
      mobile-warning .mobile-warning .mobile-warning-cnt-unbranded img {
        margin-bottom: 40px; }
      mobile-warning .mobile-warning .mobile-warning-cnt-unbranded hr {
        opacity: 0.4; }
      .parent:first-child mobile-warning .mobile-warning .mobile-warning-cnt-unbranded {
        background-color: #17266B; }
    mobile-warning .mobile-warning .mobile-warning-cnt-branded {
      height: 100%;
      margin: 0 auto;
      color: black;
      text-align: center;
      -webkit-animation: fadein 0.8s;
              animation: fadein 0.8s;
      background-color: white;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding-left: 5%;
      padding-right: 5%; }
      mobile-warning .mobile-warning .mobile-warning-cnt-branded a {
        color: white;
        text-decoration: underline; }
      mobile-warning .mobile-warning .mobile-warning-cnt-branded img {
        margin-bottom: 40px; }
      mobile-warning .mobile-warning .mobile-warning-cnt-branded hr {
        opacity: 0.4; } }

*:not(.fa) {
  font-family: 'Inter', sans-serif; }

@media (min-width: 768px) {
  menu-panel, .menu-panel {
    background-color: #0B1F45;
    width: 80px !important;
    left: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 9999999;
    -webkit-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.16);
            box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.16); } }

menu-panel .desktop-menu, .menu-panel .desktop-menu {
  height: 100%;
  background-color: #0B1F45;
  display: block; }

menu-panel:hover, menu-panel.active-child, .menu-panel:hover, .menu-panel.active-child {
  width: 260px !important; }
  menu-panel:hover .text-button, menu-panel.active-child .text-button, .menu-panel:hover .text-button, .menu-panel.active-child .text-button {
    visibility: visible;
    opacity: 1;
    width: 110px !important;
    margin-left: 35px;
    -webkit-transition: 0.4s all ease-in-out;
    transition: 0.4s all ease-in-out; }
  menu-panel:hover .items .item .count, menu-panel.active-child .items .item .count, .menu-panel:hover .items .item .count, .menu-panel.active-child .items .item .count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: -25px; }
  menu-panel:hover .logo-panel, menu-panel.active-child .logo-panel, .menu-panel:hover .logo-panel, .menu-panel.active-child .logo-panel {
    display: block;
    position: relative; }
    menu-panel:hover .logo-panel:before, menu-panel.active-child .logo-panel:before, .menu-panel:hover .logo-panel:before, .menu-panel.active-child .logo-panel:before {
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    menu-panel:hover .logo-panel .logo, menu-panel.active-child .logo-panel .logo, .menu-panel:hover .logo-panel .logo, .menu-panel.active-child .logo-panel .logo {
      width: 14px;
      -webkit-transform: translateX(174px);
              transform: translateX(174px);
      position: absolute;
      top: 50px; }

menu-panel .st0, .menu-panel .st0 {
  opacity: 1;
  stroke: #ffffff; }

menu-panel .items, .menu-panel .items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column; }
  menu-panel .items .item, .menu-panel .items .item {
    margin-bottom: 55px; }
    menu-panel .items .item.active-menu-item:before, menu-panel .items .item.active:before, .menu-panel .items .item.active-menu-item:before, .menu-panel .items .item.active:before {
      content: '';
      position: fixed;
      left: 0;
      width: 3px;
      height: 37px;
      background-color: #28a0bf;
      display: block; }
    menu-panel .items .item.active-menu-item .icon-wrap svg path, menu-panel .items .item.active-menu-item .icon-wrap svg line, menu-panel .items .item.active-menu-item .icon-wrap svg circle, menu-panel .items .item.active-menu-item .icon-wrap svg polyline, menu-panel .items .item.active-menu-item .icon-wrap svg polygon, menu-panel .items .item.active .icon-wrap svg path, menu-panel .items .item.active .icon-wrap svg line, menu-panel .items .item.active .icon-wrap svg circle, menu-panel .items .item.active .icon-wrap svg polyline, menu-panel .items .item.active .icon-wrap svg polygon, .menu-panel .items .item.active-menu-item .icon-wrap svg path, .menu-panel .items .item.active-menu-item .icon-wrap svg line, .menu-panel .items .item.active-menu-item .icon-wrap svg circle, .menu-panel .items .item.active-menu-item .icon-wrap svg polyline, .menu-panel .items .item.active-menu-item .icon-wrap svg polygon, .menu-panel .items .item.active .icon-wrap svg path, .menu-panel .items .item.active .icon-wrap svg line, .menu-panel .items .item.active .icon-wrap svg circle, .menu-panel .items .item.active .icon-wrap svg polyline, .menu-panel .items .item.active .icon-wrap svg polygon {
      stroke: #28a0bf !important; }
    menu-panel .items .item.active-menu-item .icon-wrap svg .cls-1, menu-panel .items .item.active .icon-wrap svg .cls-1, .menu-panel .items .item.active-menu-item .icon-wrap svg .cls-1, .menu-panel .items .item.active .icon-wrap svg .cls-1 {
      fill: #28a0bf !important; }
    menu-panel .items .item:hover .icon-wrap svg path, menu-panel .items .item:hover .icon-wrap svg line, menu-panel .items .item:hover .icon-wrap svg circle, menu-panel .items .item:hover .icon-wrap svg polyline, menu-panel .items .item:hover .icon-wrap svg polygon, .menu-panel .items .item:hover .icon-wrap svg path, .menu-panel .items .item:hover .icon-wrap svg line, .menu-panel .items .item:hover .icon-wrap svg circle, .menu-panel .items .item:hover .icon-wrap svg polyline, .menu-panel .items .item:hover .icon-wrap svg polygon {
      stroke: #28a0bf !important; }
    menu-panel .items .item:hover .icon-wrap svg .cls-1, .menu-panel .items .item:hover .icon-wrap svg .cls-1 {
      fill: #28a0bf !important; }

menu-panel .logo-panel, .menu-panel .logo-panel {
  min-height: calc(1vh*12.63);
  margin-bottom: 70px; }
  menu-panel .logo-panel:before, .menu-panel .logo-panel:before {
    content: '';
    background-image: url("/themes/cpal/img/logo.png");
    display: block;
    position: absolute;
    height: 40px;
    width: 170px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    left: 20px;
    top: 50px;
    -webkit-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
    -webkit-transform: translateX(-170px);
            transform: translateX(-170px); }
  menu-panel .logo-panel .logo, .menu-panel .logo-panel .logo {
    margin-right: 0 !important;
    margin-left: 0 !important;
    float: none !important;
    max-width: 60% !important;
    content: url("") !important;
    -webkit-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
    top: 30px;
    width: 48px;
    position: absolute;
    margin-bottom: 0 !important;
    padding-top: unset !important; }

menu-panel .icon-wrap, .menu-panel .icon-wrap {
  width: unset !important;
  height: 35px !important;
  position: fixed;
  left: 21px;
  -webkit-box-align: unset !important;
      -ms-flex-align: unset !important;
          align-items: unset !important; }
  menu-panel .icon-wrap svg, menu-panel .icon-wrap img, .menu-panel .icon-wrap svg, .menu-panel .icon-wrap img {
    width: 35px;
    height: auto !important;
    max-height: 35px; }
    menu-panel .icon-wrap svg path, menu-panel .icon-wrap svg g, menu-panel .icon-wrap svg line, menu-panel .icon-wrap img path, menu-panel .icon-wrap img g, menu-panel .icon-wrap img line, .menu-panel .icon-wrap svg path, .menu-panel .icon-wrap svg g, .menu-panel .icon-wrap svg line, .menu-panel .icon-wrap img path, .menu-panel .icon-wrap img g, .menu-panel .icon-wrap img line {
      stroke: #ffffff !important;
      fill: transparent !important; }
    menu-panel .icon-wrap svg .cls-1, menu-panel .icon-wrap img .cls-1, .menu-panel .icon-wrap svg .cls-1, .menu-panel .icon-wrap img .cls-1 {
      fill: #f7f9fc !important; }

menu-panel .text-button, .menu-panel .text-button {
  visibility: hidden;
  opacity: 0;
  width: 0;
  padding: 0 !important;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  color: #ffffff !important;
  font-size: 16px;
  text-align: left; }

menu-panel .items .item .count, .menu-panel .items .item .count {
  display: none; }

.ChatButton {
  position: fixed;
  bottom: 33px;
  left: -28px; }
  .ChatButton .text-button {
    left: 70px;
    position: relative;
    top: 5px;
    color: white; }

.SettingsButton {
  position: fixed;
  bottom: -35px;
  left: -28px; }
  .SettingsButton .text-button {
    left: 70px;
    position: relative;
    top: 5px;
    color: white; }

div[class*="menu-child__"] {
  height: 100vh;
  width: 310px;
  background-color: #061126;
  color: white;
  z-index: -1;
  position: fixed;
  top: 0;
  bottom: 0;
  left: -230px;
  -webkit-transition: 0.5s all ease-in-out;
  transition: 0.5s all ease-in-out;
  padding: 0 20px; }
  div[class*="menu-child__"].open {
    left: 260px; }
  div[class*="menu-child__"] .menu-header {
    font-size: 18px;
    padding-top: 43px; }
  div[class*="menu-child__"] .document-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    div[class*="menu-child__"] .document-inner .document-delete {
      font-size: 20px;
      color: white; }
  div[class*="menu-child__"] .documents {
    background-color: #061126;
    width: 100%;
    display: table; }
    div[class*="menu-child__"] .documents > .row {
      overflow-y: auto;
      height: 82vh;
      display: block;
      overflow-x: hidden;
      -ms-overflow-style: none;
      scrollbar-width: none; }
      div[class*="menu-child__"] .documents > .row::-webkit-scrollbar {
        display: none; }
    div[class*="menu-child__"] .documents .doc-item {
      border-top: 1px solid #707070;
      padding-top: 25px;
      padding-bottom: 35px; }
      div[class*="menu-child__"] .documents .doc-item:last-of-type {
        border-bottom: 1px solid #707070; }
      div[class*="menu-child__"] .documents .doc-item:first-of-type {
        margin-top: 46px; }
    div[class*="menu-child__"] .documents .document-icon {
      width: 20px;
      height: 20px;
      display: inline-block;
      margin-right: 20px; }
      div[class*="menu-child__"] .documents .document-icon svg path {
        fill: white; }
    div[class*="menu-child__"] .documents .document-name {
      display: inline-block; }
      div[class*="menu-child__"] .documents .document-name .documentname {
        color: white;
        font-size: 15px;
        word-wrap: break-word;
        width: 188px;
        display: block; }
  div[class*="menu-child__"] .close-menu {
    position: absolute;
    bottom: 25px;
    right: 25px;
    cursor: pointer; }

.meeting-room-container .stream-controls-floating-panel {
  background-color: white;
  bottom: 0;
  left: 0;
  top: unset;
  position: fixed;
  width: 100%;
  height: 75px;
  z-index: 999;
  -webkit-box-shadow: inset 0px 7px 15px rgba(50, 50, 50, 0.21);
  box-shadow: inset 0px 7px 15px rgba(50, 50, 50, 0.21);
  padding-top: 0.2%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0;
  cursor: default !important;
  -webkit-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out; }
  .meeting-room-container .stream-controls-floating-panel.document-view:not(.pop-out) {
    padding-left: 135px; }
  .meeting-room-container .stream-controls-floating-panel .icon-start-recording svg, .meeting-room-container .stream-controls-floating-panel .icon-recording svg {
    width: 34px;
    height: 34px; }
    .meeting-room-container .stream-controls-floating-panel .icon-start-recording svg image, .meeting-room-container .stream-controls-floating-panel .icon-recording svg image {
      width: 100%;
      height: 100%; }
  .meeting-room-container .stream-controls-floating-panel #popOutPanel, .meeting-room-container .stream-controls-floating-panel .popOutPanel {
    position: fixed;
    left: 85px;
    bottom: 5px;
    cursor: pointer; }
    .meeting-room-container .stream-controls-floating-panel #popOutPanel svg, .meeting-room-container .stream-controls-floating-panel .popOutPanel svg {
      -webkit-transition: 0.4s all ease-in-out;
      transition: 0.4s all ease-in-out;
      width: unset;
      height: unset; }
    .meeting-room-container .stream-controls-floating-panel #popOutPanel.document-view, .meeting-room-container .stream-controls-floating-panel .popOutPanel.document-view {
      left: 325px; }
    .meeting-room-container .stream-controls-floating-panel #popOutPanel.popped svg, .meeting-room-container .stream-controls-floating-panel .popOutPanel.popped svg {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
  .meeting-room-container .stream-controls-floating-panel.pop-out {
    cursor: -webkit-grab !important;
    cursor: grab !important;
    width: 400px;
    border-radius: 20px; }
    .meeting-room-container .stream-controls-floating-panel.pop-out:before {
      display: block; }
    .meeting-room-container .stream-controls-floating-panel.pop-out.mouseDown {
      -webkit-transition: none;
      transition: none; }
  .meeting-room-container .stream-controls-floating-panel:before {
    display: none; }
  .meeting-room-container .stream-controls-floating-panel > div + div {
    margin-left: 40px; }
  .meeting-room-container .stream-controls-floating-panel > div:last-of-type {
    margin-right: 40px; }
  .meeting-room-container .stream-controls-floating-panel .button-icon svg {
    width: 34px;
    height: 34px; }

.meeting-room-container .default-right-container .control-button-panel {
  bottom: -15px;
  z-index: 99999; }

.meeting-room-container .modify-control-button {
  z-index: 9999999999999;
  bottom: 15px;
  right: 13px;
  left: unset !important;
  position: fixed; }
  .meeting-room-container .modify-control-button.active {
    background-color: #061126 !important; }

.meeting-room-container .document-view-ctrl .modify-control-button {
  bottom: 75px !important; }

.meeting-room-container .document-view-ctrl.control-slide-menu {
  bottom: 75px !important; }

.meeting-room-container .participant-notification {
  position: fixed;
  top: 10px;
  margin: 0 auto;
  display: block;
  left: 0;
  right: 0;
  width: 540px;
  text-align: center;
  padding: 6px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  background: linear-gradient(135deg, #243c7c, #243c7c); }
  .meeting-room-container .participant-notification .icon {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 20px;
    height: 30px;
    margin-right: 16px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .meeting-room-container .participant-notification .icon:before {
      content: '\f071';
      font-family: 'FontAwesome';
      font-weight: 900;
      color: #f68c2b;
      font-size: 24px; }
  .meeting-room-container .participant-notification .message {
    color: #ffffff;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: 0.4px; }

.meeting-room-container .giveControlOptions {
  border-top: none !important;
  font-size: 13px !important; }

.meeting-room-container .popup-header h4 {
  font-size: 12px;
  color: white;
  padding: 10px;
  border-bottom: 1px solid #F7F9FC; }

.meeting-room-container .popup-header .control-state__true {
  color: #28a0bf;
  font-size: 10px;
  float: right; }

.meeting-room-container .popup-header .control-state__false {
  color: white;
  font-size: 10px;
  float: right; }

.meeting-room-container span.take-control-hint {
  position: fixed;
  bottom: 60px;
  right: 15px;
  left: unset; }
  .meeting-room-container span.take-control-hint.document-view-ctrl {
    display: none; }

.meeting-room-container .control-slide-menu {
  background-color: #061126;
  -webkit-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
  position: fixed;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  width: 191px;
  z-index: -1;
  height: 36px;
  border-radius: 5px;
  z-index: 9999999;
  bottom: 15px;
  right: 13px; }
  .meeting-room-container .control-slide-menu #GiveControlMenu {
    opacity: 0;
    visibility: hidden; }
  .meeting-room-container .control-slide-menu .control-state {
    float: right;
    font-size: 10px;
    color: rgba(255, 255, 255, 0.5); }
    .meeting-room-container .control-slide-menu .control-state__true {
      color: #28a0bf; }
  .meeting-room-container .control-slide-menu.open {
    height: 67px;
    visibility: visible;
    width: 242px;
    -webkit-transform: translateY(-59px) !important;
            transform: translateY(-59px) !important; }
    .meeting-room-container .control-slide-menu.open #GiveControlMenu {
      opacity: 1;
      visibility: visible; }
  .meeting-room-container .control-slide-menu #CloseGiveControlMenu {
    position: absolute;
    top: 5px;
    right: 15px;
    cursor: pointer; }

.meeting-room-container .document-viewer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.meeting-room-container .document-center-container .document-menu {
  background: #0B1F45;
  width: 262px;
  height: 100vh;
  overflow-y: auto;
  float: left;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  -webkit-transform: translateX(-250px);
          transform: translateX(-250px);
  -webkit-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
  padding-left: 35px;
  padding-right: 35px; }
  .meeting-room-container .document-center-container .document-menu.open {
    -webkit-transform: translateX(80px);
            transform: translateX(80px); }
  .meeting-room-container .document-center-container .document-menu__header {
    border-bottom: 0.5px solid #707070;
    padding-bottom: 35px;
    padding-top: 35px; }
  .meeting-room-container .document-center-container .document-menu__title {
    font-size: 15px;
    color: white;
    word-wrap: break-word;
    width: 180px;
    display: block; }
  .meeting-room-container .document-center-container .document-menu__close {
    right: 10px;
    top: 10px;
    position: absolute;
    background-color: #061126;
    width: 35px;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 5px; }
  .meeting-room-container .document-center-container .document-menu.has-active-child .document-menu__close {
    display: none; }

.meeting-room-container .document-center-container .add-title, .meeting-room-container .document-center-container .tag-people-title {
  font-size: 18px;
  margin-bottom: 36px;
  margin-left: 0 !important;
  margin-left: 0 !important; }

.meeting-room-container .document-center-container .btn {
  opacity: 1 !important;
  text-align: left;
  background-color: transparent;
  width: unset;
  border: none;
  -webkit-appearance: none;
  padding: 0;
  font-size: 16px;
  width: 192px;
  margin-bottom: 40px;
  height: unset;
  padding: 0 !important;
  margin-left: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .meeting-room-container .document-center-container .btn:hover {
    background-color: transparent; }
    .meeting-room-container .document-center-container .btn:hover .label {
      color: #28a0bf !important; }
    .meeting-room-container .document-center-container .btn:hover.finalise-button .label, .meeting-room-container .document-center-container .btn:hover.save-close-button .label {
      color: white !important; }
  .meeting-room-container .document-center-container .btn .label {
    padding: 0 !important;
    width: unset !important;
    height: 15px !important; }

.meeting-room-container .document-center-container .add-tags {
  position: relative; }
  .meeting-room-container .document-center-container .add-tags:after {
    content: '';
    background-image: url("/assets/tags-menu--open.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 18px;
    height: 18px; }
  .meeting-room-container .document-center-container .add-tags.active-menu-item:after {
    background-image: url("/assets/tags-menu--close.svg"); }

.meeting-room-container .document-center-container .tagging-panel, .meeting-room-container .document-center-container .signature-navigation-panel, .meeting-room-container .document-center-container .add-navigation-panel {
  border-bottom: 0.5px solid #707070;
  padding-top: 35px; }

.meeting-room-container .document-center-container input.poi-radio-tab:checked + label {
  background-color: #0B1F45; }

.meeting-room-container .document-center-container .finalise-button {
  text-align: center;
  cursor: pointer;
  width: 195px;
  font-size: 15px;
  color: white;
  background-color: transparent;
  border: 2px solid #FFFFFF !important;
  border-radius: 5px;
  -webkit-box-shadow: 0px 3px 6px rgba(50, 50, 50, 0.21);
          box-shadow: 0px 3px 6px rgba(50, 50, 50, 0.21);
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.meeting-room-container .menu-child__tags {
  padding: 35px; }
  .meeting-room-container .menu-child__tags .close-menu__tagging {
    right: 35px;
    top: 29px;
    position: absolute;
    background-color: #061126;
    width: 35px;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 5px; }
  .meeting-room-container .menu-child__tags.open {
    left: 330px !important;
    z-index: 9999 !important; }
  .meeting-room-container .menu-child__tags .document-menu__header {
    margin-bottom: 35px; }

#openSigningMenu, .openSigningMenu {
  position: fixed;
  bottom: 20px;
  left: 65px;
  cursor: pointer;
  width: 195px;
  font-size: 15px;
  color: white;
  background-color: #28a0bf;
  border-radius: 5px;
  -webkit-box-shadow: 0px 3px 6px rgba(50, 50, 50, 0.21);
          box-shadow: 0px 3px 6px rgba(50, 50, 50, 0.21);
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

#SaveCloseDocumentButton,
.SaveCloseDocumentButton #CompleteDocumentButton,
.CompleteDocumentButton {
  background-color: #57BB77 !important;
  position: fixed !important;
  z-index: 999999;
  bottom: -20px;
  right: 20px;
  cursor: pointer;
  width: 195px !important;
  font-size: 15px !important;
  color: white;
  border-radius: 5px !important;
  -webkit-box-shadow: 0px 3px 6px rgba(50, 50, 50, 0.21);
          box-shadow: 0px 3px 6px rgba(50, 50, 50, 0.21);
  height: 32px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

#SigningCachedOptionsModal .fa-times, #SigningCachedOptionsModal .popup-header {
  color: white; }

#SigningCachedOptionsModal .row {
  height: auto !important; }

.signature-panel button.add-sig-btn {
  cursor: pointer;
  width: 195px;
  font-size: 15px;
  color: white;
  background-color: #57BB77 !important;
  border-radius: 5px;
  -webkit-box-shadow: 0px 3px 6px rgba(50, 50, 50, 0.21);
          box-shadow: 0px 3px 6px rgba(50, 50, 50, 0.21);
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 35px;
  margin-top: 30px; }

.modal.upload-folder .chooser-button {
  background-color: #57bb77;
  cursor: pointer;
  width: 195px;
  font-size: 15px;
  color: white !important;
  border-radius: 5px;
  -webkit-box-shadow: 0px 3px 6px rgba(50, 50, 50, 0.21);
          box-shadow: 0px 3px 6px rgba(50, 50, 50, 0.21);
  height: 32px;
  margin: 0 auto !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  margin-bottom: 25px !important; }

#docsroot, body, .doc-view, .document-viewer {
  background-color: #E8E8E8 !important; }

.admin-screens {
  background-color: #ffffff !important; }

.modal-header h3 {
  color: #3E3E3E !important; }

.modal-body p {
  color: #3E3E3E !important; }

.modal-content {
  background-color: #F7F9FC !important;
  color: #3E3E3E !important; }
  .modal-content .chooser-button {
    color: #3E3E3E !important; }
    .modal-content .chooser-button:hover {
      color: #222 !important; }
  .modal-content .modal-body {
    padding: 0 20px 20px !important; }
  .modal-content .alert-modal.modal-body {
    padding: 10px !important; }

.sig-panel-header, .sig-panel-footer, .jSignature {
  background-color: #F7F9FC !important; }

.jSignature {
  cursor: url("/assets/sig-pencil.svg") 0 20, default; }

.schedule-meet-btn, .meet-btn {
  width: 100%;
  background-color: #28a0bf !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
  font-size: 13px;
  font-weight: bold; }
  .schedule-meet-btn:after, .meet-btn:after {
    content: '';
    position: absolute;
    right: 12px;
    background: url("/assets/plus-icon.svg");
    background-position: center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px; }

.container-fluid {
  padding-left: 155px;
  padding-right: 25px; }
  @media (min-width: 1365px) {
    .container-fluid {
      padding-right: 155px; } }
  .container-fluid .row {
    display: block !important; }

.meetings-grid-actions {
  margin-bottom: 46px; }

#SearchMeetings, #SearchCrms, #SearchCustomers, #SearchUsers {
  width: 100%;
  border: 1px solid #E9EBF0;
  background: #F7F9FC;
  display: block;
  -webkit-box-shadow: none;
          box-shadow: none; }

.input-group {
  display: block; }

meeting-grid, crm-grid, crm-users, customers {
  color: #3E3E3E; }
  meeting-grid thead > tr, crm-grid thead > tr, crm-users thead > tr, customers thead > tr {
    background-color: #F7F9FC !important;
    color: #707070 !important; }
    meeting-grid thead > tr th, crm-grid thead > tr th, crm-users thead > tr th, customers thead > tr th {
      border: none !important;
      font-weight: 300; }
  meeting-grid tbody tr, meeting-grid tbody tr.odd, crm-grid tbody tr, crm-grid tbody tr.odd, crm-users tbody tr, crm-users tbody tr.odd, customers tbody tr, customers tbody tr.odd {
    background-color: #ffffff !important;
    border-bottom: 2px solid #E9EBF0 !important; }
    meeting-grid tbody tr .sorting_1, meeting-grid tbody tr.odd .sorting_1, crm-grid tbody tr .sorting_1, crm-grid tbody tr.odd .sorting_1, crm-users tbody tr .sorting_1, crm-users tbody tr.odd .sorting_1, customers tbody tr .sorting_1, customers tbody tr.odd .sorting_1 {
      background-color: #ffffff !important; }
  meeting-grid tbody tr, crm-grid tbody tr, crm-users tbody tr, customers tbody tr {
    cursor: initial !important; }
    meeting-grid tbody tr td:first-of-type, crm-grid tbody tr td:first-of-type, crm-users tbody tr td:first-of-type, customers tbody tr td:first-of-type {
      font-size: 18px;
      color: #3E3E3E;
      font-weight: 700; }
    meeting-grid tbody tr td span.meeting-date, crm-grid tbody tr td span.meeting-date, crm-users tbody tr td span.meeting-date, customers tbody tr td span.meeting-date {
      background-color: rgba(246, 140, 43, 0.12);
      color: #28a0bf;
      font-size: 13px;
      font-weight: 700;
      margin-left: 20px;
      height: 25px;
      width: 79px;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      border-radius: 13px; }
    meeting-grid tbody tr td ul li, crm-grid tbody tr td ul li, crm-users tbody tr td ul li, customers tbody tr td ul li {
      display: inline;
      font-size: 13px;
      font-weight: 500; }
      meeting-grid tbody tr td ul li:not(:last-of-type):after, crm-grid tbody tr td ul li:not(:last-of-type):after, crm-users tbody tr td ul li:not(:last-of-type):after, customers tbody tr td ul li:not(:last-of-type):after {
        content: ', '; }
    meeting-grid tbody tr td ul:before, crm-grid tbody tr td ul:before, crm-users tbody tr td ul:before, customers tbody tr td ul:before {
      content: '';
      background-image: url("/assets/meeting-manager-participants-icon.svg");
      background-size: 100%;
      background-position: center;
      background-repeat: no-repeat;
      display: inline-block;
      position: relative;
      width: 16px;
      height: 13px;
      margin-right: 10px; }
  meeting-grid tbody .enter-meeting, meeting-grid tbody .SP-meeting-status, crm-grid tbody .enter-meeting, crm-grid tbody .SP-meeting-status, crm-users tbody .enter-meeting, crm-users tbody .SP-meeting-status, customers tbody .enter-meeting, customers tbody .SP-meeting-status {
    border: 1px solid #28a0bf;
    border-radius: 5px;
    width: 187px;
    height: 35px;
    color: #28a0bf;
    font-size: 13px;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-transition: 0.4s all ease-in-out;
    transition: 0.4s all ease-in-out; }
    meeting-grid tbody .enter-meeting__icon, meeting-grid tbody .SP-meeting-status__icon, crm-grid tbody .enter-meeting__icon, crm-grid tbody .SP-meeting-status__icon, crm-users tbody .enter-meeting__icon, crm-users tbody .SP-meeting-status__icon, customers tbody .enter-meeting__icon, customers tbody .SP-meeting-status__icon {
      position: absolute;
      right: 15px;
      width: 15px;
      height: 15px; }
    meeting-grid tbody .enter-meeting:hover, meeting-grid tbody .enter-meeting:focus, meeting-grid tbody .SP-meeting-status:hover, meeting-grid tbody .SP-meeting-status:focus, crm-grid tbody .enter-meeting:hover, crm-grid tbody .enter-meeting:focus, crm-grid tbody .SP-meeting-status:hover, crm-grid tbody .SP-meeting-status:focus, crm-users tbody .enter-meeting:hover, crm-users tbody .enter-meeting:focus, crm-users tbody .SP-meeting-status:hover, crm-users tbody .SP-meeting-status:focus, customers tbody .enter-meeting:hover, customers tbody .enter-meeting:focus, customers tbody .SP-meeting-status:hover, customers tbody .SP-meeting-status:focus {
      -webkit-box-shadow: inset 187px 0 0 0 #28a0bf;
              box-shadow: inset 187px 0 0 0 #28a0bf;
      color: white; }
      meeting-grid tbody .enter-meeting:hover svg path, meeting-grid tbody .enter-meeting:focus svg path, meeting-grid tbody .SP-meeting-status:hover svg path, meeting-grid tbody .SP-meeting-status:focus svg path, crm-grid tbody .enter-meeting:hover svg path, crm-grid tbody .enter-meeting:focus svg path, crm-grid tbody .SP-meeting-status:hover svg path, crm-grid tbody .SP-meeting-status:focus svg path, crm-users tbody .enter-meeting:hover svg path, crm-users tbody .enter-meeting:focus svg path, crm-users tbody .SP-meeting-status:hover svg path, crm-users tbody .SP-meeting-status:focus svg path, customers tbody .enter-meeting:hover svg path, customers tbody .enter-meeting:focus svg path, customers tbody .SP-meeting-status:hover svg path, customers tbody .SP-meeting-status:focus svg path {
        stroke: white; }
      meeting-grid tbody .enter-meeting:hover svg, meeting-grid tbody .enter-meeting:focus svg, meeting-grid tbody .SP-meeting-status:hover svg, meeting-grid tbody .SP-meeting-status:focus svg, crm-grid tbody .enter-meeting:hover svg, crm-grid tbody .enter-meeting:focus svg, crm-grid tbody .SP-meeting-status:hover svg, crm-grid tbody .SP-meeting-status:focus svg, crm-users tbody .enter-meeting:hover svg, crm-users tbody .enter-meeting:focus svg, crm-users tbody .SP-meeting-status:hover svg, crm-users tbody .SP-meeting-status:focus svg, customers tbody .enter-meeting:hover svg, customers tbody .enter-meeting:focus svg, customers tbody .SP-meeting-status:hover svg, customers tbody .SP-meeting-status:focus svg {
        -webkit-animation-name: wobbleIcon;
                animation-name: wobbleIcon;
        -webkit-animation-duration: 1s;
                animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1; }
  meeting-grid tbody .SP-meeting-status .enter-meeting__icon, crm-grid tbody .SP-meeting-status .enter-meeting__icon, crm-users tbody .SP-meeting-status .enter-meeting__icon, customers tbody .SP-meeting-status .enter-meeting__icon {
    width: 17px;
    height: 17px; }
    meeting-grid tbody .SP-meeting-status .enter-meeting__icon circle, meeting-grid tbody .SP-meeting-status .enter-meeting__icon line, crm-grid tbody .SP-meeting-status .enter-meeting__icon circle, crm-grid tbody .SP-meeting-status .enter-meeting__icon line, crm-users tbody .SP-meeting-status .enter-meeting__icon circle, crm-users tbody .SP-meeting-status .enter-meeting__icon line, customers tbody .SP-meeting-status .enter-meeting__icon circle, customers tbody .SP-meeting-status .enter-meeting__icon line {
      stroke-width: 2.5; }
  meeting-grid .dataTables_scrollBody, crm-grid .dataTables_scrollBody, crm-users .dataTables_scrollBody, customers .dataTables_scrollBody {
    border-bottom: none !important;
    max-height: 70vh !important; }

social-media-links {
  display: none; }

@-webkit-keyframes wobbleIcon {
  16% {
    -webkit-transform: translateX(6px);
            transform: translateX(6px); }
  33% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px); }
  49% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px); }
  66% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px); }
  83% {
    -webkit-transform: translateX(1px);
            transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes wobbleIcon {
  16% {
    -webkit-transform: translateX(6px);
            transform: translateX(6px); }
  33% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px); }
  49% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px); }
  66% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px); }
  83% {
    -webkit-transform: translateX(1px);
            transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

.screenshare-btn {
  font-size: 13px !important;
  font-weight: 700;
  background-color: #28a0bf !important;
  color: white;
  height: 40px; }
  .screenshare-btn:hover {
    color: white !important; }

.edit-meeting-tab-content .verifyInputWrap svg {
  width: 24px; }

.edit-meeting-modal .row {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: auto; }
  @media (max-width: 1400px) {
    .edit-meeting-modal .row {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap; } }
  .edit-meeting-modal .row .form-control {
    background: #ffffff;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 1px solid #707070;
    font-size: 13px;
    color: #3E3E3E;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-left: 12px;
    margin-bottom: 30px; }
  .edit-meeting-modal .row label {
    color: #3E3E3E;
    font-weight: 700;
    font-size: 13px !important;
    margin-bottom: 20px;
    line-height: 24px; }

.edit-meeting-modal .modal-dialog {
  width: 90%; }

.edit-meeting-modal #participantGroup {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  padding: 0; }
  .edit-meeting-modal #participantGroup .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0; }
    .edit-meeting-modal #participantGroup .form-group label:not(.verify-label) {
      display: none; }
    .edit-meeting-modal #participantGroup .form-group input + input {
      margin-left: 20px; }

.cta-buttons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.btn-modal-bottom {
  font-size: 13px !important;
  font-weight: 700; }
  .btn-modal-bottom[type=submit] {
    background-color: #57BB77 !important;
    color: white;
    height: 40px;
    margin-left: 20px; }
  .btn-modal-bottom[type=button] {
    background-color: white !important;
    color: #3E3E3E;
    border: 1px solid #707070;
    height: 40px; }

.verifyInputWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .verifyInputWrap > .row {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .verifyInputWrap svg {
    height: 35px; }

.verify-disabled-notification {
  position: absolute;
  background-color: #0B1F45;
  width: 360px;
  padding: 20px;
  border-radius: 5px;
  position: fixed;
  top: 0;
  z-index: -1;
  right: 86px;
  -webkit-transition: 0.4s all ease-out;
  transition: 0.4s all ease-out; }
  .verify-disabled-notification.in, .verify-disabled-notification:hover {
    top: -140px !important; }
  .verify-disabled-notification p {
    color: white !important; }

.tabs-wrap {
  border-bottom: 2px solid #E8E8E8;
  padding-bottom: 18px;
  margin-bottom: 30px; }
  .tabs-wrap .tab {
    font-size: 18px;
    color: #3E3E3E;
    font-weight: bold;
    padding-bottom: 20px;
    cursor: pointer; }
    .tabs-wrap .tab + .tab {
      margin-left: 85px; }
    .tabs-wrap .tab.activetab {
      color: #28a0bf;
      border-bottom: 2px solid #28a0bf; }

.document-tab-headers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px; }
  .document-tab-headers .doctab {
    font-size: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 108px;
    height: 25px;
    border-radius: 13px;
    cursor: pointer; }
    .document-tab-headers .doctab + .doctab {
      margin-left: 31px; }
  .document-tab-headers .to-sign, .document-tab-headers .to-read, .document-tab-headers .finalised {
    border: 1px solid #3E3E3E;
    color: #3E3E3E; }
    .document-tab-headers .to-sign.activetab, .document-tab-headers .to-read.activetab, .document-tab-headers .finalised.activetab {
      background-color: #28a0bf;
      color: white;
      border: 1px solid #28a0bf; }
  .document-tab-headers .upload {
    border: 1px solid #28a0bf;
    color: #28a0bf; }

.document-list {
  padding: 15px !important; }

.documentsinroom {
  border: none !important; }

.scheduler-doclist .document-button-container {
  display: block !important; }

.scheduler-doclist .form-group {
  position: relative; }
  .scheduler-doclist .form-group .deletedocumentbtn {
    position: absolute;
    top: 0;
    right: 0; }
  .scheduler-doclist .form-group .folder-option-select {
    margin-right: 25px; }

.document-button-container {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .document-button-container svg {
    margin-right: 10px; }

.documentname a {
  color: #3E3E3E;
  font-size: 15px;
  font-weight: bold; }

.recordings-tab-content table.recording {
  border: none !important;
  background-color: white !important;
  overflow: unset !important; }

.recordings-tab-content tr {
  background-color: white !important; }
  .recordings-tab-content tr .recordingName {
    color: #3E3E3E;
    font-size: 15px;
    font-weight: bold;
    padding: 15px 0; }
  .recordings-tab-content tr .recordDate {
    background-color: rgba(246, 140, 43, 0.12);
    color: #28a0bf;
    font-size: 13px;
    font-weight: 700;
    height: 25px;
    width: 161px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 13px; }

.recordings-tab-content .recordings-title button {
  width: auto !important; }

.recordings-tab-content .share-recordings-container {
  background-color: transparent !important; }
  .recordings-tab-content .share-recordings-container input {
    background: #ffffff !important;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 1px solid #707070;
    font-size: 13px;
    color: #3E3E3E;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-left: 12px;
    margin-bottom: 30px; }

.transcriptions-tab-content .transcription-row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .transcriptions-tab-content .transcription-row svg {
    height: 40px;
    padding: 5px; }
    .transcriptions-tab-content .transcription-row svg .cls-1, .transcriptions-tab-content .transcription-row svg .cls-2 {
      stroke: #414141 !important; }
    .transcriptions-tab-content .transcription-row svg .cls-1 {
      fill: #414141 !important; }

.transcriptions-tab-content .transcriptionName {
  color: #3E3E3E;
  font-size: 15px;
  font-weight: bold;
  padding: 15px 0; }

.transcriptions-tab-content .transcriptionDate {
  background-color: rgba(246, 141, 43, 0.12);
  color: #28a0bf;
  font-size: 13px;
  font-weight: 700;
  height: 25px;
  width: 161px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 13px; }

.transcriptions-tab-content .generating {
  width: 196px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 13px;
  font-weight: 700; }
  .transcriptions-tab-content .generating .fa-spinner {
    margin-right: 5px; }

.transcriptions-tab-content .transcribe-title button {
  width: auto !important; }

.transcriptions-tab-content .share-transcriptions-container {
  background-color: transparent !important; }
  .transcriptions-tab-content .share-transcriptions-container input {
    background: #ffffff !important;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 1px solid #707070;
    font-size: 13px;
    color: #3E3E3E;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-left: 12px;
    margin-bottom: 30px; }

.view-doc-btn {
  color: #57BB77 !important;
  border: 1px solid #57BB77;
  font-size: 13px !important;
  width: 196px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out; }
  .view-doc-btn:hover, .view-doc-btn:focus {
    -webkit-box-shadow: inset 196px 0 0 0 #57BB77;
            box-shadow: inset 196px 0 0 0 #57BB77;
    color: white !important;
    font-weight: bold; }

.removeParticipant i.fa {
  position: relative; }

.addInvitees {
  color: #57BB77 !important;
  border: 1px solid #57BB77;
  font-size: 13px !important;
  font-weight: bold;
  width: 196px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 5px;
  cursor: pointer; }

.addInviteesDisabled {
  display: none; }

.new-meeting-form .row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.schedule-btn {
  font-size: 13px !important;
  font-weight: 700;
  background-color: #57BB77 !important;
  color: white;
  height: 40px;
  margin-left: 20px; }

.cancel-btn {
  font-size: 13px !important;
  font-weight: 700;
  background-color: white !important;
  color: #3E3E3E;
  border: 1px solid #707070;
  height: 40px; }

.free-trial-banner {
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  background-color: #0e1e45;
  padding: 6px 12px; }
  .free-trial-banner h3 {
    color: whitesmoke;
    font-size: 1em;
    margin: 0; }
    .free-trial-banner h3 strong {
      color: #F68C2B; }
    .free-trial-banner h3 a {
      color: #F68C2B;
      font-weight: 700;
      cursor: pointer; }
      .free-trial-banner h3 a:hover {
        color: #f9b474; }

.welcome-panel__wrap {
  margin: 20px 0; }

.welcome-panel__content svg {
  width: 10px;
  height: 10px; }

.dropdown-menu.menu-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 200px;
  padding: 15px;
  left: auto;
  right: 0;
  top: 70px; }

.welcome-menu {
  background-color: white !important; }
  .welcome-menu a {
    color: #3E3E3E; }

table.dataTable.display tbody td {
  border-top: 1px solid #E9EBF0;
  padding-top: 25px;
  padding-bottom: 15px; }

.modal-body input, .modal-body select {
  background: #ffffff !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #707070;
  font-size: 13px;
  color: #3E3E3E;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 12px; }

.modal-body input {
  margin-bottom: 30px; }

.modal-body label {
  color: #3E3E3E;
  font-weight: 700;
  font-size: 13px !important;
  margin-bottom: 20px;
  line-height: 24px; }

.modal-body [class*=fa]:not(.posRel) {
  left: unset !important;
  right: 5px; }

#chattr .chat-header {
  border-radius: 5px 5px 0 0;
  background-color: #0B1F45 !important; }

#chattr .send-chat {
  background-color: #28a0bf; }

.easter-tony {
  display: none; }
  .easter-tony.poisoned {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    position: fixed;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
    .easter-tony.poisoned audio {
      visibility: hidden; }
    .easter-tony.poisoned img {
      -webkit-animation: horizontal-shaking 0.15s infinite;
              animation: horizontal-shaking 0.15s infinite; }

@-webkit-keyframes horizontal-shaking {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  25% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px); }
  50% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px); }
  75% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes horizontal-shaking {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  25% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px); }
  50% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px); }
  75% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

.user-stream .icon-recording-indicator.in-control {
  left: 0px;
  bottom: 5px;
  top: unset; }

.single-user-session .stream-offline {
  display: none; }

.single-user-session .default-side-panel-row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .single-user-session .default-side-panel-row streams-panel {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .single-user-session .default-side-panel-row single-person-panel > div {
    background: linear-gradient(219deg, #00305a 0%, #0659a2 100%);
    padding: 60px 75px;
    min-height: 475px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    border-radius: 39px;
    -webkit-box-shadow: 0 3px 6px;
            box-shadow: 0 3px 6px; }
    .single-user-session .default-side-panel-row single-person-panel > div h2, .single-user-session .default-side-panel-row single-person-panel > div p {
      color: white; }
    .single-user-session .default-side-panel-row single-person-panel > div h2 {
      font-size: 30px;
      margin-bottom: 20px; }
    .single-user-session .default-side-panel-row single-person-panel > div p {
      font-size: 19px;
      line-height: 33px; }
    .single-user-session .default-side-panel-row single-person-panel > div ul {
      padding-left: 0;
      margin-top: 20px;
      margin-bottom: 30px; }
      .single-user-session .default-side-panel-row single-person-panel > div ul .document-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
      .single-user-session .default-side-panel-row single-person-panel > div ul .document-icon {
        width: 20px;
        height: 20px;
        display: inline-block;
        margin-right: 20px; }
        .single-user-session .default-side-panel-row single-person-panel > div ul .document-icon svg path {
          fill: white; }
      .single-user-session .default-side-panel-row single-person-panel > div ul .document-name {
        display: inline-block;
        text-align: left; }
        .single-user-session .default-side-panel-row single-person-panel > div ul .document-name .documentname {
          color: white;
          font-size: 15px;
          word-wrap: break-word;
          width: 188px;
          display: block; }
      .single-user-session .default-side-panel-row single-person-panel > div ul li {
        font-size: 17px; }
        .single-user-session .default-side-panel-row single-person-panel > div ul li + li {
          margin-top: 30px; }

.doc-wrap {
  max-height: 180px;
  overflow: auto; }

.userTag--0 {
  -webkit-transform: translateZ(0);
          transform: translateZ(0); }
  .userTag--0:before {
    background-color: #f0932b;
    content: '';
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    left: 7px;
    top: 6px;
    z-index: 999;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.67);
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.67); }
    @media (max-width: 500px) {
      .userTag--0:before {
        display: none; } }
  .userTag--0.poi:before {
    top: 5px; }
  @media (max-width: 500px) {
    .userTag--0.poi button {
      background-color: #f0932b; } }
  .userTag--0.person-tag-button:before {
    position: relative;
    display: inline-block;
    left: unset;
    top: unset;
    margin-right: 27px; }

.userTag--1 {
  -webkit-transform: translateZ(0);
          transform: translateZ(0); }
  .userTag--1:before {
    background-color: #7ed6df;
    content: '';
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    left: 7px;
    top: 6px;
    z-index: 999;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.67);
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.67); }
    @media (max-width: 500px) {
      .userTag--1:before {
        display: none; } }
  .userTag--1.poi:before {
    top: 5px; }
  @media (max-width: 500px) {
    .userTag--1.poi button {
      background-color: #7ed6df; } }
  .userTag--1.person-tag-button:before {
    position: relative;
    display: inline-block;
    left: unset;
    top: unset;
    margin-right: 27px; }

.userTag--2 {
  -webkit-transform: translateZ(0);
          transform: translateZ(0); }
  .userTag--2:before {
    background-color: #6ab04c;
    content: '';
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    left: 7px;
    top: 6px;
    z-index: 999;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.67);
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.67); }
    @media (max-width: 500px) {
      .userTag--2:before {
        display: none; } }
  .userTag--2.poi:before {
    top: 5px; }
  @media (max-width: 500px) {
    .userTag--2.poi button {
      background-color: #6ab04c; } }
  .userTag--2.person-tag-button:before {
    position: relative;
    display: inline-block;
    left: unset;
    top: unset;
    margin-right: 27px; }

.userTag--3 {
  -webkit-transform: translateZ(0);
          transform: translateZ(0); }
  .userTag--3:before {
    background-color: #e056fd;
    content: '';
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    left: 7px;
    top: 6px;
    z-index: 999;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.67);
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.67); }
    @media (max-width: 500px) {
      .userTag--3:before {
        display: none; } }
  .userTag--3.poi:before {
    top: 5px; }
  @media (max-width: 500px) {
    .userTag--3.poi button {
      background-color: #e056fd; } }
  .userTag--3.person-tag-button:before {
    position: relative;
    display: inline-block;
    left: unset;
    top: unset;
    margin-right: 27px; }

.userTag--4 {
  -webkit-transform: translateZ(0);
          transform: translateZ(0); }
  .userTag--4:before {
    background-color: #686de0;
    content: '';
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    left: 7px;
    top: 6px;
    z-index: 999;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.67);
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.67); }
    @media (max-width: 500px) {
      .userTag--4:before {
        display: none; } }
  .userTag--4.poi:before {
    top: 5px; }
  @media (max-width: 500px) {
    .userTag--4.poi button {
      background-color: #686de0; } }
  .userTag--4.person-tag-button:before {
    position: relative;
    display: inline-block;
    left: unset;
    top: unset;
    margin-right: 27px; }

.userTag--5 {
  -webkit-transform: translateZ(0);
          transform: translateZ(0); }
  .userTag--5:before {
    background-color: #eb4d4b;
    content: '';
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    left: 7px;
    top: 6px;
    z-index: 999;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.67);
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.67); }
    @media (max-width: 500px) {
      .userTag--5:before {
        display: none; } }
  .userTag--5.poi:before {
    top: 5px; }
  @media (max-width: 500px) {
    .userTag--5.poi button {
      background-color: #eb4d4b; } }
  .userTag--5.person-tag-button:before {
    position: relative;
    display: inline-block;
    left: unset;
    top: unset;
    margin-right: 27px; }

.userTag--6 {
  -webkit-transform: translateZ(0);
          transform: translateZ(0); }
  .userTag--6:before {
    background-color: #f9ca24;
    content: '';
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    left: 7px;
    top: 6px;
    z-index: 999;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.67);
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.67); }
    @media (max-width: 500px) {
      .userTag--6:before {
        display: none; } }
  .userTag--6.poi:before {
    top: 5px; }
  @media (max-width: 500px) {
    .userTag--6.poi button {
      background-color: #f9ca24; } }
  .userTag--6.person-tag-button:before {
    position: relative;
    display: inline-block;
    left: unset;
    top: unset;
    margin-right: 27px; }

.userTag--7 {
  -webkit-transform: translateZ(0);
          transform: translateZ(0); }
  .userTag--7:before {
    background-color: #30336b;
    content: '';
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    left: 7px;
    top: 6px;
    z-index: 999;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.67);
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.67); }
    @media (max-width: 500px) {
      .userTag--7:before {
        display: none; } }
  .userTag--7.poi:before {
    top: 5px; }
  @media (max-width: 500px) {
    .userTag--7.poi button {
      background-color: #30336b; } }
  .userTag--7.person-tag-button:before {
    position: relative;
    display: inline-block;
    left: unset;
    top: unset;
    margin-right: 27px; }

#MobileCompleteDocumentButton, .switch-type, #MobileClearSignatureButton #MobileCancelSignaturePanelButton {
  display: none; }

.media-prompt {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 12px;
  max-width: 240px;
  height: auto;
  font-size: 15px;
  text-align: center;
  background-color: #ed681c;
  color: white;
  z-index: 9999999999;
  top: 20px;
  left: 28px;
  opacity: 1;
  -webkit-transition: all linear 0.5s;
  transition: all linear 0.5s; }
  .media-prompt.fade-out {
    opacity: 0;
    -webkit-transition: all linear 0.5s;
    transition: all linear 0.5s; }
  .media-prompt:before {
    content: "";
    border-style: solid;
    border-width: 0 10px 15px 10px;
    border-color: transparent transparent #ed681c transparent;
    position: absolute;
    top: -10px;
    left: 50%; }
  .media-prompt.browser-safari {
    left: 60% !important; }
  .media-prompt.browser-firefox {
    left: 175px !important; }

.desktop-label {
  display: block; }

.signer-stream-panel, .mobile-label {
  display: none; }

.fixedMobileOptions__button {
  display: none; }

@-webkit-keyframes someoneTypingAnimation {
  0% {
    -webkit-transform: translateY(0px); }
  28% {
    -webkit-transform: translateY(-5px); }
  44% {
    -webkit-transform: translateY(0px); } }

.signing-notification-modal .modal-content {
  height: 100vh;
  width: 100vw;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  max-height: unset;
  background-color: transparent !important; }

.signing-notification {
  position: fixed;
  bottom: 115px;
  left: 0;
  right: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 6px 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  max-width: 275px;
  background-color: #fafafa;
  border-radius: 20px;
  -webkit-box-shadow: 2px 4px 6px #999;
  box-shadow: 2px 4px 6px #999; }
  .signing-notification__text {
    color: #81807F;
    font-size: 13px; }
  .signing-notification__icon .dot {
    -webkit-animation: someoneTypingAnimation 1.5s infinite ease-in-out;
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    margin-right: 5px;
    width: 10px; }
    .signing-notification__icon .dot:nth-of-type(1) {
      -webkit-animation-delay: 200ms;
      background-color: #ccc; }
    .signing-notification__icon .dot:nth-of-type(2) {
      -webkit-animation-delay: 300ms;
      background-color: #ddd; }
    .signing-notification__icon .dot:nth-of-type(3) {
      -webkit-animation-delay: 400ms;
      background-color: #eee; }

preloading-spinner {
  position: relative;
  display: block; }
  preloading-spinner .docPreload {
    background-color: rgba(105, 95, 95, 0.8);
    padding: 20px;
    border-radius: 24px;
    left: 0 !important;
    width: 170px;
    display: block;
    margin: 0 auto;
    right: 0; }
    preloading-spinner .docPreload .docPreloadImg {
      position: unset; }
    preloading-spinner .docPreload .docPreloadText {
      color: white;
      font-size: 17px;
      font-weight: 700; }

.turn-to-portrait-prompt-container {
  display: none; }

.title-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 14%; }

.unsupported-device-title-box {
  height: 100%;
  width: 100%;
  background: #e36f2c;
  background: linear-gradient(350deg, #e36f2c 0%, #e36f2c 49%, #f07935 50%, #f07935 100%);
  font-weight: 100;
  overflow: hidden;
  display: grid; }

.arrow-down {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 33px solid #e36f2c; }

.arrow-container {
  position: fixed;
  top: 14%;
  left: 45.5vw;
  -webkit-transform: translate(-6%, -10%);
          transform: translate(-6%, -10%); }

.unsupported-device-title {
  color: white;
  font-size: 38px;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  margin: auto;
  z-index: 10; }

.unsupported-device-content {
  position: fixed;
  top: 20%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100vw;
  height: 30%;
  margin-left: auto;
  margin-right: auto; }

.unsupported-device-message {
  height: 80%;
  width: 85%;
  max-width: 500px;
  font-size: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.unsupported-device-icon {
  position: fixed;
  top: 50%;
  height: 30%;
  width: 100vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .unsupported-device-icon img {
    height: 100%;
    margin: auto; }

.unsupported-device-link-container {
  position: fixed;
  top: 50%;
  height: 30%;
  width: 100vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.meeting-link-label {
  display: block;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px; }

.meeting-link-box {
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: calc(30vh - 60px);
  border: 2px solid #e36f2c;
  border-radius: 10px;
  font-size: 12px;
  font-weight: bold;
  width: 80vw;
  max-width: 300px; }

.meeting-link-btn {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80vw;
  max-width: 550px;
  min-width: 300px;
  height: 60px;
  border-radius: 10px;
  background: black;
  color: white;
  font-size: 22px; }

.exit-button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  bottom: 7%;
  height: 13%;
  width: 100vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.exitbutton {
  color: white;
  display: block;
  font-size: 22px;
  height: 60px;
  width: 140px;
  background-color: #e36f2c;
  border-radius: 10px;
  border-color: white;
  border-style: solid; }

.moreInfo-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 7%;
  position: fixed;
  bottom: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.moreInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  width: 100vw;
  background: #d3d3d3;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.moreInfo-text {
  font-size: 14px;
  color: black; }

.endofdoc {
  display: none; }

.mobile-controls__wrap {
  display: none; }

/***********
MOBILE  STYLES MOVE TO OWN FILE
 */
@media (max-device-width: 896px) and (max-device-height: 767px) and (orientation: landscape) {
  .turn-to-portrait-prompt-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background-color: #1a1a1a;
    z-index: 1000; }
    .turn-to-portrait-prompt-container .icon-recording-indicator {
      content: url("/assets/recording.svg");
      -webkit-animation: pulse normal 1.8s infinite ease-in;
      animation: pulse normal 1.8s infinite ease-in;
      position: fixed;
      top: 5px;
      right: 5px;
      height: 30px;
      width: 30px; }
  .turn-to-portrait-prompt {
    background: black;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 280px;
    height: 100px;
    border-radius: 10px;
    padding: 6px 12px; }
  .turn-to-portrait-prompt-text {
    width: 67%;
    text-align: center;
    color: white; }
  @-webkit-keyframes rotate {
    0% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); } }
  @keyframes rotate {
    0% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); } }
  @-webkit-keyframes flash {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1); }
    50% {
      -webkit-transform: scale(1.16);
              transform: scale(1.16); }
    100% {
      -webkit-transform: scale(1.1);
              transform: scale(1.1); } }
  @keyframes flash {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1); }
    50% {
      -webkit-transform: scale(1.16);
              transform: scale(1.16); }
    100% {
      -webkit-transform: scale(1.1);
              transform: scale(1.1); } }
  .turn-to-portrait-prompt-icon img {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    height: 70%;
    -webkit-animation: rotate 0.7s 0.8s 1 ease-in-out forwards, flash 0.5s 1.4s linear forwards;
            animation: rotate 0.7s 0.8s 1 ease-in-out forwards, flash 0.5s 1.4s linear forwards; } }

@media (max-width: 767px) {
  .mobile-controls__wrap {
    position: fixed;
    bottom: 90px;
    left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 200px;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-around;
    background-color: rgba(0, 0, 0, 0.4);
    height: 40px;
    z-index: 99;
    border-radius: 50px; }
    .mobile-controls__wrap .next svg, .mobile-controls__wrap .prev svg, .mobile-controls__wrap .toFirst svg, .mobile-controls__wrap .toLast svg {
      max-height: 26px; }
      .mobile-controls__wrap .next svg path, .mobile-controls__wrap .prev svg path, .mobile-controls__wrap .toFirst svg path, .mobile-controls__wrap .toLast svg path {
        fill: #fff; }
    .mobile-controls__wrap .next.ng-hide, .mobile-controls__wrap .prev.ng-hide, .mobile-controls__wrap .toFirst.ng-hide, .mobile-controls__wrap .toLast.ng-hide {
      display: block !important;
      opacity: 0;
      visibility: hidden; }
  .loading-screen, .swipe-instruction {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .doc-is-video, .view-mode-switch-wrapper, .desktop-menu, div[class*="menu-child__"] {
    display: none !important; }
  .modal-content {
    max-height: calc(100vh - 100px); }
    .modal-content .choice-modal {
      margin: auto; }
      .modal-content .choice-modal .modal-footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
                justify-content: space-evenly; }
  .modal {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .modal-sm {
    max-width: 310px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  #SigningMethodMenu {
    max-width: unset;
    padding: 1em 0; }
  .modal-footer {
    padding: 0 10px; }
  .OT_publisher .OT_name, .OT_subscriber .OT_name {
    left: 0 !important;
    right: 0 !important;
    padding: 0 !important;
    background-color: rgba(0, 0, 0, 0.5) !important; }
  #MobileCompleteDocumentButton.save-close-button.btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
    margin: 0;
    max-width: 127px;
    opacity: 1;
    position: fixed;
    right: 15px;
    z-index: 100;
    background-color: #77dd77 !important;
    width: 30vw;
    bottom: 140px; }
    #MobileCompleteDocumentButton.save-close-button.btn .label {
      color: #244624;
      padding: 0;
      width: unset;
      height: unset; }
    #MobileCompleteDocumentButton.save-close-button.btn .hide-mobile-save-button {
      display: none !important; }
  div#endofdoc {
    height: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    letter-spacing: 2.2px;
    padding-top: 40px;
    color: #333;
    font-size: 22px;
    background-image: linear-gradient(45deg, #5c5c5c 26.47%, #575757 26.47%, #575757 50%, #5c5c5c 50%, #5c5c5c 76.47%, #575757 76.47%, #575757 100%);
    background-size: 120.21px 120.21px; }
  #MobileCloseDocumentButton.save-close-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
    margin: 0;
    max-width: 127px;
    opacity: 1;
    position: fixed;
    right: 15px;
    z-index: 100;
    background-color: #F65058 !important;
    height: 40px;
    width: 40px;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    bottom: 90px; }
    #MobileCloseDocumentButton.save-close-button .label {
      color: #244624;
      padding: 0;
      width: unset;
      height: unset; }
    #MobileCloseDocumentButton.save-close-button .label {
      font-size: 1.2em;
      color: white; }
  .precallrow {
    height: auto !important; }
  .precall-pass-ico {
    margin: auto !important; }
  .precall-fatal-ico {
    margin: auto !important; }
  .precall-warn-ico {
    margin: auto !important; }
  .precall-title-icon {
    margin-top: 0 !important;
    margin-bottom: 10px !important; }
  .mobile-centre-text {
    text-align: center; }
  .result-content {
    padding: 10px !important;
    margin-right: 20px;
    width: 80%; }
  .row {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .precall-app-container {
    margin: 10px;
    width: 95% !important;
    height: unset !important; }
    .precall-app-container .row {
      height: auto !important; }
  #HoldingPage {
    position: relative;
    width: 100%;
    height: 85%;
    bottom: 0px;
    z-index: 1;
    background: white; }
  .displayHolding {
    height: 500px; }
  .hideHolding {
    height: 0px !important; }
  .buttonCentre {
    margin: 0;
    position: absolute;
    top: 80%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .iconCentre {
    margin: 0;
    position: absolute;
    top: 34%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .iconSpinner {
    position: absolute;
    -webkit-animation-name: ckw;
            animation-name: ckw;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    /* Things added */
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    display: inline-block; }
  .iconSpinnerParent {
    position: absolute;
    width: 200px;
    top: -128px;
    left: -98px; }
  .iconsParent {
    margin: 0;
    position: absolute;
    top: 34%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  @-webkit-keyframes ckw {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg); } }
  @keyframes ckw {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg); } }
  .showMicMute {
    display: none; }
  .videoOff {
    display: none; }
  .default-right-container {
    height: calc(100% - 75px) !important;
    width: 100% !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    overflow: hidden; }
    .default-right-container .default-side-panel-row {
      margin: 0;
      height: 100%; }
  .full-video-view {
    display: unset !important;
    position: fixed; }
    .full-video-view .default-side-panel-row streams-panel {
      width: 100% !important;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin: 0; }
      .full-video-view .default-side-panel-row streams-panel > span {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%; }
    .full-video-view .secondary-stream-panel {
      padding: 15px;
      margin: 0;
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      position: absolute;
      top: 0; }
    .full-video-view[data-count="1"] .secondary-stream-panel .user-stream {
      height: 68%;
      min-width: 98%;
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      margin: auto; }
    .full-video-view[data-count="1"] .secondary-stream-panel .main-stream-panel {
      height: 68%;
      min-width: 98%;
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0;
      margin: auto; }
    .full-video-view[data-count="2"] .secondary-stream-panel .user-stream, .full-video-view[data-count="3"] .secondary-stream-panel .user-stream {
      height: 29%;
      min-width: 48%;
      max-width: 48%;
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      margin: auto; }
    .full-video-view[data-count="2"] .secondary-stream-panel .main-stream-panel, .full-video-view[data-count="3"] .secondary-stream-panel .main-stream-panel {
      height: 68%;
      min-width: 100%;
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0;
      margin: auto; }
    .full-video-view[data-count="4"] .secondary-stream-panel .user-stream, .full-video-view[data-count="5"] .secondary-stream-panel .user-stream {
      height: 21%;
      min-width: 48%;
      max-width: 48%;
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      margin: auto; }
    .full-video-view[data-count="4"] .secondary-stream-panel .main-stream-panel, .full-video-view[data-count="5"] .secondary-stream-panel .main-stream-panel {
      height: 54%;
      min-width: 100%;
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0;
      margin: auto; }
  .default-center-container-large {
    width: 100vw !important; }
    .default-center-container-large.participant-in-control {
      position: fixed;
      top: 20vh; }
  .default-right-container-med {
    z-index: -1; }
    .default-right-container-med.participant-in-control {
      z-index: 1;
      position: fixed;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      background-color: #474747;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      left: 0;
      width: 100vw !important;
      height: 20vh !important; }
      .default-right-container-med.participant-in-control .default-side-panel-row streams-panel {
        width: 100%;
        height: 100%; }
        .default-right-container-med.participant-in-control .default-side-panel-row streams-panel .secondary-stream-panel {
          height: 18vh;
          margin: 1vh 0 1vh;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
          .default-right-container-med.participant-in-control .default-side-panel-row streams-panel .secondary-stream-panel .user-stream {
            height: 100%;
            width: 65% !important;
            -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                    order: 1;
            margin: auto;
            min-height: unset !important; }
            .default-right-container-med.participant-in-control .default-side-panel-row streams-panel .secondary-stream-panel .user-stream.non-signer-stream {
              display: none; }
  .tc-popup {
    font-family: Arial, Helvetica, sans-serif;
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100vh;
    width: 100vw;
    background-color: #555555;
    z-index: 9999; }
  @font-face {
    .tc-popup {
      font-family: 'Roboto';
      src: url("../../../fonts/roboto/Roboto-Regular.ttf") format("truetype");
      font-weight: normal;
      font-style: normal; } }
    .tc-popup * {
      font-family: 'Roboto'; }
    .tc-popup .tc-popup__inner {
      background-color: #e2e2e2;
      padding: 0px;
      height: 100%; }
      .tc-popup .tc-popup__inner .tc-popup__header {
        color: black;
        font-size: 4vh;
        padding: 10px;
        text-align: center;
        vertical-align: middle;
        margin: auto; }
      .tc-popup .tc-popup__inner .tc-popup__contents {
        max-height: 77%;
        overflow-y: scroll;
        background-color: #f7f7f7;
        padding: 15px; }
        .tc-popup .tc-popup__inner .tc-popup__contents p {
          font-size: 16px; }
      .tc-popup .tc-popup__inner .tc-popup__buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
                justify-content: space-evenly;
        margin-top: 10px;
        margin-bottom: 10px; }
        .tc-popup .tc-popup__inner .tc-popup__buttons .btn {
          -webkit-appearance: none;
          border: 1px solid #ccc;
          font-size: 4vw;
          padding-top: 10px;
          padding-bottom: 10px;
          padding-left: 20px;
          padding-right: 20px;
          border-radius: 10px; }
          .tc-popup .tc-popup__inner .tc-popup__buttons .btn__positive {
            background-color: #546ab0;
            color: white; }
            .tc-popup .tc-popup__inner .tc-popup__buttons .btn__positive.suitebox-tooltip:not([disabled]):before, .tc-popup .tc-popup__inner .tc-popup__buttons .btn__positive.suitebox-tooltip:not([disabled]):after {
              display: none; }
          .tc-popup .tc-popup__inner .tc-popup__buttons .btn__negative {
            background-color: #b05454;
            color: #fff; }
  .full-video-view {
    z-index: 5; }
  .document-in-participant-view {
    z-index: -1; }
  .mobile-exit-button {
    display: inline; }
  #DocumentToolbar, floating-controls-panel, .document-menu {
    display: none !important; }
  .media-prompt {
    display: none; }
  .default-left-container {
    min-width: unset;
    width: unset; }
  .desktop-menu, .default-center-container, .control-button-panel {
    display: none !important; }
  .document-center-container {
    width: 100% !important;
    background: #272727; }
  document-content > div {
    max-width: 100%;
    padding-bottom: 500px; }
  .document-viewer {
    background-color: #272727 !important; }
  pdf-page {
    display: unset !important; }
  #docsroot {
    height: 93vh !important; }
  #CompleteDocumentButton {
    position: fixed;
    bottom: 80px;
    right: 20px; }
  .signing {
    width: 25%; }
  .fixedMobileOptions__button {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 75px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: white;
    background-color: #484848;
    z-index: 999; }
    .fixedMobileOptions__button.row {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .fixedMobileOptions__button.row .col-xs-2 {
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .fixedMobileOptions__button.row .col-xs-2 .icon {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
          .fixedMobileOptions__button.row .col-xs-2 .icon img, .fixedMobileOptions__button.row .col-xs-2 .icon svg {
            height: 35px;
            width: auto !important;
            margin-bottom: 10px; }
  .fixedMobileOptions__menu {
    position: fixed;
    bottom: -420px;
    height: 420px;
    background-color: white;
    -webkit-transition: 0.5s all ease-in;
    transition: 0.5s all ease-in;
    width: 100%;
    border-top-right-radius: 70px;
    border-top-left-radius: 70px;
    padding: 40px 40px 20px;
    z-index: 9; }
    .fixedMobileOptions__menu .close-menu-button {
      background-color: #eeeeee;
      width: 78px;
      height: 6px;
      border-radius: 30px;
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      top: 15px;
      content: '';
      margin: 0 auto; }
    .fixedMobileOptions__menu ul {
      margin: 0;
      padding: 0;
      height: 380px;
      overflow: scroll;
      display: block; }
      .fixedMobileOptions__menu ul li {
        padding: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        border-bottom: 1px solid #EEEEEE;
        font-size: 18px;
        font-weight: bold; }
        .fixedMobileOptions__menu ul li .context {
          width: 100%; }
          .fixedMobileOptions__menu ul li .context h3 {
            width: 100%;
            font-weight: bold;
            color: #305F72; }
          .fixedMobileOptions__menu ul li .context p {
            margin-bottom: 0;
            color: #7d9aa6; }
        .fixedMobileOptions__menu ul li .context-body .document-inner {
          padding: 20px 0;
          border-bottom: 1px solid #eeeeee; }
          .fixedMobileOptions__menu ul li .context-body .document-inner .document-name {
            font-weight: bold; }
          .fixedMobileOptions__menu ul li .context-body .document-inner .document-date {
            font-size: 12px; }
        .fixedMobileOptions__menu ul li .context-body > div {
          padding-left: 0;
          padding-right: 0; }
          .fixedMobileOptions__menu ul li .context-body > div:last-of-type .document-inner {
            border-bottom: none; }
        .fixedMobileOptions__menu ul li .context-head {
          height: unset; }
        .fixedMobileOptions__menu ul li .icon svg {
          height: 35px;
          width: 35px; }
          .fixedMobileOptions__menu ul li .icon svg path, .fixedMobileOptions__menu ul li .icon svg polyline, .fixedMobileOptions__menu ul li .icon svg polygon {
            fill: transparent;
            stroke: #F68C2B; }
      .fixedMobileOptions__menu ul.settings-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
            justify-content: space-around;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .fixedMobileOptions__menu ul.settings-menu li {
          border: 1px solid #7d9aa6;
          border-radius: 8px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-flow: column;
                  flex-flow: column;
          height: 40%; }
          .fixedMobileOptions__menu ul.settings-menu li .icon svg {
            height: 65px;
            width: auto;
            margin-bottom: 20px; }
            .fixedMobileOptions__menu ul.settings-menu li .icon svg path {
              fill: #28a0bf; }
          .fixedMobileOptions__menu ul.settings-menu li p {
            margin-bottom: 0;
            font-size: 18px;
            color: #305F72; }
    .fixedMobileOptions__menu.open {
      bottom: 75px;
      -webkit-transition: 0.5s all ease-out;
      transition: 0.5s all ease-out; }
  #testDevicesModal .modal-content {
    width: 90vw !important;
    position: fixed;
    top: 2vh;
    max-width: 440px;
    min-width: 270px; }
  .signature-panel-modal .modal-content {
    overflow: unset !important; }
  .menu-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #1a1a1a;
    opacity: 0.75;
    z-index: 7; }
  .signature-modal {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .signature-modal .row {
      height: auto; }
  .signature-panel {
    margin-top: 20px;
    width: 95vw; }
  .signature-panel-modal .sig-panel-header {
    padding: 20px 10px !important;
    height: unset !important; }
    .signature-panel-modal .sig-panel-header #SignatureName {
      margin-top: 4px;
      max-width: unset;
      width: 100%;
      border-bottom: 3px solid #ed691c;
      color: white;
      font-size: 2em;
      background-color: #3e4244;
      height: unset; }
  .signature-panel-modal .pull-right {
    display: none; }
  .signature-panel-modal .signature-pad {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    height: calc(90vw * 0.43) !important;
    position: relative; }
  .signature-panel-modal .sig-panel-footer span {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }
    .signature-panel-modal .sig-panel-footer span .tandc {
      padding: 15px 20px 0 0;
      text-align: left;
      font-size: 15px; }
    .signature-panel-modal .sig-panel-footer span .confirm #AddSignatureButton {
      padding: 25px !important;
      width: 75%;
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0;
      margin-right: 30%;
      height: 80px; }
    .signature-panel-modal .sig-panel-footer span .confirm #MobileClearSignatureButton {
      padding: 25px;
      width: 25%;
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      position: absolute;
      right: 0;
      height: 40px;
      top: 0;
      background-color: #1e73ca !important; }
    .signature-panel-modal .sig-panel-footer span .confirm #MobileCancelSignaturePanelButton {
      padding: 25px;
      width: 25%;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      position: absolute;
      right: 0;
      top: 40px !important;
      background-color: #a94442 !important;
      height: 40px; }
      .signature-panel-modal .sig-panel-footer span .confirm #MobileCancelSignaturePanelButton.isTypedSig {
        height: 80px;
        top: 0 !important; }
    .signature-panel-modal .sig-panel-footer span .confirm .btn {
      -webkit-box-shadow: none !important;
              box-shadow: none !important;
      font-size: 14px !important; }
  poi-element {
    border: none;
    background: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .poi {
    width: 100%; }
    .poi:not(.myTag) {
      display: none; }
    .poi.myTag .message {
      display: none; }
    .poi.myTag button {
      width: 100%;
      border: none;
      border-radius: 6px;
      color: white; }
      .poi.myTag button .mobile-label {
        display: block; }
      .poi.myTag button .desktop-label {
        display: none; } }

@media (max-device-height: 680px) {
  #testDevicesModal .modal-content .OT_root {
    display: none; } }

@media (max-device-width: 450px) {
  .unsupported-device-title {
    font-size: 30px;
    line-height: 33px; }
  .unsupported-device-message {
    font-size: 22px; }
  .meeting-link-btn {
    font-size: 18px;
    line-height: 19.5px;
    height: 50px; }
  .exitbutton {
    font-size: 18px;
    width: 120px;
    height: 50px; } }

@media (max-device-width: 400px) {
  .unsupported-device-title {
    font-size: 25px;
    line-height: 28px; }
  .unsupported-device-message {
    font-size: 20px; } }

@media (max-device-width: 400px) and (max-device-height: 680px) {
  .arrow-container {
    top: 12%; }
  .unsupported-device-message {
    font-size: 18px; } }

.swipe-instruction {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.7);
  height: 100vh;
  padding: 20px;
  display: none; }
  .swipe-instruction__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .swipe-instruction__main p {
      color: white;
      width: 50%;
      font-size: 1.2em;
      text-align: center; }
    .swipe-instruction__main svg {
      height: 90px;
      position: absolute;
      right: 20px;
      -webkit-animation: swipe .8s alternate infinite;
              animation: swipe .8s alternate infinite; }
      .swipe-instruction__main svg path {
        fill: white; }
  .swipe-instruction small {
    text-align: center;
    position: absolute;
    bottom: 190px;
    left: 0;
    right: 0;
    color: white; }

@-webkit-keyframes swipe {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-10deg) translateX(-80px);
            transform: rotate(-10deg) translateX(-80px); } }

@keyframes swipe {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-10deg) translateX(-80px);
            transform: rotate(-10deg) translateX(-80px); } }

.loading-screen {
  height: 100vh;
  width: 100%;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #444444;
  background: linear-gradient(135deg, #444444 0%, #575757 50%, #3d3d3d 100%);
  text-align: center;
  z-index: 99999999;
  position: fixed;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  opacity: 1; }
  .loading-screen h2 {
    font-size: 3em;
    color: #dcdcdc;
    line-height: normal; }
  .loading-screen p {
    font-size: 26px;
    color: #dcdcdc; }
  .loading-screen .vs-icon svg {
    top: 8vh; }

.vs_icon svg {
  width: auto;
  height: 12vh;
  position: relative;
  left: 0;
  right: 0;
  z-index: -1;
  opacity: 1;
  display: block;
  margin: 0 auto; }
  .vs_icon svg path {
    stroke-dasharray: 1 1 300;
    stroke-dashoffset: 615;
    -webkit-animation: dash 5s linear forwards infinite;
            animation: dash 5s linear forwards infinite;
    stroke-width: 1.5px !important;
    fill: transparent !important; }

@keyframes dash {
  to {
    stroke-dashoffset: 0; } }

.fade-out.ng-hide-add {
  opacity: 0;
  height: 0; }

.fade-out.ng-hide-add, .fade-out.ng-hide-remove {
  -webkit-animation: fadeOutHeight 0.5s ease-out forwards;
          animation: fadeOutHeight 0.5s ease-out forwards; }

@-webkit-keyframes fadeOutHeight {
  0% {
    opacity: 1;
    height: 100vh; }
  99% {
    opacity: 0;
    height: 100vh; }
  100% {
    opacity: 0;
    height: 0;
    z-index: -1; } }

@keyframes fadeOutHeight {
  0% {
    opacity: 1;
    height: 100vh; }
  99% {
    opacity: 0;
    height: 100vh; }
  100% {
    opacity: 0;
    height: 0;
    z-index: -1; } }

.updating-changes {
  position: fixed;
  height: 100vh;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #E6E6E6;
  z-index: 999999999;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column; }
  .updating-changes h1 {
    font-size: 5em;
    color: #363B46; }
  .updating-changes .vs_icon svg {
    height: 200px;
    margin-top: -270px; }
    .updating-changes .vs_icon svg path {
      stroke: #28a0bf; }
  .updating-changes.ng-hide-add svg {
    height: 0; }
  .updating-changes .changes-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column; }

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 0;
  stroke-miterlimit: 10;
  stroke: #7ac142;
  fill: none; }

.checkmark {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  margin-right: 12px; }

.step-item {
  color: #8B8986;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .step-item.step__loading, .step-item.step__complete {
    color: #2f3d4c; }

.step__complete svg {
  -webkit-box-shadow: inset 0 0 0 #7ac142;
          box-shadow: inset 0 0 0 #7ac142;
  -webkit-animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
          animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both; }
  .step__complete svg .checkmark__check {
    -webkit-animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
            animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; }
  .step__complete svg .checkmark__circle {
    stroke-width: 7;
    -webkit-animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
            animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; }

.checkmark__check {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  stroke-dasharray: 75;
  stroke-dashoffset: 75; }

.step__loading:not(.step__complete) svg {
  -webkit-animation: 2s linear infinite svg-animation;
          animation: 2s linear infinite svg-animation; }
  .step__loading:not(.step__complete) svg .checkmark__circle {
    -webkit-animation: 1.4s ease-in-out infinite both circle-animation;
            animation: 1.4s ease-in-out infinite both circle-animation;
    display: block;
    fill: transparent;
    stroke: #2f3d4c;
    stroke-linecap: round;
    stroke-dasharray: 283;
    stroke-dashoffset: 280;
    stroke-width: 10px;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%; }

@-webkit-keyframes svg-animation {
  0% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg); } }

@keyframes svg-animation {
  0% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg); } }

@-webkit-keyframes circle-animation {
  0%,
  25% {
    stroke-dashoffset: 280;
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50%,
  75% {
    stroke-dashoffset: 75;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  100% {
    stroke-dashoffset: 280;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes circle-animation {
  0%,
  25% {
    stroke-dashoffset: 280;
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50%,
  75% {
    stroke-dashoffset: 75;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  100% {
    stroke-dashoffset: 280;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes stroke {
  100% {
    stroke-dashoffset: 0; } }

@keyframes stroke {
  100% {
    stroke-dashoffset: 0; } }

@-webkit-keyframes scale {
  0%, 100% {
    -webkit-transform: none;
            transform: none; }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
            transform: scale3d(1.1, 1.1, 1); } }

@keyframes scale {
  0%, 100% {
    -webkit-transform: none;
            transform: none; }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
            transform: scale3d(1.1, 1.1, 1); } }

@-webkit-keyframes fill {
  100% {
    -webkit-box-shadow: inset 0 0 0 30px #7ac142;
            box-shadow: inset 0 0 0 30px #7ac142; } }

@keyframes fill {
  100% {
    -webkit-box-shadow: inset 0 0 0 30px #7ac142;
            box-shadow: inset 0 0 0 30px #7ac142; } }

/*
 *
 * VERIFY
 *
 */
[id*="verifyID_"] {
  display: none !important; }

.verify-checkbox__label {
  padding: 15px; }

.verify-checkbox__input {
  padding: 10px 0; }

label svg {
  max-height: 32px;
  width: 32px !important;
  left: 0 !important;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%; }

.verify-label {
  font-size: inherit !important;
  display: block;
  margin-bottom: 5px; }

[id*="verifyID_"] + label {
  margin-bottom: -7px; }

[id*="verifyID_"] + label::after {
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transform: scale(0);
          transform: scale(0); }

[id*="verifyID_"]:checked + label::after {
  content: "";
  background-image: url("/assets/verify-check.svg");
  display: block;
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: scale(1);
          transform: scale(1);
  top: 0;
  position: absolute; }

[id*="verifyID_"]:checked + label svg {
  -webkit-transform: scale(0);
          transform: scale(0); }

.icon-verify-container {
  cursor: pointer; }
  .icon-verify-container svg {
    position: absolute;
    z-index: 99;
    top: 7px;
    height: 23px;
    width: 23px;
    right: 45px; }

.verify-info-popup {
  background-color: white;
  position: absolute;
  right: 20px;
  top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  padding: 20px;
  border-radius: 5px;
  z-index: 9999999999999999999; }
  .verify-info-popup:before {
    content: '';
    border-style: solid;
    border-width: 0 15px 15px 15px;
    border-color: transparent transparent #ffffff transparent;
    display: block;
    position: absolute;
    top: -15px;
    right: 22px; }
  .verify-info-popup .btn {
    padding: 0;
    color: white;
    font-weight: 700;
    display: block;
    margin-left: 0; }
  .verify-info-popup p {
    display: block;
    width: 100%;
    margin-bottom: 0; }

.icon-verify-container svg {
  position: absolute;
  z-index: 99;
  top: 7px;
  height: 23px;
  width: 23px;
  right: 45px; }
  .icon-verify-container svg .fa-secondary {
    opacity: 1; }
  .icon-verify-container svg .fa-primary {
    color: #f9f9f9; }

.icon-verify-container.unverified svg path.fa-secondary {
  color: #888888; }

.icon-verify-container.verified svg path.fa-secondary {
  color: #00A86B; }

.verify-info-popup {
  background-color: white;
  position: absolute;
  right: 20px;
  top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  padding: 20px;
  border-radius: 5px;
  z-index: 9999999999999999999;
  max-height: 210px; }
  .verify-info-popup:before {
    content: '';
    border-style: solid;
    border-width: 0 15px 15px 15px;
    border-color: transparent transparent #ffffff transparent;
    display: block;
    position: absolute;
    top: -15px;
    right: 22px; }
  .verify-info-popup .btn {
    padding: 0;
    color: white;
    font-weight: 700;
    display: block;
    margin-left: 0; }
  .verify-info-popup p {
    display: block;
    width: 100%; }

.verify-wrap > .row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0; }

.verify-disabled-notification .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  ALIGN-ITEMS: CENTER;
  padding: 6px 12px;
  border-radius: 4px;
  margin: 0;
  background-color: #ed691c; }
  .verify-disabled-notification .row .col-xs-1 {
    padding: 0; }
    .verify-disabled-notification .row .col-xs-1 svg {
      max-height: 24px; }
  .verify-disabled-notification .row .col-xs-11 p {
    color: white;
    font-size: 12px;
    margin-bottom: 0; }
    .verify-disabled-notification .row .col-xs-11 p a {
      color: black;
      text-decoration: underline;
      font-weight: 700; }

/**
 * OT Base styles
 */
/* Root OT object, this is where our CSS reset happens */
.OT_root,
.OT_root * {
  color: #ffffff;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: Arial, Helvetica, sans-serif;
  vertical-align: baseline; }

/**
 * Specific Element Reset
 */
.OT_root h1,
.OT_root h2,
.OT_root h3,
.OT_root h4,
.OT_root h5,
.OT_root h6 {
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  font-weight: bold; }

.OT_root strong {
  font-weight: bold; }

.OT_root em {
  font-style: italic; }

.OT_root a,
.OT_root a:link,
.OT_root a:visited,
.OT_root a:hover,
.OT_root a:active {
  font-family: Arial, Helvetica, sans-serif; }

.OT_root ul, .OT_root ol {
  margin: 1em 1em 1em 2em; }

.OT_root ol {
  list-style: decimal outside; }

.OT_root ul {
  list-style: disc outside; }

.OT_root dl {
  margin: 4px; }

.OT_root dl dt,
.OT_root dl dd {
  float: left;
  margin: 0;
  padding: 0; }

.OT_root dl dt {
  clear: left;
  text-align: right;
  width: 50px; }

.OT_root dl dd {
  margin-left: 10px; }

.OT_root img {
  border: 0 none; }

/* Modal dialog styles */
/* Modal dialog styles */
.OT_dialog-centering {
  display: table;
  width: 100%;
  height: 100%; }

.OT_dialog-centering-child {
  display: table-cell;
  vertical-align: middle; }

.OT_dialog {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 576px;
  margin-right: auto;
  margin-left: auto;
  padding: 36px;
  text-align: center;
  /* centers all the inline content */
  background-color: #363636;
  color: #fff;
  -webkit-box-shadow: 2px 4px 6px #999;
          box-shadow: 2px 4px 6px #999;
  font-family: 'Didact Gothic', sans-serif;
  font-size: 13px;
  line-height: 1.4; }

.OT_dialog * {
  font-family: inherit;
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }

.OT_closeButton {
  color: #999999;
  cursor: pointer;
  font-size: 32px;
  line-height: 36px;
  position: absolute;
  right: 18px;
  top: 0; }

.OT_dialog-messages {
  text-align: center; }

.OT_dialog-messages-main {
  margin-bottom: 36px;
  line-height: 36px;
  font-weight: 300;
  font-size: 24px; }

.OT_dialog-messages-minor {
  margin-bottom: 18px;
  font-size: 13px;
  line-height: 18px;
  color: #A4A4A4; }

.OT_dialog-messages-minor strong {
  color: #ffffff; }

.OT_dialog-actions-card {
  display: inline-block; }

.OT_dialog-button-title {
  margin-bottom: 18px;
  line-height: 18px;
  font-weight: 300;
  text-align: center;
  font-size: 14px;
  color: #999999; }

.OT_dialog-button-title label {
  color: #999999; }

.OT_dialog-button-title a,
.OT_dialog-button-title a:link,
.OT_dialog-button-title a:active {
  color: #02A1DE; }

.OT_dialog-button-title strong {
  color: #ffffff;
  font-weight: 100;
  display: block; }

.OT_dialog-button {
  display: inline-block;
  margin-bottom: 18px;
  padding: 0 1em;
  background-color: #1CA3DC;
  text-align: center;
  cursor: pointer; }

.OT_dialog-button:disabled {
  cursor: not-allowed;
  opacity: 0.5; }

.OT_dialog-button-large {
  line-height: 36px;
  padding-top: 9px;
  padding-bottom: 9px;
  font-weight: 100;
  font-size: 24px; }

.OT_dialog-button-small {
  line-height: 18px;
  padding-top: 9px;
  padding-bottom: 9px;
  background-color: #444444;
  color: #999999;
  font-size: 16px; }

.OT_dialog-progress-bar {
  display: inline-block;
  /* prevents margin collapse */
  width: 100%;
  margin-top: 5px;
  margin-bottom: 41px;
  border: 1px solid #4E4E4E;
  height: 8px; }

.OT_dialog-progress-bar-fill {
  height: 100%;
  background-color: #29A4DA; }

.OT_dialog-plugin-upgrading .OT_dialog-plugin-upgrade-percentage {
  line-height: 54px;
  font-size: 48px;
  font-weight: 100; }

/* Helpers */
.OT_centered {
  position: fixed;
  left: 50%;
  top: 50%;
  margin: 0; }

.OT_dialog-hidden {
  display: none; }

.OT_dialog-button-block {
  display: block; }

.OT_dialog-no-natural-margin {
  margin-bottom: 0; }

/* Publisher and Subscriber styles */
.OT_publisher, .OT_subscriber {
  position: relative;
  min-width: 48px;
  min-height: 48px;
  border-radius: 8px; }

.OT_publisher .OT_video-element,
.OT_subscriber .OT_video-element,
.OT_publisher video,
.OT_subscriber video {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0; }

.OT_fit-mode-cover .OT_video-element,
.OT_fit-mode-cover video {
  -o-object-fit: cover;
  object-fit: cover; }

/* Styles that are applied when the video element should be mirrored */
.OT_publisher.OT_mirrored .OT_video-element, .OT_publisher.OT_mirrored video {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%; }

.OT_subscriber_error {
  background-color: #000;
  color: #fff;
  text-align: center; }

.OT_subscriber_error > p {
  padding: 20px; }

/* The publisher/subscriber name/mute background */
.OT_publisher .OT_bar,
.OT_subscriber .OT_bar,
.OT_publisher .OT_name,
.OT_subscriber .OT_name,
.OT_publisher .OT_archiving,
.OT_subscriber .OT_archiving,
.OT_publisher .OT_archiving-status,
.OT_subscriber .OT_archiving-status,
.OT_publisher .OT_archiving-light-box,
.OT_subscriber .OT_archiving-light-box {
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  height: 34px;
  position: absolute; }

.OT_publisher .OT_bar,
.OT_subscriber .OT_bar {
  background: rgba(0, 0, 0, 0.4); }

.OT_publisher .OT_edge-bar-item,
.OT_subscriber .OT_edge-bar-item {
  z-index: 1;
  /* required to get audio level meter underneath */ }

/* The publisher/subscriber name panel/archiving status bar */
.OT_publisher .OT_name, .OT_subscriber .OT_name {
  background-color: transparent;
  color: #ffffff;
  font-size: 15px;
  line-height: 34px;
  font-weight: normal;
  padding: 0 4px 0 36px; }

.OT_publisher .OT_archiving-status,
.OT_subscriber .OT_archiving-status {
  background: rgba(0, 0, 0, 0.4);
  top: auto;
  bottom: 0;
  left: 34px;
  padding: 0 4px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 15px;
  line-height: 34px;
  font-weight: normal; }

.OT_micro .OT_archiving-status,
.OT_micro:hover .OT_archiving-status,
.OT_mini .OT_archiving-status,
.OT_mini:hover .OT_archiving-status {
  display: none; }

.OT_publisher .OT_archiving-light-box,
.OT_subscriber .OT_archiving-light-box {
  background: rgba(0, 0, 0, 0.4);
  top: auto;
  bottom: 0;
  right: auto;
  width: 34px;
  height: 34px; }

.OT_archiving-light {
  width: 7px;
  height: 7px;
  border-radius: 30px;
  position: absolute;
  top: 14px;
  left: 14px;
  background-color: #575757;
  -webkit-box-shadow: 0 0 5px 1px #575757;
          box-shadow: 0 0 5px 1px #575757; }

.OT_archiving-light.OT_active {
  background-color: #970d13;
  -webkit-animation: OT_pulse 1.3s ease-in;
  -moz-animation: OT_pulse 1.3s ease-in;
  -webkit-animation: OT_pulse 1.3s ease-in;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite; }

.OT_mini .OT_bar,
.OT_bar.OT_mode-mini,
.OT_bar.OT_mode-mini-auto {
  bottom: 0;
  height: auto; }

.OT_mini .OT_name.OT_mode-off,
.OT_mini .OT_name.OT_mode-on,
.OT_mini .OT_name.OT_mode-auto,
.OT_mini:hover .OT_name.OT_mode-auto {
  display: none; }

.OT_publisher .OT_name, .OT_subscriber .OT_name {
  left: 10px;
  right: 37px;
  height: 34px;
  padding-left: 0; }

.OT_publisher .OT_mute,
.OT_subscriber .OT_mute {
  border: none;
  cursor: pointer;
  display: block;
  position: absolute;
  text-align: center;
  text-indent: -9999em;
  background-color: transparent;
  background-repeat: no-repeat; }

.OT_publisher .OT_mute,
.OT_subscriber .OT_mute {
  right: 0;
  top: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  height: 36px;
  width: 37px; }

.OT_mini .OT_mute,
.OT_publisher.OT_mini .OT_mute.OT_mode-auto.OT_mode-on-hold,
.OT_subscriber.OT_mini .OT_mute.OT_mode-auto.OT_mode-on-hold {
  top: 50%;
  left: 50%;
  right: auto;
  margin-top: -18px;
  margin-left: -18.5px;
  border-left: none; }

.verify_success_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  max-width: 400px;
  width: 350px;
  height: 100vh;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.verify_success_logo {
  display: block;
  height: 10%; }

.verify_success_message {
  display: block;
  width: 90%;
  height: 15%; }

.verify_success_title {
  display: block;
  width: 100%;
  height: 10%;
  text-align: center; }
  .verify_success_title h3 {
    font-size: 27px; }

.tick_container {
  height: 35%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.verify_success_tick {
  max-height: 75%; }

.error-page__403 {
  background-image: -webkit-linear-gradient(0deg, #ed691d 0%, #eb7d0f 50%, #f4a53e 100%); }
  .error-page__403 h1 {
    font-size: 5em;
    font-weight: 900;
    margin-bottom: 0; }
  .error-page__403 h2 {
    font-size: 5em;
    margin-top: 0; }
  .error-page__403 p {
    margin-top: 50px; }
  .error-page__403 .btn {
    font-size: 1.5em;
    padding: 6px 25px;
    margin-top: 10px;
    color: #333; }
  .error-page__403 .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100vh; }
  .error-page__403 .col-sm-8 {
    margin-top: -160px; }
  .error-page__403 .col-sm-4 img {
    position: fixed;
    top: 40px;
    right: 40px; }
  .error-page__403 .wrap {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-image: url(/img/hero_background.svg);
    background-size: cover; }

.signature-panel-modal .modal-content {
  background: #fff;
  border-radius: 10px;
  margin: 10px;
  overflow: unset; }
  @media screen and (max-height: 550px) {
    .signature-panel-modal .modal-content {
      margin: 0; } }
  @media screen and (max-width: 360px) {
    .signature-panel-modal .modal-content {
      margin: 0; } }

.signature-panel {
  border-radius: 3px;
  top: 10px;
  bottom: 0;
  left: 0;
  right: 0;
  background: white; }
  @media screen and (max-height: 550px) {
    .signature-panel {
      margin-top: 0;
      top: 0; } }
  @media screen and (max-width: 360px) {
    .signature-panel {
      margin-top: 0;
      top: 0; } }
  .signature-panel .modal-header,
  .signature-panel .modal-body,
  .signature-panel .modal-footer {
    background: #fff;
    color: #000; }
  .signature-panel .modal-header {
    border-radius: 3px 3px 0 0;
    padding: 0;
    height: 42px;
    background: #a1a1a1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .signature-panel .modal-header .pull-right {
      margin-left: auto; }
  .signature-panel .sig-panel-header {
    padding: 20px 10px !important;
    height: unset !important; }
    .signature-panel .sig-panel-header #SignatureName {
      margin-top: 4px;
      max-width: unset;
      width: 100%;
      border-bottom: 3px solid #ed691c;
      color: white;
      font-size: 2em;
      background-color: #3e4244;
      height: unset; }
  .signature-panel .modal-body {
    background: #fff;
    color: #000;
    padding: 0 20px; }
    @media screen and (max-height: 550px) {
      .signature-panel .modal-body {
        padding: 0 5px; } }
  .signature-panel .modal-footer {
    padding: 0;
    background: #e3e3e3;
    border-radius: 0 0 3px 3px; }
    .signature-panel .modal-footer span {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      margin-top: 0; }
    .signature-panel .modal-footer .tc-tickbox {
      text-align: center;
      padding: 1em; }
    .signature-panel .modal-footer .tandc {
      text-align: justify;
      font-size: 12px;
      padding: 1em;
      color: black; }
      @media (max-width: 991px) {
        .signature-panel .modal-footer .tandc {
          font-size: 10px; } }
      @media screen and (max-height: 550px) {
        .signature-panel .modal-footer .tandc {
          font-size: 9px; } }
    .signature-panel .modal-footer .confirm {
      padding: 0;
      margin: 0; }
  .signature-panel .tc-error {
    margin-top: 15px; }
  .signature-panel .signature-pad,
  .signature-panel .signature-holder {
    color: #000;
    border: 1px silver solid;
    background: #ececec;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0;
    height: calc(550px - 42px - 140px); }
    @media screen and (max-width: 991px) {
      .signature-panel .signature-pad,
      .signature-panel .signature-holder {
        margin-top: 15px;
        margin-bottom: 15px; } }
    @media screen and (max-width: 360px) {
      .signature-panel .signature-pad,
      .signature-panel .signature-holder {
        height: calc(100vh - 42px - 160px);
        margin-top: 5px;
        margin-bottom: 5px; } }
    @media screen and (max-height: 550px) {
      .signature-panel .signature-pad,
      .signature-panel .signature-holder {
        height: calc(100vh - 42px - 110px);
        margin-top: 5px;
        margin-bottom: 5px; } }
  .signature-panel .sig-panel-inputs {
    height: 24px;
    padding-left: 10px;
    font-size: 14px;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    border-radius: 3px;
    margin: 0; }
    @media (max-width: 991px) {
      .signature-panel .sig-panel-inputs {
        height: 2em;
        margin-top: 4px;
        max-width: 20em; } }
  .signature-panel .sig-panel-btn {
    height: 41px;
    width: 95px;
    text-align: center;
    background: #666;
    color: #fff;
    font-size: 14px;
    padding: 0;
    margin: 0; }
    .signature-panel .sig-panel-btn:hover, .signature-panel .sig-panel-btn:focus {
      background: #7d7d7d;
      color: #fff; }
    @media screen and (max-width: 360px) {
      .signature-panel .sig-panel-btn {
        font-size: 12px;
        width: 45px; } }
    @media screen and (min-width: 361px) and (max-width: 991px) {
      .signature-panel .sig-panel-btn {
        font-size: 12px;
        width: 60px; } }
  .signature-panel .sig-panel-clear {
    border-radius: 0;
    margin-right: -2px; }
  .signature-panel .sig-panel-cancel {
    border-radius: 0 3px 0 0;
    margin-right: -1px; }
  .signature-panel .add-sig-btn {
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #fff;
    border-radius: 0;
    margin: 0;
    padding: 0;
    max-height: 110px; }
    @media screen and (max-height: 550px) {
      .signature-panel .add-sig-btn {
        font-size: 10px; } }
  .signature-panel .sig-panel-check {
    width: 20px;
    height: 20px;
    margin-top: 2px; }
  .signature-panel .typed-sig-panel {
    text-align: center;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    visibility: hidden !important; }
  .signature-panel .btn-qubico {
    margin-top: 0; }
  .signature-panel .alert {
    border: 1px;
    border-color: #f00; }
  .signature-panel .signature-left-button {
    position: absolute;
    bottom: 6px; }
  .signature-panel .signature-right-button {
    position: absolute;
    bottom: 6px;
    right: 6px; }
  .signature-panel .signature-fullname {
    text-align: center;
    color: black;
    font-size: 28px; }
  .signature-panel .signature-date {
    text-align: center;
    color: black;
    font-size: 22px;
    padding: 10px; }

placement-item {
  z-index: 100; }

.signature-draghandle {
  z-index: 500;
  border: 1px black dotted;
  cursor: move; }
  .signature-draghandle::before {
    color: white;
    position: absolute;
    top: 6px;
    left: -40px;
    padding: 2px 6px;
    font-size: 14px;
    text-transform: none; }
  .signature-draghandle.leftPos .poi-placement-action {
    top: -60px !important;
    left: 28px !important; }
  .signature-draghandle.topPos .poi-placement-action {
    top: unset !important;
    bottom: -60px !important;
    left: 28px !important; }

.poi-placement-action {
  position: absolute;
  display: inline-block;
  width: 100%;
  bottom: -2.3em;
  left: 0; }
  .poi-placement-action__confirm, .poi-placement-action__cancel {
    cursor: pointer;
    float: left;
    border-bottom: 0;
    margin-right: -1px;
    position: relative;
    width: 50%;
    height: 36px;
    text-align: center;
    padding-top: 8px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
  .poi-placement-action__confirm {
    border-bottom-left-radius: 5px;
    background-color: #33b576;
    background-image: url(/img/AcceptButton-nobg.png); }
  .poi-placement-action__cancel {
    border-bottom-right-radius: 5px;
    background-color: #b53333;
    background-image: url(/img/CancelButton-nobg.png); }
  .poi-placement-action__text-inc, .poi-placement-action__text-dec {
    display: none;
    background-color: #ff8c00;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center; }
  .poi-placement-action__text-inc {
    background-image: url(/img/inc-size_white.svg); }
  .poi-placement-action__text-dec {
    background-image: url(/img/dec-size_white.svg); }
  .poi-placement-action.floating-toolbar {
    width: 250px;
    bottom: auto;
    top: -10px;
    left: -270px;
    border-radius: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: whitesmoke;
    -webkit-box-shadow: 1px 1px 5px grey;
            box-shadow: 1px 1px 5px grey;
    padding: 5px 25px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .poi-placement-action.floating-toolbar > div {
      width: 40px;
      height: 40px;
      border-radius: 50%; }
      .poi-placement-action.floating-toolbar > div.poi-placement-action__text-inc, .poi-placement-action.floating-toolbar > div.poi-placement-action__text-dec {
        display: block;
        cursor: pointer; }

placement-item + .tooltip .bottom .tooltip-inner {
  background-color: #e8ded9;
  color: #83807D;
  font-weight: bold; }

placement-item + .tooltip .bottom .tooltip-arrow {
  border-bottom-color: #e8ded9; }

.ui-resizable-handle.ui-resizable-ne {
  margin-right: -2px;
  margin-top: -2px;
  width: 12px;
  height: 12px;
  background: url(/img/PdfSizeIcon.png);
  background-repeat: no-repeat;
  background-size: contain; }

.ui-resizable-handle.ui-resizable-nw {
  z-index: 100 !important;
  margin-left: -2px;
  margin-top: -2px;
  width: 12px;
  height: 12px;
  background: url(/img/PdfSizeIcon.png);
  background-repeat: no-repeat;
  background-size: contain; }

.ui-resizable-handle.ui-resizable-se {
  right: -8px;
  bottom: -8px;
  width: 12px;
  height: 12px;
  background: url(/img/PdfSizeIcon.png);
  background-repeat: no-repeat;
  background-size: contain; }

.ui-resizable-handle.ui-resizable-sw {
  margin-left: -2px;
  margin-bottom: -3px;
  width: 12px;
  height: 12px;
  background: url(/img/PdfSizeIcon.png);
  background-repeat: no-repeat;
  background-size: contain; }

.signature-placeholder > a {
  color: white;
  font-size: 17px;
  text-align: center;
  display: inline;
  padding: 15px 0;
  padding-right: 15px; }

.signature-docroot {
  top: 0 !important;
  overflow-y: hidden !important;
  overflow-x: hidden !important;
  height: 100% !important; }

.disable-signature-panel {
  background: transparent;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 2; }

.sigbtn {
  background: #999;
  display: inline-block;
  vertical-align: top;
  border-radius: 5px;
  -webkit-box-shadow: 3px 3px #ededed;
          box-shadow: 3px 3px #ededed;
  color: white;
  margin-bottom: 8px;
  width: 100%; }
  .sigbtn:hover {
    color: white; }
  .sigbtn .secondary {
    background: #a3a6a7 !important; }

/* fix for IE mostly */
.signatureElement img {
  pointer-events: none; }

/* style the signature modals */
.signature-modal h1,
.signature-modal h2,
.signature-modal h3,
.signature-modal h4,
.signature-modal h5,
.signature-modal h6 {
  text-align: center;
  color: #ffffff; }

.signature-modal .modal-sm {
  width: 340px; }
  @media screen and (max-width: 340px) {
    .signature-modal .modal-sm {
      width: 90vw; } }

.signature-modal .modal-content {
  border: none;
  border-radius: 10px;
  text-align: center;
  color: #ffffff; }

.signature-modal .modal-header {
  border-bottom: 0; }

.signature-modal .modal-body {
  padding: 0 20px 0; }

.signature-modal .modal-footer {
  padding: 0 20px 0;
  border-top: 0;
  margin-top: 0; }

.signature-modal .caution {
  font-size: 15px; }
  .signature-modal .caution strong {
    color: #ff7070; }

#chattr ol, #chattr ul {
  list-style: none;
  padding: 0; }

#chattr {
  width: 300px;
  position: fixed;
  bottom: 0;
  right: -300px;
  z-index: 1;
  border: solid 1px #999;
  overflow: visible;
  /*box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);*/
  transition: all 0.5s;
  -webkit-transition: all 0.5s; }

#chattr.chatEnabled {
  /* width: 300px; */
  position: fixed;
  bottom: 0;
  right: 0px;
  border: none;
  height: 50vh;
  border-left: 1px solid #999;
  overflow: visible;
  z-index: 99999999999;
  /*box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);*/
  transition: all 0.5s;
  -webkit-transition: all 0.5s; }

.send-chat {
  padding: 0 10px;
  height: 40px;
  display: inline-block;
  position: absolute;
  right: 4px;
  line-height: 40px;
  background: #999;
  color: #fff;
  font-weight: 400;
  border-radius: 5px;
  -webkit-box-shadow: 3px 3px #ededed;
          box-shadow: 3px 3px #ededed;
  font-size: 14px;
  cursor: pointer; }

@media (max-width: 991px) {
  #chattr.chatEnabled {
    top: 62px;
    border: none !important; } }

@media (max-width: 764px) {
  #chattr.chatEnabled {
    width: 100%; }
  #chattr .chat-input-wrapper {
    width: 100%; } }

.chat-header > i {
  top: 11px;
  color: #ccc;
  position: absolute;
  right: 12px; }

.chat-header > i:hover {
  cursor: pointer; }

#relative_wrapper {
  width: 100%;
  height: 100%;
  position: relative; }

#chattr .chat-header {
  position: relative;
  top: 0px;
  width: 100%;
  height: 40px;
  background-color: #7a7c7f; }

#chattr .chat-header > div {
  position: absolute;
  left: 5px;
  top: 5px;
  height: 30px; }

#chattr .chat-header > div span {
  width: 1px;
  border-left: solid 1px #fff;
  background-color: #e3e1e1;
  margin-right: 4px;
  float: left;
  height: 100%;
  opacity: 0.2; }

#chattr .chat-header h4 {
  margin-left: 15px;
  line-height: 40px;
  color: white; }

#chattr .inner-chat {
  position: absolute;
  left: 0;
  width: 100%;
  top: 40px;
  bottom: 50px;
  overflow: auto;
  background-color: #e3e1e1; }

#chattr .chat-input-wrapper {
  padding: 5px;
  background-color: #fff;
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

#chattr .chat-input-wrapper #chatInput {
  height: 40px;
  padding: 5px 10px;
  border: none;
  border-radius: 0px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  padding-right: 75px;
  position: absolute; }

#chattr .chat-input-wrapper #chatInput:focus {
  outline-color: #fff; }

#chattr .inner-chat p#displayHelp {
  border-radius: 8px;
  padding: 8px 15px;
  max-width: 90%;
  position: relative;
  word-wrap: break-word;
  line-height: 16px;
  margin-bottom: 30px;
  color: #ad967d;
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  text-align: center;
  float: left;
  max-width: none; }

#chattr .inner-chat ul#messages li {
  margin: 10px;
  display: block;
  margin-bottom: 30px; }

#chattr .inner-chat ul#messages li label {
  color: #433232;
  font-size: 14px;
  display: inline-block;
  width: 100%; }

#chattr .inner-chat ul#messages li.from-me .name {
  float: right; }

#chattr .inner-chat ul#messages li.from-me .timestamp {
  float: left;
  line-height: 22px; }

#chattr .inner-chat ul#messages li.from-others .timestamp {
  float: right;
  line-height: 22px; }

#chattr .inner-chat ul#messages li .timestamp {
  font-weight: 400;
  font-size: 12px; }

#chattr .inner-chat ul#messages li .wrote {
  font-weight: 400; }

#chattr .inner-chat ul#messages li p {
  border-radius: 8px;
  padding: 8px 15px;
  max-width: 80%;
  position: relative;
  word-wrap: break-word;
  margin-bottom: 30px;
  color: #7a7c7f;
  line-height: 22px;
  -webkit-box-shadow: 2px 2px #ccc;
          box-shadow: 2px 2px #ccc; }

#chattr .inner-chat ul#messages li.from-me p {
  background-color: #e5ebfd;
  color: #152b75;
  float: right;
  font-weight: normal;
  margin-top: -5px;
  font-size: 16px; }

#chattr .inner-chat ul#messages li.from-others p {
  background-color: #fff;
  float: left;
  font-size: 16px; }

#chattr .inner-chat ul#messages li p:after {
  content: "";
  position: absolute;
  bottom: 100%;
  border-bottom: 6px solid black;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent; }

#chattr .inner-chat ul#messages li.from-me p:after {
  right: 15px;
  border-bottom-color: #e5ebfd; }

#chattr .inner-chat ul#messages li.from-others p:after {
  left: 15px;
  border-bottom-color: #fff; }

#chattr .inner-chat ul#messages li.status p {
  color: #ad967d;
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  text-align: center;
  float: left;
  max-width: none; }

#chattr .inner-chat ul#messages li.status p span {
  color: white; }

#chattr .inner-chat ul#messages li.status p:after {
  border: none; }

#chattr .inner-chat ul#messages li.status.help p, #chattr .inner-chat ul#messages li.status p.userList {
  margin-bottom: 0px; }

#chattr .inner-chat ul#messages li.status.help p.last, #chattr .inner-chat ul#messages li.status p.userList.last {
  margin-bottom: 30px; }