.__module-tickets__compose-email__ticket-template .clearboth, .__module-tickets__ticket-template .clearboth {
  clear: both
}

.__module-tickets__tickets-list__tickets-export__export-fields .export-fields .export-body__item .dotted-tree-first, .__module-tickets__tickets-list__tickets-export__export-fields .export-fields .export-body__item .dotted-tree-others {
  padding-left: 10px;
  margin-left: 6px;
  border: 1px dotted #2c5cc5;
  border-width: 0 0 1px 1px;
  float: left
}

.__module-tickets__tickets-list__tickets-export__export-fields .export-fields .export-body__item .export-checkbox, .__module-tickets__tickets-list__tickets-export__export-fields .export-fields .options-header .export-select-all {
  margin-bottom: 0
}

  .__module-tickets__tickets-list__tickets-export__export-fields .export-fields .export-body__item .export-checkbox input[type=checkbox] + label, .__module-tickets__tickets-list__tickets-export__export-fields .export-fields .options-header .export-select-all input[type=checkbox] + label {
      padding-top: 0;
      margin-bottom: 7px;
      max-width: 230px
  }

.__module-tickets__ticket-details__agent-collision__agents-replying .agent-collision-reply-count, .__module-tickets__ticket-details__ticket-actions__shared__collapsed-email .display__email, .ticket-action .agent-collision-reply .agent-collision-reply-count, .ticket-action .power-select-trigger .power-select-selected-item, .ticket-action__clear, .ticket-action__copyemail span, .ticket-action__ecommerce, .ticket-action__fwdcopyemail span, .ticket-action__replyhandle, .ticket-action__requester {
  font-weight: 500
}

.__module-tickets__ticket-details .ticket-details-header .ticket-header-container .sentiment-ticket-heading, .__module-tickets__ticket-details .ticket-details-header .ticket-header-container .ticket-subject-heading {
  word-break: break-word;
  -ms-word-wrap: break-word;
  word-wrap: break-word
}

.__module-tickets__ticket-details__widgets__service-task__agent-availability .agent-service-task-detail .event-wrapper .event .address, .__module-tickets__ticket-details__widgets__service-task__agent-availability .agent-service-task-detail .event-wrapper .event .contact-info, .__module-tickets__ticket-details__widgets__service-task__agent-availability__details .detailed-card__row--left, .qc-score-widget .qc-score-agents-list .power-select-trigger .trigger-power-select .power-select-selected-item .select-agent-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.__module-tickets__ticket-details__widgets__service-task__agent-availability__details .detailed-card {
  box-shadow: 0 2px 18px 0 rgba(18,52,77,.16),0 2px 4px 0 rgba(18,52,77,.06)
}

.__module-tickets__compose-email .compose-email-form__form-for {
  margin: 35px auto 0;
  padding: 0 20px
}

.__module-tickets__compose-email .compose-email-form__responder {
  padding-top: 24px
}

.__module-tickets__compose-email .compose-email-form__email-dropdown {
  padding-bottom: 12px
}

.__module-tickets__compose-email .compose-email-form__info-text {
  color: #6f7c87;
  padding-top: 49px;
  padding-bottom: 5px
}

.__module-tickets__compose-email .compose-email-form__info-text__inline {
  display: inline-block
}

.__module-tickets__compose-email .compose-email-form .ticket-action {
  margin: 0
}

  .__module-tickets__compose-email .compose-email-form .ticket-action:hover {
      border: 1px solid #183247
  }

  .__module-tickets__compose-email .compose-email-form .ticket-action:focus {
      border: 1px solid #2c5cc5
  }

.__module-tickets__compose-email .compose-email-form .editor-hascontent, .__module-tickets__compose-email .compose-email-form .editor-onfocus {
  border-bottom: 1px #2c5cc5 solid
}

.__module-tickets__compose-email .compose-email-form .__ui-form__select-field .help-block {
  position: absolute
}

.__module-tickets__compose-email .compose-email-requester-info {
  margin-top: -50px
}

.__module-tickets__compose-email .requester-text {
  padding-top: 10px
}

.__module-tickets__compose-email .responsive {
  background: #fff;
  border-radius: 2px;
  margin-top: -85px
}

.__module-tickets__compose-email .modal__footer__btn {
  margin: 3px
}

.__module-tickets__compose-email .modal__footer__label {
  margin-right: 10px;
  font-weight: 500
}

.__module-tickets__compose-email .modal__footer__checkbox {
  float: left
}

.__module-tickets__compose-email .create-ticket-footer {
  position: sticky;
  z-index: 9;
  bottom: 0;
  padding: 16px 0 16px 16px;
  text-align: right;
  margin: 0 auto;
  background-color: #fff;
  border-top: 1px solid #cfd7df
}

.__module-tickets__compose-email .footer-warning {
  float: left;
  margin-top: 10px
}

.__module-tickets__compose-email .submit-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #cfd7df
}

.__module-tickets__compose-email .custom-create__span {
  float: left;
  margin-right: 6px;
  margin-top: 3px
}

.__module-tickets__compose-email .sidebar {
  border-radius: 1px
}

.__module-tickets__compose-email .view.text-field.modal-filter-search.search-filter-views {
  height: 40px
}

.__module-tickets__compose-email .app-form .error .power-select-trigger {
  border-color: #d72d30
}

.__module-tickets__compose-email__form-fields .text__link--more {
  margin-bottom: 30px
}

.__module-tickets__compose-email__form-fields .tag-list {
  margin-bottom: 10px
}

.__module-tickets__compose-email__ticket-template .make_inline {
  display: inline-block
}

.__module-tickets__compose-email__ticket-template .vmid {
  vertical-align: middle
}

.__module-tickets__compose-email__ticket-template ._heading {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .5px;
  text-align: left;
  color: #183247;
  text-transform: uppercase;
  line-height: 14px
}

.__module-tickets__compose-email__ticket-template .clearlink {
  margin-left: 10px;
  line-height: 14px;
  cursor: pointer;
  position: absolute;
  top: 14px;
  left: 130px
}

.__module-tickets__compose-email__ticket-template .sidebar-present .ticket-template-block .sidebar {
  padding-left: 0;
  padding-right: 0;
  background: #f5f7f9;
  width: 310px
}

.__module-tickets__compose-email__ticket-template .template_list_icon {
  position: relative;
  top: 2px
}

.__module-tickets__compose-email__ticket-template .template_sidebar .filter-expand {
  display: none
}

.__module-tickets__compose-email__ticket-template .powerselect_holder .power-select-placeholder {
  padding-bottom: 0
}

.__module-tickets__compose-email__ticket-template .contactwidget_wrapper .requester-info-sidebar__present__item-info {
  width: auto;
  margin-top: 0;
  padding-left: 0
}

.__module-tickets__compose-email__ticket-template h5 {
  font-size: 11px;
  line-height: 1.64;
  text-align: left;
  color: #6f7c87;
  margin: 8px 0 0
}

.__module-tickets__compose-email__ticket-template .recent_templates {
  margin: 3px 0 0;
  padding: 0
}

  .__module-tickets__compose-email__ticket-template .recent_templates .recent-item {
      list-style: none;
      margin-bottom: 4px
  }

      .__module-tickets__compose-email__ticket-template .recent_templates .recent-item .recent-item-link {
          font-size: 13px;
          line-height: 1.38;
          text-align: left;
          color: #239cff
      }

.__module-tickets__compose-email__ticket-template .search-text input[type=text] {
  border-bottom: 1px solid #02b875
}

.__module-tickets__compose-email__ticket-template input[type=checkbox] {
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #dadfe3;
  height: 13px;
  position: relative;
  width: 13px;
  border-radius: 2px;
  margin-top: 0;
  cursor: pointer
}

  .__module-tickets__compose-email__ticket-template input[type=checkbox]:focus {
      outline: 0
  }

  .__module-tickets__compose-email__ticket-template input[type=checkbox]::after {
      position: absolute;
      content: "";
      display: block;
      height: 16px;
      background: 0 0;
      bottom: -4px
  }

  .__module-tickets__compose-email__ticket-template input[type=checkbox]:checked {
      background: #02b878;
      border: 3px solid #02b875;
      padding: 0
  }

      .__module-tickets__compose-email__ticket-template input[type=checkbox]:checked::before {
          border: 0;
          position: relative;
          left: 1px;
          top: -1px;
          border-right: 2px solid #fff;
          border-bottom: 2px solid #fff;
          transform: rotate(45deg);
          content: "";
          display: block;
          width: 5px;
          height: 7px
      }

.__module-tickets__compose-email__ticket-template .template_form {
  -webkit-animation-duration: 1s ease-in-out;
  animation-duration: 1s ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear
}

.__module-tickets__compose-email__ticket-template .template_disabled {
  opacity: .5
}

.__module-tickets__compose-email__ticket-template .template_enabled {
  -webkit-animation-name: halfFadeIn;
  animation-name: halfFadeIn
}

.__module-tickets__compose-email__ticket-template .ticket_template_powerselect .power-select-option {
  padding: 2px 5px 0
}

.__module-tickets__new-ticket__add-requester .add-requester__add-text {
  padding-right: 5px
}

.__module-tickets__new-ticket__add-requester .add-requester__cancel-text {
  color: #2c5cc5;
  font-weight: 500
}

  .__module-tickets__new-ticket__add-requester .add-requester__cancel-text:hover {
      cursor: pointer
  }

.__module-tickets__new-ticket__add-requester .add-requester__mandatory-text {
  color: #acb6be
}

  .__module-tickets__new-ticket__add-requester .add-requester__mandatory-text::after {
      content: "*";
      position: relative;
      top: 2px;
      font-size: 14px;
      color: #d72d30;
      padding-left: 2px;
      font-weight: 700
  }

.__module-tickets__new-ticket__add-requester .add-requester__cc-gap {
  padding-bottom: 20px
}

.__module-tickets__new-ticket__add-requester .add-requester-field {
  border-left: #cfd7df 1px dashed;
  padding-left: 18px;
  color: #183247;
  margin-top: 5px
}

.__module-tickets__new-ticket__add-requester .add-requester-field__company-field {
  margin-bottom: 20px
}

.__module-tickets__new-ticket__add-requester .power-select-trigger {
  margin-top: 8px
}

.__module-tickets__new-ticket__custom-create .custom-create__span {
  float: left;
  margin-right: 6px;
  margin-top: 3px
}

.__module-tickets__new-ticket__requester-widget .requester-info-sidebar__title {
  padding-top: 11px
}

.__module-tickets__new-ticket__requester-widget .requester-info-sidebar__loading__text {
  padding-left: 10px;
  font-size: 13px;
  color: #6f7c87
}

.__module-tickets__new-ticket__requester-widget .requester-info-sidebar__loading .modal-spinner {
  margin-top: 160px
}

.__module-tickets__new-ticket__requester-widget .requester-info-sidebar__present {
  display: block;
  text-align: center;
  padding-top: 50px;
  margin-left: 10px
}

.__module-tickets__new-ticket__requester-widget .requester-info-sidebar__present__item-info {
  opacity: .33;
  font-weight: 100;
  font-size: 12px;
  margin-top: -6px;
  padding-left: 18px
}

.__module-tickets__new-ticket__requester-widget .requester-info-sidebar__present__empty, .__module-tickets__new-ticket__requester-widget .requester-info-sidebar__present__new-info {
  font-weight: 500
}

.__module-tickets__shared__associated-tickets__ticket-list .modal-content {
  overflow: unset
}

.__module-tickets__shared__associated-tickets__ticket-list .select-all {
  display: inline;
  margin-left: 8%
}

.__module-tickets__shared__associated-tickets__ticket-list .unlink-confirmation {
  position: absolute;
  top: 28%;
  left: 26%
}

  .__module-tickets__shared__associated-tickets__ticket-list .unlink-confirmation .btn {
      margin-top: 4%;
      margin-left: 15%
  }

  .__module-tickets__shared__associated-tickets__ticket-list .unlink-confirmation .submit-unlink {
      color: #fff;
      background: #2c5cc5
  }

.__module-tickets__shared__associated-tickets__ticket-list .associated-loading {
  padding: 35% 0
}

.__module-tickets__shared__associated-tickets__ticket-list .bulk-updates {
  width: 600px;
  position: fixed;
  z-index: 1;
  overflow: hidden;
  top: 63px;
  padding-top: 12px;
  right: 0;
  border-bottom: 1px solid #cfd7df;
  padding-bottom: 12px;
  background: #fff
}

.__module-tickets__shared__associated-tickets__ticket-list .associate-ticket-list-container {
  margin-top: 12px;
  overflow: hidden;
  position: relative
}

  .__module-tickets__shared__associated-tickets__ticket-list .associate-ticket-list-container.unlink {
      display: none
  }

  .__module-tickets__shared__associated-tickets__ticket-list .associate-ticket-list-container.ticket-list {
      margin-top: 10%
  }

  .__module-tickets__shared__associated-tickets__ticket-list .associate-ticket-list-container.mt-75 {
      top: 75px
  }

  .__module-tickets__shared__associated-tickets__ticket-list .associate-ticket-list-container .assoc-group-wrapper {
      margin-bottom: 24px
  }

  .__module-tickets__shared__associated-tickets__ticket-list .associate-ticket-list-container .title-rl-wrapper {
      display: flex;
      align-items: center;
      margin-bottom: 16px
  }

  .__module-tickets__shared__associated-tickets__ticket-list .associate-ticket-list-container .title-rl-wrapper__title {
      font-size: 18px;
      font-weight: 600;
      line-height: 21px;
      color: #9aa1a6
  }

  .__module-tickets__shared__associated-tickets__ticket-list .associate-ticket-list-container .title-rl-wrapper__line {
      border-top: 1px solid #cfd7df;
      flex-grow: 1;
      margin-left: 30px
  }

  .__module-tickets__shared__associated-tickets__ticket-list .associate-ticket-list-container .associate-ticket-list {
      padding: 10px 0;
      margin: 0 0 8px;
      border: 1px solid #ebeef0;
      border-radius: 5px;
      opacity: 1;
      transition: opacity .3s ease-in-out
  }

      .__module-tickets__shared__associated-tickets__ticket-list .associate-ticket-list-container .associate-ticket-list .associated-tickets-select {
          display: inline
      }

      .__module-tickets__shared__associated-tickets__ticket-list .associate-ticket-list-container .associate-ticket-list .list-content-wrap {
          padding-left: 0;
          width: 80%
      }

      .__module-tickets__shared__associated-tickets__ticket-list .associate-ticket-list-container .associate-ticket-list:first-child {
          margin-top: 10px
      }

      .__module-tickets__shared__associated-tickets__ticket-list .associate-ticket-list-container .associate-ticket-list .col-md-10 {
          padding-right: 0;
          padding-left: 10px
      }

      .__module-tickets__shared__associated-tickets__ticket-list .associate-ticket-list-container .associate-ticket-list .ticket-subject {
          font-size: 14px;
          font-weight: 400
      }

      .__module-tickets__shared__associated-tickets__ticket-list .associate-ticket-list-container .associate-ticket-list .action-buttons {
          text-align: right;
          opacity: 0
      }

          .__module-tickets__shared__associated-tickets__ticket-list .associate-ticket-list-container .associate-ticket-list .action-buttons a {
              border: 1px solid #ebeef0;
              border-radius: 2px
          }

      .__module-tickets__shared__associated-tickets__ticket-list .associate-ticket-list-container .associate-ticket-list .unlink-link {
          opacity: 0;
          cursor: pointer
      }

      .__module-tickets__shared__associated-tickets__ticket-list .associate-ticket-list-container .associate-ticket-list.highlight:hover:not(.fade) {
          background: #f3f5f7
      }

          .__module-tickets__shared__associated-tickets__ticket-list .associate-ticket-list-container .associate-ticket-list.highlight:hover:not(.fade) .action-buttons, .__module-tickets__shared__associated-tickets__ticket-list .associate-ticket-list-container .associate-ticket-list.highlight:hover:not(.fade) .unlink-link {
              opacity: 1;
              transition: .3s ease-in-out
          }

      .__module-tickets__shared__associated-tickets__ticket-list .associate-ticket-list-container .associate-ticket-list.highlight.fade {
          opacity: .1
      }

          .__module-tickets__shared__associated-tickets__ticket-list .associate-ticket-list-container .associate-ticket-list.highlight.fade a {
              opacity: .3
          }

      .__module-tickets__shared__associated-tickets__ticket-list .associate-ticket-list-container .associate-ticket-list .ticket-number {
          color: #6f7c87
      }

  .__module-tickets__shared__associated-tickets__ticket-list .associate-ticket-list-container .unlink-confirm {
      margin-left: 0;
      margin-right: 0;
      min-height: 80px;
      position: absolute;
      margin-top: -89px;
      padding: 10px;
      border: 1px solid rgba(238,238,238,.44);
      opacity: 0;
      width: 0;
      transition: opacity .4s ease-in-out;
      right: 0;
      white-space: nowrap;
      border-radius: 5px
  }

      .__module-tickets__shared__associated-tickets__ticket-list .associate-ticket-list-container .unlink-confirm.active {
          opacity: 1;
          width: 100%;
          right: inherit
      }

      .__module-tickets__shared__associated-tickets__ticket-list .associate-ticket-list-container .unlink-confirm .confirm-text {
          padding: 10px 10px 5px
      }

      .__module-tickets__shared__associated-tickets__ticket-list .associate-ticket-list-container .unlink-confirm .actions-links {
          text-indent: 35px
      }

          .__module-tickets__shared__associated-tickets__ticket-list .associate-ticket-list-container .unlink-confirm .actions-links .btn {
              background: #fff;
              min-width: auto
          }

              .__module-tickets__shared__associated-tickets__ticket-list .associate-ticket-list-container .unlink-confirm .actions-links .btn.cancel {
                  color: #acb6be
              }

              .__module-tickets__shared__associated-tickets__ticket-list .associate-ticket-list-container .unlink-confirm .actions-links .btn.submit {
                  color: #2c5cc5
              }

  .__module-tickets__shared__associated-tickets__ticket-list .associate-ticket-list-container .noresult-container {
      text-align: center;
      padding: 10%;
      color: #6f7c87
  }

.__module-tickets__shared__associated-tickets__ticket-list .tickets-pagination {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 600px;
  background: #ebeef0
}

  .__module-tickets__shared__associated-tickets__ticket-list .tickets-pagination .pagination-wrapper {
      padding-top: 10px;
      padding-left: 37px
  }

.__module-tickets__shared__collision-dropdown-hover {
  margin-right: 5px;
  float: right;
  display: inline-block;
  vertical-align: middle;
  position: relative
}

  .__module-tickets__shared__collision-dropdown-hover .agent-collision-btn .basic-dropdown-content--in-place {
      min-width: 160px;
      padding: 10px 0 7px 16px;
      margin: 8px -64px;
      border: 0
  }

      .__module-tickets__shared__collision-dropdown-hover .agent-collision-btn .basic-dropdown-content--in-place::after, .__module-tickets__shared__collision-dropdown-hover .agent-collision-btn .basic-dropdown-content--in-place::before {
          content: "";
          width: 0;
          height: 0;
          position: absolute;
          left: 0;
          margin: auto
      }

      .__module-tickets__shared__collision-dropdown-hover .agent-collision-btn .basic-dropdown-content--in-place::before {
          top: -7px;
          right: 1px;
          border-left: 6px solid transparent;
          border-right: 6px solid transparent;
          border-bottom: 7px solid #cfd7df
      }

      .__module-tickets__shared__collision-dropdown-hover .agent-collision-btn .basic-dropdown-content--in-place::after {
          top: -6px;
          right: 1px;
          border-left: 5px solid transparent;
          border-right: 5px solid transparent;
          border-bottom: 6px solid #fff
      }

      .__module-tickets__shared__collision-dropdown-hover .agent-collision-btn .basic-dropdown-content--in-place .agent_collision_option {
          display: block;
          overflow: hidden;
          font-size: 13px;
          line-height: 1.08;
          text-align: left;
          padding-bottom: 8px
      }

          .__module-tickets__shared__collision-dropdown-hover .agent-collision-btn .basic-dropdown-content--in-place .agent_collision_option:last-of-type {
              padding-bottom: 0
          }

      .__module-tickets__shared__collision-dropdown-hover .agent-collision-btn .basic-dropdown-content--in-place .agent_collision_header {
          padding-bottom: 6px;
          color: #6f7c87;
          font-size: 10px
      }

  .__module-tickets__shared__collision-dropdown-hover .view-flip .flip-back, .__module-tickets__shared__collision-dropdown-hover .view-flip .flip-front {
      box-shadow: inset 0 0 0 2px #ebeff3;
      text-align: center;
      padding-top: 6px;
      animation-duration: 4s;
      animation-delay: 1s;
      line-height: 1.2;
      animation-iteration-count: infinite;
      position: absolute;
      top: 2px;
      left: 0;
      border-radius: 50%;
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden;
      transition-property: transform;
      transition-duration: .75s;
      width: 26px;
      height: 26px
  }

      .__module-tickets__shared__collision-dropdown-hover .view-flip .flip-back:hover .app-icon, .__module-tickets__shared__collision-dropdown-hover .view-flip .flip-front:hover .app-icon {
          fill: #081824
      }

  .__module-tickets__shared__collision-dropdown-hover .view-flip {
      width: 28px;
      height: 28px;
      perspective: 1000px;
      animation: fadeInDelay .4s ease;
      transform: translate3d(0,0,0)
  }

      .__module-tickets__shared__collision-dropdown-hover .view-flip a {
          cursor: default;
          display: inline-block;
          vertical-align: middle
      }

      .__module-tickets__shared__collision-dropdown-hover .view-flip .flip-front {
          animation-name: rotateFrontCircle;
          z-index: 5;
          background-color: #fff;
          color: #12344d
      }

      .__module-tickets__shared__collision-dropdown-hover .view-flip .flip-back {
          animation-name: rotateBackCircle;
          z-index: 0;
          transform: rotateY(-180deg);
          background-color: #d72d30;
          color: #fff
      }

.__module-tickets__shared__link-tickets .tracker-list-top {
  position: relative;
  width: 100%;
  padding-top: 15px;
  background: #fff
}

  .__module-tickets__shared__link-tickets .tracker-list-top .tracker-search .search-container {
      position: absolute;
      right: 0;
      left: 90px;
      top: -8px;
      margin-left: 12px
  }

      .__module-tickets__shared__link-tickets .tracker-list-top .tracker-search .search-container .modal-search {
          padding-bottom: 5px
      }

      .__module-tickets__shared__link-tickets .tracker-list-top .tracker-search .search-container .merge-search-ticket {
          margin-top: 5px
      }

      .__module-tickets__shared__link-tickets .tracker-list-top .tracker-search .search-container .tracker-search-dropdown {
          padding-left: 0;
          height: 26px
      }

          .__module-tickets__shared__link-tickets .tracker-list-top .tracker-search .search-container .tracker-search-dropdown .app-icon {
              left: 14px
          }

          .__module-tickets__shared__link-tickets .tracker-list-top .tracker-search .search-container .tracker-search-dropdown .power-select-trigger {
              padding: 1px 24px 1px 36px
          }

          .__module-tickets__shared__link-tickets .tracker-list-top .tracker-search .search-container .tracker-search-dropdown .power-select-placeholder {
              padding-bottom: 0
          }

  .__module-tickets__shared__link-tickets .tracker-list-top .tracker-list-label {
      padding: 0 0 10px;
      color: #acb6be
  }

.__module-tickets__shared__link-tickets a {
  cursor: pointer
}

.__module-tickets__shared__tickets-merge .ticket-number {
  text-decoration: underline;
  text-decoration-color: #fff
}

.__module-tickets__shared__tickets-merge .modal-title-subtext {
  font-size: 12px
}

.__module-tickets__ticket-details__add-child .subtext {
  padding-left: 45px;
  background: #fff
}

.__module-tickets__ticket-details__add-child ul {
  padding: 0
}

  .__module-tickets__ticket-details__add-child ul li {
      list-style-type: none
  }

      .__module-tickets__ticket-details__add-child ul li .app-icon {
          width: 16px;
          height: 16px;
          fill-opacity: .6;
          margin-top: 2px
      }

.__module-tickets__ticket-details__add-child .parent-template-list-container {
  margin-top: 25px;
  padding: 0 20px 0 10px
}

  .__module-tickets__ticket-details__add-child .parent-template-list-container .power-select-placeholder {
      padding: 0
  }

  .__module-tickets__ticket-details__add-child .parent-template-list-container ul::before {
      content: attr(title);
      display: block;
      text-transform: uppercase;
      padding: 4px 0;
      color: #acb6be;
      font-size: 12px
  }

  .__module-tickets__ticket-details__add-child .parent-template-list-container ul li {
      line-height: 22px;
      text-indent: 5px;
      padding: 10px 0;
      border-bottom: 1px solid #ebeef0
  }

      .__module-tickets__ticket-details__add-child .parent-template-list-container ul li a {
          cursor: pointer
      }

  .__module-tickets__ticket-details__add-child .parent-template-list-container .recently-used-templates {
      margin-bottom: 55px;
      margin-top: 20px
  }

      .__module-tickets__ticket-details__add-child .parent-template-list-container .recently-used-templates .ticket-subject {
          font-size: 14px
      }

.__module-tickets__ticket-details__add-child .child-templates-list {
  padding: 0 10px
}

  .__module-tickets__ticket-details__add-child .child-templates-list .template-back {
      padding: 0;
      color: #2c5cc5
  }

      .__module-tickets__ticket-details__add-child .child-templates-list .template-back .modal-icons {
          margin-top: -4px
      }

  .__module-tickets__ticket-details__add-child .child-templates-list .parent-title {
      padding: 5px 0;
      line-height: 23px;
      text-indent: 5px
  }

      .__module-tickets__ticket-details__add-child .child-templates-list .parent-title .template-title {
          color: #02b875
      }

  .__module-tickets__ticket-details__add-child .child-templates-list .child-list {
      margin-top: 15px
  }

      .__module-tickets__ticket-details__add-child .child-templates-list .child-list li {
          padding: 5px 0 5px 25px;
          line-height: 18px;
          text-indent: 1px;
          position: relative
      }

          .__module-tickets__ticket-details__add-child .child-templates-list .child-list li::after, .__module-tickets__ticket-details__add-child .child-templates-list .child-list li::before {
              content: "";
              position: absolute;
              left: 8px
          }

          .__module-tickets__ticket-details__add-child .child-templates-list .child-list li::before {
              border-bottom: 1px solid #acb6be;
              top: 9px;
              width: 10px;
              height: 5px
          }

          .__module-tickets__ticket-details__add-child .child-templates-list .child-list li::after {
              border-left: 1px solid #acb6be;
              height: 100%;
              width: 0;
              top: -14px
          }

          .__module-tickets__ticket-details__add-child .child-templates-list .child-list li .input {
              float: left;
              margin: 0
          }

          .__module-tickets__ticket-details__add-child .child-templates-list .child-list li .unchecked {
              text-decoration: line-through;
              opacity: .5
          }

.__module-tickets__ticket-details__agent-collision__agents-replying {
  position: absolute;
  padding: 5px 10px;
  background: #f7f9fa;
  right: 16px;
  top: 8px;
  font-size: 12px
}

  .__module-tickets__ticket-details__agent-collision__agents-replying .basic-dropdown {
      display: inline-block;
      margin-right: 2px
  }

  .__module-tickets__ticket-details__agent-collision__agents-replying .agent-collision-reply .basic-dropdown-content {
      margin-top: 0
  }

  .__module-tickets__ticket-details__agent-collision__agents-replying .basic-dropdown-content--in-place {
      min-width: 160px;
      padding: 6px 0 7px 16px;
      margin: -8px 0 0 -66px;
      text-align: left;
      border: 0
  }

      .__module-tickets__ticket-details__agent-collision__agents-replying .basic-dropdown-content--in-place::after, .__module-tickets__ticket-details__agent-collision__agents-replying .basic-dropdown-content--in-place::before {
          content: "";
          width: 0;
          height: 0;
          position: absolute;
          left: 0;
          margin: auto
      }

      .__module-tickets__ticket-details__agent-collision__agents-replying .basic-dropdown-content--in-place::before {
          bottom: -9px;
          right: 1px;
          border-left: 7px solid transparent;
          border-right: 7px solid transparent;
          border-top: 9px solid #cfd7df
      }

      .__module-tickets__ticket-details__agent-collision__agents-replying .basic-dropdown-content--in-place::after {
          bottom: -7px;
          right: 1px;
          border-left: 5px solid transparent;
          border-right: 5px solid transparent;
          border-top: 7px solid #fff
      }

  .__module-tickets__ticket-details__agent-collision__agents-replying .agent-collision-reply-options {
      display: block;
      max-width: 145px;
      overflow: hidden;
      font-size: 13px;
      line-height: 1.08;
      text-align: left;
      padding-bottom: 7px
  }

      .__module-tickets__ticket-details__agent-collision__agents-replying .agent-collision-reply-options:last-of-type {
          padding-bottom: 0
      }

  .__module-tickets__ticket-details__agent-collision__agents-replying .agent-collision-reply-count {
      display: inline-block
  }

  .__module-tickets__ticket-details__agent-collision__agents-replying .jumping-dots {
      display: inline-block;
      text-align: left
  }

  .__module-tickets__ticket-details__agent-collision__agents-replying .jumping-dots__dot {
      display: inline-block;
      width: 2px;
      height: 2px;
      border-radius: 50%;
      margin: -.5px;
      background-color: #6f7c87;
      animation: jumping-dots 1.1s linear infinite
  }

      .__module-tickets__ticket-details__agent-collision__agents-replying .jumping-dots__dot:nth-child(2) {
          animation-delay: -.9s
      }

      .__module-tickets__ticket-details__agent-collision__agents-replying .jumping-dots__dot:nth-child(3) {
          animation-delay: -.7s
      }

.collision__agents-viewing {
  margin-right: 15px
}

.__module-tickets__ticket-details__bot-response .bot-response-details {
  background: #f5f7f9
}

  .__module-tickets__ticket-details__bot-response .bot-response-details .ticket-closed {
      background-color: #ebeff3;
      border-top: 1px solid #ebeff3;
      padding: 12px 16px
  }

      .__module-tickets__ticket-details__bot-response .bot-response-details .ticket-closed .success-icon {
          width: 14px;
          height: 12px;
          vertical-align: middle
      }

.__module-tickets__ticket-details__bot-response .bot-response-details--header {
  padding: 15px 24px 10px;
  border-bottom: 1px solid #ebeff3
}

  .__module-tickets__ticket-details__bot-response .bot-response-details--header .heading-detail {
      padding: 7px 0 0 16px
  }

      .__module-tickets__ticket-details__bot-response .bot-response-details--header .heading-detail .apply-primary {
          color: #12344d
      }

.__module-tickets__ticket-details__bot-response .bot-response-details .avatar--img-container {
  display: inline-block
}

  .__module-tickets__ticket-details__bot-response .bot-response-details .avatar--img-container .freddy-img {
      width: 42px;
      height: 42px;
      display: inline-block;
      border: 1px solid #cfd7df;
      background-color: #f8f9fa;
      border-radius: 50px
  }

.__module-tickets__ticket-details__bot-response .bot-response-details .to-detail {
  display: inline
}

  .__module-tickets__ticket-details__bot-response .bot-response-details .to-detail .response-to, .__module-tickets__ticket-details__bot-response .bot-response-details .to-detail .secondary-detail {
      display: inline-block
  }

.__module-tickets__ticket-details__bot-response .bot-response-details .bot-reponse-details-content {
  margin: 24px 32px 0
}

  .__module-tickets__ticket-details__bot-response .bot-response-details .bot-reponse-details-content .bot-suggestions {
      padding: 14px 0;
      margin: 0;
      list-style: none
  }

      .__module-tickets__ticket-details__bot-response .bot-response-details .bot-reponse-details-content .bot-suggestions .bot-response-list {
          padding: 16px 24px 0;
          border: 1px solid #ebeff3;
          margin-bottom: 12px;
          background-color: #fff;
          border-radius: 8px
      }

      .__module-tickets__ticket-details__bot-response .bot-response-details .bot-reponse-details-content .bot-suggestions li.clearfix::before, .__module-tickets__ticket-details__bot-response .bot-response-details .bot-reponse-details-content .bot-suggestions li.ticket-action__fields::before {
          display: inline
      }

      .__module-tickets__ticket-details__bot-response .bot-response-details .bot-reponse-details-content .bot-suggestions .status {
          margin-top: 8px
      }

          .__module-tickets__ticket-details__bot-response .bot-response-details .bot-reponse-details-content .bot-suggestions .status .app-icon {
              vertical-align: middle
          }

.__module-tickets__ticket-details__bot-response .bot-response-details .bot-suggestion--viewed {
  margin-right: 12px;
  border-right: 1px solid #ebeff3
}

.__module-tickets__ticket-details__bot-response .freddy-answer-wrapper {
  gap: 8px;
  background-color: #e0f5f1
}

.__module-tickets__ticket-details__bot-response .freddy-not-helpful-wrapper {
  gap: 8px;
  background-color: #ffecf0;
  color: #12344d
}

  .__module-tickets__ticket-details__bot-response .freddy-not-helpful-wrapper span {
      color: #c82124
  }

  .__module-tickets__ticket-details__bot-response .freddy-not-helpful-wrapper .thumbs-down-icon {
      fill: #ff5959
  }

.__module-tickets__ticket-details__conversation__quoted-content .freshdesk_quote blockquote {
  border-left: 1px dotted #999
}

.__module-tickets__ticket-details__conversation__quoted-content .quoted-spinner {
  margin-bottom: 5px;
  margin-left: 10px
}

.__module-tickets__ticket-details__conversation__quoted-content div[class$=freshdesk_satisfaction_survey] {
  display: none
}

.email-failure-status {
  color: #d72d30
}

.__module-tickets__ticket-details__email-failure__email-failure-item .error-email {
  min-height: 100px;
  border-radius: 4px;
  border: 1px solid #cfd7df;
  padding: 15px;
  margin-bottom: 5px;
  overflow: hidden
}

.__module-tickets__ticket-details__email-failure__email-failure-item .error-email-warning {
  color: #d72d30;
  font-weight: 600;
  margin: 4px 0;
  padding-left: 30px
}

.__module-tickets__ticket-details__email-failure__email-failure-item .error-email-text {
  padding-left: 30px
}

  .__module-tickets__ticket-details__email-failure__email-failure-item .error-email-text .add-note-admin {
      width: 18px;
      height: 18px
  }

.__module-tickets__ticket-details__properties-info .closed-status .timeago-wrap::first-letter {
  text-transform: uppercase
}

.__module-tickets__ticket-details__properties-info.is-not-actionable {
  border-color: #ffd0d6
}

.__module-tickets__ticket-details__requester-widget .requester-company-error div {
  border-color: #ff5959
}

.__module-tickets__ticket-details__summary {
  margin: 0 0 16px;
  border-radius: 8px;
  background-color: #f5f7f9;
  min-height: 42px
}

  .__module-tickets__ticket-details__summary .add-summary-btn {
      width: 100%;
      text-align: left;
      display: block;
      height: auto;
      -webkit-font-smoothing: unset;
      border: none
  }

  .__module-tickets__ticket-details__summary .summary-icon {
      background-color: #2c5cc5;
      border-radius: 6px;
      padding: 9px;
      display: inline-block
  }

  .__module-tickets__ticket-details__summary .summary {
      padding: 8px 8px 8px 16px;
      margin-bottom: 0
  }

      .__module-tickets__ticket-details__summary .summary .summary-heading {
          display: flex;
          align-items: center;
          align-self: flex-start
      }

      .__module-tickets__ticket-details__summary .summary .summary-description {
          height: 32px;
          width: 100%;
          margin-left: 15px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          border: 1px solid #cfd7df;
          border-radius: 4px;
          background-color: #fff
      }

          .__module-tickets__ticket-details__summary .summary .summary-description:hover {
              border-color: #475867
          }

      .__module-tickets__ticket-details__summary .summary .summary-text {
          color: #647a8e;
          font-weight: 400
      }

      .__module-tickets__ticket-details__summary .summary .summary-details-text {
          color: #12344d;
          font-weight: 600
      }

      .__module-tickets__ticket-details__summary .summary .ticket-editor__footer {
          background-color: #f5f7f9;
          padding-top: 12px
      }

      .__module-tickets__ticket-details__summary .summary .rich-editor {
          border-radius: 4px
      }

      .__module-tickets__ticket-details__summary .summary .froala-editor-container, .__module-tickets__ticket-details__summary .summary .ticket-editor__bodytext {
          border-radius: inherit
      }

      .__module-tickets__ticket-details__summary .summary .ticket-action {
          border: none
      }

  .__module-tickets__ticket-details__summary .btn.btn--primary {
      margin-left: 8px
  }

  .__module-tickets__ticket-details__summary .placeholder-loader .placeholder-item {
      margin: 8px
  }

.__module-tickets__ticket-details__summary__summary-details {
  background-image: linear-gradient(#fef1e1,#fef1e1)
}

  .__module-tickets__ticket-details__summary__summary-details .summary-details .summary-content .ticket-details__item__content {
      padding: 0;
      border: none
  }

      .__module-tickets__ticket-details__summary__summary-details .summary-details .summary-content .ticket-details__item__content .editor-edit-note {
          border: 1px solid #cfd7df
      }

      .__module-tickets__ticket-details__summary__summary-details .summary-details .summary-content .ticket-details__item__content .attachment {
          margin: 0;
          background-color: #fff;
          padding: 5px 10px 0
      }

  .__module-tickets__ticket-details__summary__summary-details .summary-details .summary-content .ticket-details__item__header {
      padding: 0;
      background-image: linear-gradient(#fef1e1,#fef1e1);
      min-height: 0
  }

      .__module-tickets__ticket-details__summary__summary-details .summary-details .summary-content .ticket-details__item__header .secondary-info {
          padding: 2px 48px
      }

  .__module-tickets__ticket-details__summary__summary-details .summary-details .summary-content .ticket-actions-container {
      color: #fddbb5
  }

  .__module-tickets__ticket-details__summary__summary-details .summary-details .timeago-wrap, .freddy-property-predict--header {
      color: #475867
  }

  .__module-tickets__ticket-details__summary__summary-details .summary-details .summary-content .ticket-actions-container .ticket-actions {
      border-color: #fddbb5
  }

      .__module-tickets__ticket-details__summary__summary-details .summary-details .summary-content .ticket-actions-container .ticket-actions:hover {
          border-color: #faab52;
          background-color: #fff
      }

  .__module-tickets__ticket-details__summary__summary-details .summary-details .summary-content .ticket-details-action {
      position: relative;
      align-self: flex-start
  }

  .__module-tickets__ticket-details__summary__summary-details .summary-details .summary-content .summary-data {
      margin: 0 0 8px 50px
  }

  .__module-tickets__ticket-details__summary__summary-details .summary-details .app-icon-btn--transparent {
      border: 1px solid transparent
  }

  .__module-tickets__ticket-details__summary__summary-details .attachment-thumb {
      margin: 0;
      padding: 0 48px;
      background-color: #f5f7f9
  }

.__module-tickets__ticket-details__ticket-actions__reply .reply-btn-wrapper.disabled .reply-btn, .__module-tickets__ticket-details__ticket-actions__reply .reply-btn-wrapper.disabled button {
  cursor: not-allowed
}

.__module-tickets__ticket-details__ticket-actions__reply .reply-btn-wrapper .draft-status {
  display: inline-block;
  padding-right: 10px;
  font-size: 12px;
  color: #acb6be
}

.__module-tickets__ticket-details__ticket-actions__reply .reply-btn-wrapper .reply-btn {
  display: inline-block
}

  .__module-tickets__ticket-details__ticket-actions__reply .reply-btn-wrapper .reply-btn .send-and-set {
      padding-bottom: 0
  }

.__module-tickets__ticket-details__ticket-actions__reply .reply-btn-wrapper .discard-draft {
  display: inline-block
}

.__module-tickets__ticket-details__ticket-actions__reply .reply-btn-wrapper .app-icon-btn {
  height: 32px;
  width: 36px;
  padding: 6px
}

.__module-tickets__ticket-details__ticket-actions__reply .reply-btn-wrapper .dropdown-menu {
  border: 1px solid #dadfe3
}

.access-modal-body .body-wrapper {
  max-height: 250px;
  overflow-y: auto
}

  .access-modal-body .body-wrapper .card-wrapper {
      background-color: #f5f7f9
  }

.__module-tickets__ticket-details__ticket-actions__shared__change-actions {
  display: inline-block
}

  .__module-tickets__ticket-details__ticket-actions__shared__change-actions .basic-dropdown .basic-dropdown-content {
      min-width: 150px;
      border: 1px solid #dadfe3
  }

.__module-tickets__ticket-details__ticket-actions__shared__collapsed-email {
  cursor: pointer
}

  .__module-tickets__ticket-details__ticket-actions__shared__collapsed-email .display__email {
      font-size: 13px
  }

      .__module-tickets__ticket-details__ticket-actions__shared__collapsed-email .display__email:not(:last-child)::after {
          content: ","
      }

  .__module-tickets__ticket-details__ticket-actions__shared__collapsed-email .display__more {
      color: #2c5cc5;
      cursor: pointer
  }

      .__module-tickets__ticket-details__ticket-actions__shared__collapsed-email .display__more .dis_email:not(:last-child)::after {
          content: ","
      }

.__module-tickets__ticket-details__ticket-actions__shared__omnichannel-reply-dropdown.btn-group {
  display: inline-flex
}

.__module-tickets__ticket-details__ticket-actions__shared__omnichannel-reply-dropdown .omni-reply-button {
  margin-right: 0;
  border-radius: 4px 0 0 4px
}

.__module-tickets__ticket-details__ticket-actions__shared__omnichannel-reply-dropdown .omni-reply-dropdown {
  min-width: 32px;
  padding: 0 8px;
  border-left: none;
  display: flex;
  align-items: center
}

  .__module-tickets__ticket-details__ticket-actions__shared__omnichannel-reply-dropdown .omni-reply-dropdown.nucleus-button {
      border-radius: 0 4px 4px 0
  }

.__module-tickets__ticket-details__ticket-actions__shared__omnichannel-reply-dropdown .__ui-components__drop-down .basic-dropdown-content {
  min-width: 180px;
  margin-top: -4px
}

.__module-tickets__ticket-details__ticket-actions__shared__omnichannel-reply-dropdown.omni-reply-top .basic-dropdown-content {
  margin-top: 4px
}

.__module-tickets__ticket-details__ticket-actions__shared__send-and-set {
  display: inline-block
}

  .__module-tickets__ticket-details__ticket-actions__shared__send-and-set .send-and-set {
      padding-bottom: 0
  }

      .__module-tickets__ticket-details__ticket-actions__shared__send-and-set .send-and-set .set-btn {
          min-width: 32px;
          border-bottom-left-radius: 0;
          border-top-left-radius: 0;
          padding-left: 8px;
          padding-right: 8px
      }

          .__module-tickets__ticket-details__ticket-actions__shared__send-and-set .send-and-set .set-btn .caret {
              margin-bottom: 2px
          }

      .__module-tickets__ticket-details__ticket-actions__shared__send-and-set .send-and-set .basic-dropdown {
          float: left
      }

  .__module-tickets__ticket-details__ticket-actions__shared__send-and-set .send-and-set-dropdown {
      right: 0
  }

      .__module-tickets__ticket-details__ticket-actions__shared__send-and-set .send-and-set-dropdown .dropdown-normal {
          max-height: 255px;
          overflow-y: auto;
          margin-bottom: 0;
          text-align: left
      }

      .__module-tickets__ticket-details__ticket-actions__shared__send-and-set .send-and-set-dropdown .list--active .send-and-set-item {
          background-color: #ebedf0
      }

.__module-tickets__ticket-details__ticket-breadcrumb-info .ticket__info {
  line-height: 1.8;
  font-size: 16px;
  font-weight: 500
}

  .__module-tickets__ticket-details__ticket-breadcrumb-info .ticket__info .text__infotext {
      font-size: 14px
  }

.__module-tickets__ticket-details__ticket-breadcrumb-info .ticket-status-notification__icon {
  margin-right: 3px
}

.__module-tickets__ticket-details__ticket-breadcrumb-info .ticket-source.icon-wrap {
  width: 24px;
  height: 24px;
  font-size: 15px
}

.__module-tickets__ticket-details__widgets__associate-tickets .associate-tickets-widgets a {
  cursor: pointer
}

.__module-tickets__ticket-details__widgets__associate-tickets .associate-tickets-widgets .add-more-label {
  font-size: 11px
}

.__module-tickets__ticket-details__widgets__associate-tickets .associate-tickets-widgets .separator {
  color: #6f7c87
}

  .__module-tickets__ticket-details__widgets__associate-tickets .associate-tickets-widgets .separator::after, .__module-tickets__ticket-details__widgets__associate-tickets .associate-tickets-widgets .separator::before {
      content: "";
      width: 43%;
      background: #ccc;
      display: inline-block;
      height: 1px;
      vertical-align: middle
  }

  .__module-tickets__ticket-details__widgets__associate-tickets .associate-tickets-widgets .separator::after {
      margin-left: 6px
  }

  .__module-tickets__ticket-details__widgets__associate-tickets .associate-tickets-widgets .separator::before {
      margin-right: 6px
  }

.__module-tickets__ticket-details__widgets__associate-tickets .associate-tickets-widgets .link-actions .app-icon {
  height: 38px;
  width: 32px
}

.__module-tickets__ticket-details__widgets__associate-tickets .associate-tickets-widgets .add-child-actions, .__module-tickets__ticket-details__widgets__associate-tickets .associate-tickets-widgets .link-actions {
  display: inline-block;
  vertical-align: text-top
}

.__module-tickets__ticket-details__widgets__associate-tickets .associate-tickets-widgets .sidebar__title {
  cursor: default
}

.__module-tickets__ticket-details__widgets__associate-tickets__ticket .tickets__ticket {
  margin-top: -2px
}

  .__module-tickets__ticket-details__widgets__associate-tickets__ticket .tickets__ticket .ticket-subject {
      font-size: 13px
  }

.__module-tickets__ticket-details__widgets__associate-tickets__ticket .widget-unlink-btn {
  padding-top: 8px
}

.__module-tickets__ticket-details__widgets__associate-tickets__ticket .tickets__details {
  line-height: 1.35
}

.__module-tickets__ticket-details__widgets__requester-info {
  margin-top: 2px
}

  .__module-tickets__ticket-details__widgets__requester-info .info-details {
      margin-top: 16px
  }

  .__module-tickets__ticket-details__widgets__requester-info .info-details__item {
      margin-top: 14px
  }

      .__module-tickets__ticket-details__widgets__requester-info .info-details__item:first-child {
          margin-top: 3px
      }

  .__module-tickets__ticket-details__widgets__requester-info .info-details__item__title {
      padding: 3px 0 0 50px
  }

  .__module-tickets__ticket-details__widgets__requester-info .info-details__item .contacts__cardpic {
      margin: 4px 0
  }

  .__module-tickets__ticket-details__widgets__requester-info .info-details-content {
      padding-top: 4px
  }

      .__module-tickets__ticket-details__widgets__requester-info .info-details-content:hover .contacts__fields--content-icon {
          display: inline-block
      }

      .__module-tickets__ticket-details__widgets__requester-info .info-details-content .default-text-color {
          color: #183247;
          font-weight: 500
      }

  .__module-tickets__ticket-details__widgets__requester-info .widget-requestor-info {
      width: 156px;
      display: inline-block
  }

  .__module-tickets__ticket-details__widgets__requester-info .association-warning {
      position: relative;
      top: 3px
  }

  .__module-tickets__ticket-details__widgets__requester-info .company-info.company-hint::after {
      width: 180px;
      white-space: normal;
      left: 50px
  }

  .__module-tickets__ticket-details__widgets__requester-info .contacts__view_more_info {
      padding: 15px 0 20px;
      color: #2c5cc5
  }

      .__module-tickets__ticket-details__widgets__requester-info .contacts__view_more_info .app-icon {
          fill: #2c5cc5
      }

.__module-tickets__ticket-details__widgets__service-task .service-task-widget a {
  cursor: pointer
}

.__module-tickets__ticket-details__widgets__service-task .service-task-widget .service-task-loader {
  color: #6f7c87
}

  .__module-tickets__ticket-details__widgets__service-task .service-task-widget .service-task-loader .inline-loader {
      display: inline-block;
      vertical-align: middle
  }

      .__module-tickets__ticket-details__widgets__service-task .service-task-widget .service-task-loader .inline-loader .gravity-loader .path {
          stroke: #6f7c87
      }

.__module-tickets__ticket-details__widgets__service-task .service-task-widget .create-service-task__icon {
  width: 10px;
  height: 10px;
  fill: #2c5cc5;
  vertical-align: middle
}

.__module-tickets__ticket-details__widgets__service-task .service-task-widget .create-service-task__text {
  vertical-align: middle
}

.__module-tickets__ticket-details__widgets__service-task__agent-availability .agent-details {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 12px
}

.__module-tickets__ticket-details__widgets__service-task__agent-availability .agent-service-task-detail {
  overflow: auto;
  border: 1px solid #cfd7df;
  border-radius: 4px;
  position: relative
}

  .__module-tickets__ticket-details__widgets__service-task__agent-availability .agent-service-task-detail .container {
      position: absolute;
      top: 0;
      height: 100%;
      background-color: rgba(172,211,255,.3)
  }

  .__module-tickets__ticket-details__widgets__service-task__agent-availability .agent-service-task-detail .day {
      width: 2400px;
      display: grid;
      display: -ms-grid;
      background-color: #fff;
      grid-template-columns: repeat(96,25px);
      border-bottom: 1px solid #cfd7df;
      grid-auto-flow: dense
  }

  .__module-tickets__ticket-details__widgets__service-task__agent-availability .agent-service-task-detail .day-events {
      grid-template-rows: 50px;
      -ms-grid-rows: 50px;
      border-bottom: none;
      padding-bottom: 10px;
      background: repeating-linear-gradient(to right,#cfd7df,#fff 1px,#fff 50px,#fff 0)
  }

  .__module-tickets__ticket-details__widgets__service-task__agent-availability .agent-service-task-detail .day-hour {
      padding: 5px 0;
      text-align: center;
      font-size: 12px;
      position: relative
  }

      .__module-tickets__ticket-details__widgets__service-task__agent-availability .agent-service-task-detail .day-hour .vr {
          position: absolute;
          border-left: 1px solid #cfd7df;
          height: 5px;
          left: 50%
      }

  .__module-tickets__ticket-details__widgets__service-task__agent-availability .agent-service-task-detail .event-wrapper {
      height: 100%;
      padding: 4px
  }

      .__module-tickets__ticket-details__widgets__service-task__agent-availability .agent-service-task-detail .event-wrapper .event {
          background-color: #424379;
          color: #fff;
          border-radius: 4px;
          padding: 3px 6px;
          height: 100%;
          cursor: pointer;
          overflow: hidden
      }

          .__module-tickets__ticket-details__widgets__service-task__agent-availability .agent-service-task-detail .event-wrapper .event .address, .__module-tickets__ticket-details__widgets__service-task__agent-availability .agent-service-task-detail .event-wrapper .event .contact-info {
              font-size: 12px
          }

          .__module-tickets__ticket-details__widgets__service-task__agent-availability .agent-service-task-detail .event-wrapper .event .address {
              color: #acb6be
          }

.__module-tickets__ticket-details__widgets__service-task__agent-availability__details .detailed-card {
  width: 238px;
  border-radius: 4px;
  padding: 10px 5px 5px
}

.__module-tickets__ticket-details__widgets__service-task__agent-availability__details .detailed-card__row {
  display: flex;
  justify-content: end;
  align-items: center;
  margin-bottom: 4px
}

.__module-tickets__ticket-details__widgets__service-task__agent-availability__details .detailed-card__row--left {
  display: flex;
  flex-grow: 1;
  margin: 0 5px
}

.__module-tickets__ticket-details__widgets__service-task__agent-availability__details .detailed-card__row--right {
  margin: 0 5px
}

.__module-tickets__ticket-details__widgets__service-task__agent-availability__details .detailed-card .contact-icon {
  border-radius: 50%;
  overflow: hidden;
  width: 24px;
  flex: 0 0 24px
}

.__module-tickets__ticket-details__widgets__service-task__agent-availability__details .detailed-card .ticket-id {
  color: #979797
}

.__module-tickets__ticket-details__widgets__service-task__agent-availability__details .detailed-card .service-task-subject {
  font-weight: 600
}

.__module-tickets__ticket-details__widgets__service-task__agent-availability__details .detailed-card .service-location {
  font-size: 12px;
  font-weight: 400;
  flex-direction: row-reverse
}

  .__module-tickets__ticket-details__widgets__service-task__agent-availability__details .detailed-card .service-location .icon {
      margin-right: 0;
      padding-top: 2px
  }

.__module-tickets__ticket-details__conversation-banners {
  width: 100%;
  height: 40px;
  display: flex;
  padding: 0 16px 0 12px;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid
}

  .__module-tickets__ticket-details__conversation-banners:first-child {
      border-radius: 8px 8px 0 0
  }

  .__module-tickets__ticket-details__conversation-banners.success {
      background: #fef1e1;
      border-color: #fddbb5
  }

  .__module-tickets__ticket-details__conversation-banners.warning {
      background: #ffecf0;
      border-color: #ffd0d6
  }

  .__module-tickets__ticket-details__conversation-banners .message {
      font-size: 14px;
      color: #12344d
  }

  .__module-tickets__ticket-details__conversation-banners .message__action {
      font-weight: 600;
      font-size: 12px;
      color: #2c5cc5
  }

  .__module-tickets__ticket-details__conversation-banners .info-message {
      display: flex;
      align-items: center
  }

.__module-tickets__ticket-details__conversation-footer {
  width: 100%;
  height: 40px
}

  .__module-tickets__ticket-details__conversation-footer .footer-message {
      color: #6f7c87
  }

.__module-tickets__ticket-form .edit-requester {
  margin-top: 15px
}

.__module-tickets__ticket-form .help-block {
  font-size: 11px;
  margin-top: 3px;
  color: #acb6be;
  position: absolute;
  -webkit-font-smoothing: antialiased
}

.__module-tickets__ticket-form .app-form {
  padding: 4px
}

.__module-tickets__ticket-form .modal-carousel_container {
  overflow: visible
}

.__module-tickets__ticket-form .modal-carousel_wrapper {
  width: 100%
}

  .__module-tickets__ticket-form .modal-carousel_wrapper.carousel-slider .carousel-default-view {
      display: none
  }

  .__module-tickets__ticket-form .modal-carousel_wrapper.carousel-slider .custom-cannedResponse {
      margin-left: 100%
  }

.__module-tickets__ticket-form .modal-carousel__item {
  width: 100%
}

.__module-tickets__ticket-form .banner-text {
  padding: 8px;
  margin: 8px 0;
  border-radius: 4px;
  background-color: #fef1e1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #fddbb5;
  box-sizing: border-box
}

.__module-tickets__ticket-template .powerselect_holder .power-select-placeholder, .__module-tickets__tickets-list__tickets-table__cell-renderer .priority .list-filter__label {
  padding-bottom: 0
}

.__module-tickets__ticket-form .banner-content {
  display: flex;
  align-items: center
}

.__module-tickets__ticket-form .banner-content__icon {
  margin-right: 8px
}

.__module-tickets__ticket-form .go-to-ticket {
  display: flex;
  align-items: center;
  text-decoration: none;
  margin-top: 4px
}

.__module-tickets__ticket-form .go-to-ticket_text {
  padding-left: 6px
}

.__module-tickets__ticket-form__custom-form .form-group.serviceInfo .editor-create-ticket {
  margin-top: 0
}

.__module-tickets__ticket-form__custom-form .form-group.contactInfo .update-contact-label {
  margin-left: -5px;
  display: inline-block
}

.__module-tickets__ticket-form__custom-form .form-group__title {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 16px
}

.__module-tickets__ticket-template .make_inline {
  display: inline-block
}

.__module-tickets__ticket-template .vmid {
  vertical-align: middle
}

.__module-tickets__ticket-template ._heading {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .5px;
  text-align: left;
  color: #183247;
  text-transform: uppercase;
  line-height: 14px
}

.__module-tickets__ticket-template .clearlink {
  line-height: 20px;
  cursor: pointer
}

.__module-tickets__ticket-template .sidebar-present .ticket-template-block .sidebar {
  padding-left: 0;
  padding-right: 0;
  background: #f5f7f9;
  width: 310px
}

.__module-tickets__ticket-template .template_list_icon {
  position: relative;
  top: 2px
}

.__module-tickets__ticket-template .template_sidebar .filter-expand {
  display: none
}

.__module-tickets__ticket-template .contactwidget_wrapper .requester-info-sidebar__present__item-info {
  width: auto;
  margin-top: 0;
  padding-left: 0
}

.__module-tickets__ticket-template h5 {
  font-size: 11px;
  line-height: 1.64;
  text-align: left;
  color: #6f7c87;
  margin: 8px 0 0
}

.__module-tickets__ticket-template .child_templates, .__module-tickets__ticket-template .recent_templates {
  margin: 3px 0 0;
  padding: 0
}

  .__module-tickets__ticket-template .child_templates .recent-item, .__module-tickets__ticket-template .recent_templates .recent-item {
      list-style: none;
      margin-bottom: 4px
  }

      .__module-tickets__ticket-template .child_templates .recent-item .recent-item-link, .__module-tickets__ticket-template .recent_templates .recent-item .recent-item-link {
          font-size: 13px;
          line-height: 1.38;
          text-align: left;
          color: #239cff
      }

  .__module-tickets__ticket-template .child_templates.child_templates, .__module-tickets__ticket-template .recent_templates.child_templates {
      border-left: 1px solid #979797
  }

      .__module-tickets__ticket-template .child_templates.child_templates li, .__module-tickets__ticket-template .recent_templates.child_templates li {
          padding-bottom: 9px;
          position: relative;
          top: 20px;
          list-style: none
      }

          .__module-tickets__ticket-template .child_templates.child_templates li::before, .__module-tickets__ticket-template .recent_templates.child_templates li::before {
              display: inline-block;
              content: "";
              width: 8px;
              margin-right: 7px;
              border-bottom: 1px solid #979797;
              position: relative;
              bottom: 6px
          }

          .__module-tickets__ticket-template .child_templates.child_templates li a, .__module-tickets__ticket-template .recent_templates.child_templates li a {
              font-size: 13px;
              font-weight: regular;
              text-align: left;
              color: #183247;
              cursor: pointer
          }

              .__module-tickets__ticket-template .child_templates.child_templates li a:hover, .__module-tickets__ticket-template .recent_templates.child_templates li a:hover {
                  text-decoration: none
              }

              .__module-tickets__ticket-template .child_templates.child_templates li a input[type=checkbox], .__module-tickets__ticket-template .recent_templates.child_templates li a input[type=checkbox] {
                  margin-right: 7px
              }

.__module-tickets__ticket-template .search-text input[type=text] {
  border-bottom: 1px solid #02b875
}

.__module-tickets__ticket-template input[type=checkbox] {
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #dadfe3;
  height: 13px;
  position: relative;
  width: 13px;
  border-radius: 2px;
  margin-top: 0;
  cursor: pointer
}

  .__module-tickets__ticket-template input[type=checkbox]:focus {
      outline: 0
  }

  .__module-tickets__ticket-template input[type=checkbox]::after {
      position: absolute;
      content: "";
      display: block;
      height: 16px;
      background: 0 0;
      bottom: -4px
  }

  .__module-tickets__ticket-template input[type=checkbox]:checked {
      background: #02b878;
      border: 3px solid #02b875;
      padding: 0
  }

      .__module-tickets__ticket-template input[type=checkbox]:checked::before {
          border: 0;
          position: relative;
          left: 1px;
          top: -1px;
          border-right: 2px solid #fff;
          border-bottom: 2px solid #fff;
          transform: rotate(45deg);
          content: "";
          display: block;
          width: 5px;
          height: 7px
      }

.__module-tickets__ticket-template .template_form {
  -webkit-animation-duration: 1s ease-in-out;
  animation-duration: 1s ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear
}

.__module-tickets__ticket-template .template_disabled {
  opacity: .5
}

.__module-tickets__ticket-template .template_enabled {
  -webkit-animation-name: halfFadeIn;
  animation-name: halfFadeIn
}

.__module-tickets__ticket-template .ticket_template_powerselect .power-select-option {
  padding: 2px 5px 0
}

.__module-tickets__tickets-list__archive-export #archive-ticket-export .responsive {
  background: #fff;
  border-radius: 3px;
  margin-bottom: 10px
}

.__module-tickets__tickets-list__archive-export #archive-ticket-export .archive-ticket-export__form {
  margin: -50px auto 0;
  padding: 10px
}

.__module-tickets__tickets-list__archive-export #archive-ticket-export .sidebar__title.text--semibold {
  margin-top: 30px
}

.__module-tickets__tickets-list__archive-export #archive-ticket-export .sidebar {
  margin-top: -50px;
  padding: 0 16px;
  text-align: center
}

  .__module-tickets__tickets-list__archive-export #archive-ticket-export .sidebar .archive-icon {
      margin: 20px 0
  }

.__module-tickets__tickets-list__archive-export #archive-ticket-export .archive-ticket-export__button {
  text-align: right;
  padding: 20px
}

.__module-tickets__tickets-list__quick-reply .requester-note {
  background-color: #fff;
  border: 1px solid #cfd7df
}

.__module-tickets__tickets-list__quick-reply .modal-header {
  padding: 10px;
  background-color: #f8f9fa
}

.__module-tickets__tickets-list__quick-reply .quick-reply__editor {
  width: 600px;
  margin-left: -40px;
  margin-right: 30px;
  position: fixed;
  bottom: 0
}

  .__module-tickets__tickets-list__quick-reply .quick-reply__editor .rich-editor {
      border: none;
      padding: 0
  }

      .__module-tickets__tickets-list__quick-reply .quick-reply__editor .rich-editor:focus, .__module-tickets__tickets-list__quick-reply .quick-reply__editor .rich-editor:hover {
          border: none;
          outline: 0;
          box-shadow: none
      }

.__module-tickets__tickets-list__quick-reply .quick-reply__last-note {
  position: fixed;
  height: calc(100% - 400px);
  width: 600px;
  overflow: auto;
  padding: 0 15px;
  margin-left: -40px
}

.__module-tickets__tickets-list__shared__close-validation {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: hidden;
  background-color: #f5f7f9;
  border-bottom: 1px #ebeff3 solid
}

  .__module-tickets__tickets-list__shared__close-validation .ticket-closure {
      height: inherit;
      padding: 0;
      z-index: 7
  }

  .__module-tickets__tickets-list__shared__close-validation .closure-column {
      padding: 0
  }

  .__module-tickets__tickets-list__shared__close-validation .tickets {
      overflow-y: auto;
      margin-top: 12px
  }

  .__module-tickets__tickets-list__shared__close-validation .modal-close-icon {
      margin-left: 6px;
      margin-top: -2px
  }

  .__module-tickets__tickets-list__shared__close-validation .ticket-closure-header {
      width: 95%;
      background-color: #fff
  }

  .__module-tickets__tickets-list__shared__close-validation .ticket-list {
      padding: 12px 0 0 17px
  }

  .__module-tickets__tickets-list__shared__close-validation .close-warning {
      background-color: #fef1e1;
      margin-top: 15px;
      margin-left: 3px;
      margin-right: 6px;
      padding: 10px 0;
      border-radius: 2px 2px 0;
      text-align: left
  }

      .__module-tickets__tickets-list__shared__close-validation .close-warning div {
          display: table-cell;
          position: relative;
          padding: 0 15px
      }

  .__module-tickets__tickets-list__shared__close-validation .warning-content {
      width: 260px
  }

  .__module-tickets__tickets-list__shared__close-validation .wrap-subject-content {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 210px;
      float: left;
      margin-right: 3px
  }

  .__module-tickets__tickets-list__shared__close-validation .error {
      fill: #d72d30
  }

  .__module-tickets__tickets-list__shared__close-validation .progress-icon {
      top: 8px;
      left: 8px;
      background-color: #f8f9fa
  }

  .__module-tickets__tickets-list__shared__close-validation .closure-ticket-properties {
      position: fixed;
      z-index: 1;
      height: 100%;
      width: 50%;
      right: 0;
      bottom: 0;
      border-left: 1px #ebeff3 solid;
      background-color: #f8f9fa
  }

      .__module-tickets__tickets-list__shared__close-validation .closure-ticket-properties > :first-child {
          background-color: #f8f9fa;
          top: 25px
      }

          .__module-tickets__tickets-list__shared__close-validation .closure-ticket-properties > :first-child .requestor-filter {
              overflow-y: auto
          }

              .__module-tickets__tickets-list__shared__close-validation .closure-ticket-properties > :first-child .requestor-filter .ticket-sidebar-sticky {
                  height: 35px;
                  padding-left: 20px
              }

              .__module-tickets__tickets-list__shared__close-validation .closure-ticket-properties > :first-child .requestor-filter .form-wrap--ticket-details {
                  top: 30px;
                  padding: 10px 22px 0
              }

          .__module-tickets__tickets-list__shared__close-validation .closure-ticket-properties > :first-child .property-submit {
              width: 300px;
              height: 65px;
              bottom: 20px
          }

              .__module-tickets__tickets-list__shared__close-validation .closure-ticket-properties > :first-child .property-submit button {
                  position: absolute;
                  width: 265px;
                  top: 0;
                  bottom: 0;
                  left: 0;
                  margin: 16px 18px
              }

          .__module-tickets__tickets-list__shared__close-validation .closure-ticket-properties > :first-child .update-actions {
              width: 300px;
              height: 90px;
              bottom: 50px;
              position: absolute
          }

              .__module-tickets__tickets-list__shared__close-validation .closure-ticket-properties > :first-child .update-actions .btn-action button {
                  width: 265px;
                  margin: 16px 18px
              }

  .__module-tickets__tickets-list__shared__close-validation .ticket-list-item {
      border-top: 1px #ebedf0 solid;
      border-bottom: 1px #ebedf0 solid;
      border-left: 1px #ebedf0 solid;
      padding: 15px 0 15px 15px;
      margin-bottom: 10px;
      display: table;
      width: 100%;
      border-radius: 2px 0 0 2px
  }

      .__module-tickets__tickets-list__shared__close-validation .ticket-list-item:hover {
          cursor: pointer;
          border-color: #d3dbda
      }

  .__module-tickets__tickets-list__shared__close-validation .ticket-list-item--selected {
      background-color: #f8f9fa
  }

  .__module-tickets__tickets-list__shared__close-validation .ticket-list-item .subject {
      height: 30px;
      display: table
  }

      .__module-tickets__tickets-list__shared__close-validation .ticket-list-item .subject .center-align {
          display: table-cell;
          vertical-align: middle
      }

  .__module-tickets__tickets-list__shared__close-validation .ticket-sidebar-sticky__refresh-text {
      display: none
  }

.__module-tickets__tickets-list__tickets-export .seperator {
  padding: 5px;
  display: inline-block
}

.__module-tickets__tickets-list__tickets-export .export-as-radioBtn {
  display: inline-block
}

  .__module-tickets__tickets-list__tickets-export .export-as-radioBtn .input {
      margin-bottom: 0;
      margin-top: 16px
  }

  .__module-tickets__tickets-list__tickets-export .export-as-radioBtn .radio-group {
      margin-left: 22px
  }

      .__module-tickets__tickets-list__tickets-export .export-as-radioBtn .radio-group label {
          color: #183247;
          margin-right: 20px;
          position: relative
      }

.__module-tickets__tickets-list__tickets-export .filter-group {
  padding-bottom: 10px
}

.__module-tickets__tickets-list__tickets-export .filter-group__by {
  padding-right: 5px
}

.__module-tickets__tickets-list__tickets-export .filter-group__as {
  padding-right: 15px
}

.__module-tickets__tickets-list__tickets-export .filter-group .dropdown-inline {
  display: inline-block
}

  .__module-tickets__tickets-list__tickets-export .filter-group .dropdown-inline .open-state .down-arrow {
      transform: rotate(180deg)
  }

.__module-tickets__tickets-list__tickets-export .accordion-heading {
  padding-right: 7px;
  padding-left: 11px
}

  .__module-tickets__tickets-list__tickets-export .accordion-heading .accordion-title {
      padding: 13px 5px
  }

      .__module-tickets__tickets-list__tickets-export .accordion-heading .accordion-title .title-block {
          display: inline-block
      }

      .__module-tickets__tickets-list__tickets-export .accordion-heading .accordion-title .required-field {
          color: #d72d30;
          margin-left: -2px
      }

      .__module-tickets__tickets-list__tickets-export .accordion-heading .accordion-title .fields-selected {
          float: right
      }

      .__module-tickets__tickets-list__tickets-export .accordion-heading .accordion-title .required-fields-count {
          padding-top: 9px
      }

      .__module-tickets__tickets-list__tickets-export .accordion-heading .accordion-title .expand-item .accordion-right-bullet {
          transform: rotate(90deg)
      }

      .__module-tickets__tickets-list__tickets-export .accordion-heading .accordion-title .accordion-right-bullet {
          transition: .1s linear
      }

      .__module-tickets__tickets-list__tickets-export .accordion-heading .accordion-title .arrow-icon {
          padding-left: 8px
      }

.__module-tickets__tickets-list__tickets-export .dd-trigger-status {
  padding-bottom: 10px
}

.__module-tickets__tickets-list__tickets-export .dd-content-status {
  min-width: 220px;
  border-radius: 4px;
  padding: 10px 10px 8px
}

.__module-tickets__tickets-list__tickets-export__export-fields .export-fields {
  padding: 0 0 8px 17px
}

  .__module-tickets__tickets-list__tickets-export__export-fields .export-fields .options-header .input {
      margin-bottom: 0
  }

      .__module-tickets__tickets-list__tickets-export__export-fields .export-fields .options-header .input label {
          color: #6f7c87
      }

  .__module-tickets__tickets-list__tickets-export__export-fields .export-fields .options-header .export-select-all input[type=checkbox] + label::after {
      top: 3px
  }

  .__module-tickets__tickets-list__tickets-export__export-fields .export-fields .options-header .export-select-all input[type=checkbox] + label::before {
      top: 1px
  }

  .__module-tickets__tickets-list__tickets-export__export-fields .export-fields .options-header .select-description-fields {
      padding-left: 10px;
      color: #2c5cc5
  }

  .__module-tickets__tickets-list__tickets-export__export-fields .export-fields .export-body__item .input label, .__module-tickets__tickets-list__tickets-table__cell-renderer .text--red .timeago-units {
      color: #183247
  }

  .__module-tickets__tickets-list__tickets-export__export-fields .export-fields .export-body .horizontal-divider {
      border-top: 1px dashed #ebeff3;
      margin: 5px 20px 15px 0
  }

  .__module-tickets__tickets-list__tickets-export__export-fields .export-fields .export-body__item {
      width: 49%;
      display: inline-block
  }

      .__module-tickets__tickets-list__tickets-export__export-fields .export-fields .export-body__item .dotted-tree-first {
          padding-top: 16px;
          margin-top: -23px;
          display: inline
      }

      .__module-tickets__tickets-list__tickets-export__export-fields .export-fields .export-body__item .dotted-tree-others {
          padding-top: 21px;
          margin-top: -29px;
          display: inline
      }

      .__module-tickets__tickets-list__tickets-export__export-fields .export-fields .export-body__item .nested-checkbox {
          margin-left: 18px;
          margin-top: -14px
      }

.__module-tickets__tickets-list__tickets-export__export-fields .encrypted-title {
  padding: 0 0 13px
}

.__module-tickets__tickets-list__tickets-export__export-fields .encrypted-title__text {
  vertical-align: top
}

.__module-tickets__tickets-list__tickets-export__export-fields .encrypted-info {
  padding: 10px 20px;
  margin: 0 0 0 -17px;
  background: #fff8ee
}

.__module-tickets__tickets-list__tickets-table__cell-renderer .group-agent .power-select-status-icon {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0
}

.__module-tickets__tickets-list__tickets-table__cell-renderer .group-agent .__module-tickets__assign-to .power-select-status-icon, .__module-tickets__tickets-list__tickets-table__cell-renderer .group-agent .group-agent-label .display-label .power-select-status-icon {
  right: 1px;
  margin-left: 2px;
  position: relative
}

.__module-tickets__tickets-list__tickets-table__cell-renderer .group-agent .validationMessage {
  position: relative;
  left: 200px;
  display: inline
}

  .__module-tickets__tickets-list__tickets-table__cell-renderer .group-agent .validationMessage .app-icon {
      position: relative;
      top: 3px
  }

  .__module-tickets__tickets-list__tickets-table__cell-renderer .group-agent .validationMessage .help-block {
      color: #4e606e;
      display: inline
  }

.__module-tickets__tickets-list__tickets-table__cell-renderer .group-agent .__module-tickets__assign-to .group-field {
  width: 400px;
  display: flex
}

  .__module-tickets__tickets-list__tickets-table__cell-renderer .group-agent .__module-tickets__assign-to .group-field .assign-to-select {
      width: 200px
  }

  .__module-tickets__tickets-list__tickets-table__cell-renderer .group-agent .__module-tickets__assign-to .group-field .power-select-trigger {
      float: left;
      border: 0;
      padding: 0;
      width: 175px
  }

  .__module-tickets__tickets-list__tickets-table__cell-renderer .group-agent .__module-tickets__assign-to .group-field .power-select-trigger--active {
      box-shadow: none
  }

  .__module-tickets__tickets-list__tickets-table__cell-renderer .group-agent .__module-tickets__assign-to .group-field .power-select-trigger .power-select-selected-item {
      padding-right: 0;
      position: relative;
      top: 2px
  }

  .__module-tickets__tickets-list__tickets-table__cell-renderer .group-agent .__module-tickets__assign-to .group-field .agent-filter .power-select-trigger {
      margin-top: 0;
      width: 180px
  }

  .__module-tickets__tickets-list__tickets-table__cell-renderer .group-agent .__module-tickets__assign-to .group-field .agent-filter .power-select-trigger--active {
      box-shadow: none
  }

.__module-tickets__tickets-list__tickets-table__cell-renderer .group-agent .group-agent-label {
  min-height: 37px
}

  .__module-tickets__tickets-list__tickets-table__cell-renderer .group-agent .group-agent-label .display-label {
      width: 200px
  }

  .__module-tickets__tickets-list__tickets-table__cell-renderer .group-agent .group-agent-label .agent-text, .__module-tickets__tickets-list__tickets-table__cell-renderer .group-agent .group-agent-label .group-text {
      position: relative;
      top: 2px
  }

  .__module-tickets__tickets-list__tickets-table__cell-renderer .group-agent .group-agent-label .group-agent-label-text {
      display: flex
  }

.__module-tickets__tickets-list__tickets-table__cell-renderer .group-agent .assign-to-label .power-select-status-icon {
  bottom: 5px
}

.__module-tickets__tickets-list__tickets-table__cell-renderer .group-agent .assign-to-label .assign-to-label-text, .__module-tickets__tickets-list__tickets-table__cell-renderer .group-agent .assignto-filter-wrap > div {
  padding-right: 10px
}

.__module-tickets__tickets-list__tickets-table__cell-renderer .group-agent .assignto-filter-wrap .power-select-status-icon {
  top: -5px
}

.__module-tickets__tickets-list__tickets-table__cell-renderer .list-filter__label .power-select-status-icon {
  position: relative;
  margin-left: 1px;
  margin-bottom: 3px;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0
}

.__module-tickets__tickets-list__tickets-table__cell-renderer .status-select .power-select-trigger {
  padding-right: 10px
}

.__module-tickets__tickets-list__tickets-table__cell-renderer .status-select > .ticket-list-dropselect {
  padding-left: 0
}

.__module-tickets__tickets-list__tickets-table__cell-renderer .status-select .power-select-status-icon {
  right: 1px
}

.__module-tickets__tickets-list__tickets-table__cell-renderer .priority .power-select-trigger {
  padding-right: 0
}

  .__module-tickets__tickets-list__tickets-table__cell-renderer .priority .power-select-trigger .power-select-selected-item {
      display: inline-block;
      padding-right: 10px
  }

.__module-tickets__tickets-list__tickets-table__cell-renderer .priority .power-select-status-icon {
  position: absolute;
  right: 1px;
  bottom: 0;
  top: 0
}

.__module-tickets__tickets-list__tickets-bulkactions .bulk-update .ticketaction__fields .field__input .power-select-status-icon, .__module-tickets__tickets-list__tickets-table__cell-renderer .priority .priority-icon {
  top: 3px
}

.__module-tickets__tickets-list__tickets-table__cell-renderer .priority > .list-filter__label {
  padding-right: 10px;
  padding-left: 0;
  padding-top: 3px
}

.__module-tickets__tickets-list__tickets-table__cell-renderer .priority-label .power-select-status-icon {
  position: relative;
  margin-left: 7px;
  margin-bottom: 2px;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0
}

.__module-tickets__tickets-list__tickets-table__group-agent-column-renderer {
  display: flex;
  width: 400px
}

  .__module-tickets__tickets-list__tickets-table__group-agent-column-renderer .header-text {
      width: 200px
  }

.with-department {
  width: 600px
}

.__module-tickets__tickets-list__tickets-table__columns-chooser__column-add .column-search {
  padding-left: 0;
  margin-top: 5px
}

.__module-tickets__tickets-list__tickets-table__columns-chooser__column-item {
  margin-top: 10px;
  margin-bottom: 10px
}

  .__module-tickets__tickets-list__tickets-table__columns-chooser__column-item .col {
      display: inline-block;
      margin-left: 10px
  }

  .__module-tickets__tickets-list__tickets-table__columns-chooser__column-item .col-label {
      display: inline-block;
      margin-left: 5px;
      vertical-align: text-bottom;
      width: 150px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap
  }

.__module-tickets__tickets-list__tickets-table__columns-chooser__search .power-select-status-icon, .__module-tickets__tickets-list__top-navigation .dropdown-normal__item .resolved-icon {
  display: none
}

.__module-tickets__tickets-list__tickets-table__columns-chooser__column-item .col-add, .__module-tickets__tickets-list__tickets-table__columns-chooser__column-item .col-remove {
  cursor: pointer
}

.columns-dynamic .dynamic-title {
  padding-top: 0;
  padding-bottom: 5px
}

.__module-tickets__tickets-list__tickets-table__columns-chooser__search {
  position: relative
}

  .__module-tickets__tickets-list__tickets-table__columns-chooser__search .app-dropdown-group {
      width: 100%
  }

  .__module-tickets__tickets-list__tickets-table__columns-chooser__search .power-select-option {
      padding: 5px 2px 5px 6px;
      margin: 2px 0;
      cursor: pointer;
      border-radius: 2px;
      width: 230px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap
  }

  .__module-tickets__tickets-list__tickets-table__columns-chooser__search .power-select-options {
      margin: 8px 0;
      padding-left: 10px;
      padding-right: 5px
  }

  .__module-tickets__tickets-list__tickets-table__columns-chooser__search .search-trigger .power-select-trigger-multiple-input {
      width: 100%;
      border: none;
      max-height: 42px;
      padding: 5px 5px 6px 10px;
      margin-left: 5px
  }

      .__module-tickets__tickets-list__tickets-table__columns-chooser__search .search-trigger .power-select-trigger-multiple-input:focus {
          outline: 0
      }

  .__module-tickets__tickets-list__tickets-table__columns-chooser__search .power-select-option--no-matches-message {
      color: #acb6be;
      padding: 1px 15px 1px 5px
  }

  .__module-tickets__tickets-list__tickets-table__columns-chooser__search .power-select-trigger {
      border-bottom: 1px solid #cfd7df
  }

      .__module-tickets__tickets-list__tickets-table__columns-chooser__search .power-select-trigger:hover {
          border-bottom: 1px solid #2c5cc5
      }

.__module-tickets__tickets-list__tickets-table__ticket-item .list-checkbox {
  margin-right: 0;
  position: absolute;
  left: 5px;
  margin-top: 10px
}

  .__module-tickets__tickets-list__tickets-table__ticket-item .list-checkbox .gravity-loader {
      left: 11px;
      margin-top: 1px
  }

.__module-tickets__tickets-list__tickets-table__ticket-item .no-check-box .app-user-photo {
  margin-left: 12px
}

.__module-tickets__tickets-list__tickets-table__ticket-item .list-content {
  padding-left: 16px
}

.__module-tickets__tickets-list__tickets-table__ticket-subject-popover .loader-wrapper {
  text-align: center;
  margin: 0 auto
}

.__module-tickets__tickets-list__top-navigation .btn--date-select {
  font-size: 13px
}

.__module-tickets__tickets-list__top-navigation .sortby-dropdown {
  line-height: 0
}

.__module-tickets__tickets-list__top-navigation .view-action {
  margin-right: 12px
}

.__module-tickets__tickets-list__top-navigation .dropdown-normal__item.selected .resolved-icon {
  display: block
}

.__module-tickets__tickets-list__top-navigation .dropdown-layout ul {
  margin-top: 10px;
  min-width: 132px
}

.__module-tickets__tickets-list__top-navigation .search-assign-input {
  margin-bottom: 0
}

  .__module-tickets__tickets-list__top-navigation .search-assign-input .search-clear {
      top: 15px
  }

.__module-tickets__new-ticket__default-requester .power-select-trigger {
  margin-top: 0
}

.__module-tickets__new-ticket__default-requester .power-select-trigger-multiple-input {
  margin-top: 5px
}

.__module-tickets__new-ticket__default-requester .power-select-multiple-options .power-select-trigger-multiple-input {
  line-height: 0
}

.__module-tickets__new-ticket__default-requester .requester-and-cc-link {
  color: #2c5cc5;
  margin-top: 7px;
  text-align: right;
  width: 100%
}

.__module-tickets__new-ticket__default-requester .requester-and-cc-link__separator-link {
  padding: 0 9px
}

.__module-tickets__new-ticket__default-requester .requester-and-cc:hover {
  cursor: pointer
}

.__module-tickets__new-ticket__default-requester .cc-label {
  padding-bottom: 2px
}

.__module-tickets__new-ticket .add-requester__cc-gap, .__module-tickets__new-ticket__default-requester .add-requester__cc-gap {
  padding-bottom: 20px
}

.__module-tickets__new-ticket__default-requester .cc-label__company {
  padding-top: 12px
}

.__module-tickets__new-ticket__default-requester .company-field {
  padding-top: 20px
}

.__module-tickets__new-ticket__default-requester .label-field::after {
  content: "*";
  position: relative;
  top: 2px;
  font-size: 14px;
  color: #d72d30;
  font-weight: 700
}

.__module-tickets__new-ticket__default-requester .display_emails {
  margin-top: 12px
}

.__module-tickets__new-ticket .new-ticket-form .ticket-action {
  border-radius: 4px;
  margin-top: 0
}

  .__module-tickets__new-ticket .new-ticket-form .ticket-action:hover {
      border: 1px solid #183247
  }

  .__module-tickets__new-ticket .new-ticket-form .editor-hascontent, .__module-tickets__new-ticket .new-ticket-form .editor-onfocus, .__module-tickets__new-ticket .new-ticket-form .ticket-action:focus {
      border-bottom: 1px #2c5cc5 solid
  }

.__module-tickets__new-ticket .new-ticket-form__form-for {
  margin: 35px auto 0;
  padding: 16px 20px 0
}

.__module-tickets__new-ticket .new-ticket-form__info-text {
  color: #6f7c87;
  padding-top: 49px;
  padding-bottom: 5px
}

.__module-tickets__new-ticket .new-ticket-form__info-text__link {
  font-weight: 500
}

.__module-tickets__new-ticket .new-ticket-form__info-text__inline {
  display: inline-block
}

.__module-tickets__new-ticket .new-ticket-form .help-block {
  font-size: 11px;
  margin-top: 3px;
  color: #d72d30;
  position: inherit;
  -webkit-font-smoothing: antialiased;
  margin-bottom: 0
}

.__module-tickets__new-ticket .new-ticket-form .assignto-filter-wrap {
  position: relative
}

  .__module-tickets__new-ticket .new-ticket-form .assignto-filter-wrap .power-select-status-icon {
      top: 12px
  }

.__module-tickets__new-ticket .new-ticket-form .power-select-trigger, .__module-tickets__new-ticket .new-ticket-form .power-select-trigger-multiple-input {
  margin-top: 5px
}

.__module-tickets__new-ticket .new-ticket-form__requester {
  margin-top: 21px
}

.__module-tickets__new-ticket .new-ticket-form .responsive {
  height: auto
}

.__module-tickets__new-ticket .requester-and-cc-link {
  padding-top: 0;
  color: #2c5cc5
}

.__module-tickets__new-ticket .requester-and-cc-link__separator-link {
  padding: 0 9px
}

.__module-tickets__new-ticket .requester-and-cc:hover {
  cursor: pointer
}

.__module-tickets__new-ticket .requester-label-selected {
  color: #2c5cc5
}

.__module-tickets__new-ticket .requester-label-require {
  color: #d72d30
}

.__module-tickets__new-ticket .requester-field {
  margin-top: 2px
}

.__module-tickets__new-ticket .requester__cc-label {
  color: #acb6be;
  padding-top: 20px
}

.__module-tickets__new-ticket .requester-info-sidebar {
  margin-top: -50px
}

.__module-tickets__new-ticket .requester-info-sidebar__title {
  padding-top: 11px
}

.__module-tickets__new-ticket .requester-info-sidebar__loading {
  text-align: center;
  padding-top: 60px
}

.__module-tickets__new-ticket .requester-info-sidebar__present {
  display: block;
  text-align: center;
  padding-top: 50px;
  margin-left: 10px
}

.__module-tickets__new-ticket .requester-info-sidebar__present__item-info {
  opacity: .33;
  font-weight: 100;
  font-size: 12px;
  margin-top: -6px;
  padding-left: 18px
}

.__module-tickets__new-ticket .requester-info-sidebar__present__empty, .__module-tickets__new-ticket .requester-info-sidebar__present__new-info {
  font-weight: 600
}

.__module-tickets__new-ticket .custom-create__span {
  float: left;
  margin-right: 6px;
  margin-top: 3px
}

.__module-tickets__new-ticket .add-requester__add-text {
  padding-right: 5px
}

.__module-tickets__new-ticket .add-requester__cancel-text {
  color: #2c5cc5;
  font-weight: 500
}

  .__module-tickets__new-ticket .add-requester__cancel-text:hover {
      cursor: pointer
  }

.__module-tickets__new-ticket .add-requester__mandatory-text {
  color: #acb6be
}

.__module-tickets__new-ticket .add-requester-field {
  border-left: #cfd7df 1px dashed;
  padding-left: 18px;
  color: #183247;
  margin-top: 5px;
  padding-bottom: 5px
}

.__module-tickets__new-ticket .add-requester-field__company-label {
  margin-bottom: 20px
}

.__module-tickets__new-ticket .submit-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #cfd7df
}

.__module-tickets__new-ticket .responsive {
  background: #fff;
  border-radius: 2px;
  margin-top: -90px
}

.__module-tickets__new-ticket .modal__footer__btn {
  margin: 3px
}

.__module-tickets__new-ticket .modal__footer__label {
  margin-right: 10px;
  font-weight: 500
}

.__module-tickets__new-ticket .modal__footer__checkbox {
  float: left
}

.__module-tickets__new-ticket .create-ticket-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  z-index: 9;
  bottom: 0;
  padding: 16px 0;
  margin: 0 auto;
  background-color: #fff;
  border-top: 1px solid #cfd7df
}

.__module-tickets__new-ticket .submit-btn-and-close {
  display: inline-block
}

  .__module-tickets__new-ticket .submit-btn-and-close .send-and-set {
      padding-bottom: 3px
  }

      .__module-tickets__new-ticket .submit-btn-and-close .send-and-set .set-btn {
          min-width: 32px;
          border-bottom-left-radius: 0;
          border-top-left-radius: 0;
          padding-left: 8px;
          padding-right: 8px
      }

          .__module-tickets__new-ticket .submit-btn-and-close .send-and-set .set-btn .caret {
              margin-bottom: 2px
          }

      .__module-tickets__new-ticket .submit-btn-and-close .send-and-set .basic-dropdown {
          float: left
      }

  .__module-tickets__new-ticket .submit-btn-and-close .send-and-set-dropdown {
      right: 0
  }

      .__module-tickets__new-ticket .submit-btn-and-close .send-and-set-dropdown .dropdown-normal {
          max-height: 255px;
          overflow-y: auto;
          margin-bottom: 0
      }

.__module-tickets__new-ticket .create-another-ticket:hover {
  cursor: pointer
}

.__module-tickets__new-ticket .app-form .error .power-select-trigger {
  border: 1px solid #d72d30;
  box-shadow: none
}

.__module-tickets__new-ticket .form-group.serviceInfo .editor-create-ticket {
  margin-top: 0
}

.__module-tickets__new-ticket .form-group.contactInfo .update-contact-label {
  margin-left: -5px;
  display: inline-block
}

.__module-tickets__new-ticket .form-group__title {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 16px
}

.froala-editor-instance .fr-view pre {
  background-color: #ebedf0;
  padding: 10px 20px 2px;
  display: block;
  cursor: pointer;
  min-height: 31px;
  margin: 0 0 5px
}

.__module-tickets__new-ticket__default-requester .requester-email .label-field::after, .__module-tickets__new-ticket__default-requester .requester-mobile .label-field::after, .__module-tickets__new-ticket__default-requester .requester-phone .label-field::after, .__module-tickets__new-ticket__default-requester .requester-twitter-id .label-field::after, .__module-tickets__new-ticket__default-requester .requester-unique-external-id .label-field::after {
  content: none
}

.__module-tickets__new-ticket__default-requester .text--specific {
  margin-bottom: -8px
}

.__module-tickets__new-ticket__default-requester .tag-list {
  margin-bottom: 20px
}

  .__module-tickets__new-ticket__default-requester .tag-list .power-select-trigger-multiple-input {
      margin-top: 0
  }

.__module-tickets__new-ticket__default-requester.form-field-groups {
  padding-top: 30px
}

.broadcast-message .insert-message-link {
  padding: 10px 64px;
  background-color: #ebeff3;
  border-radius: 0 0 8px 8px;
  color: #2c5cc5;
  justify-content: flex-start
}

  .broadcast-message .insert-message-link:focus {
      border: 1px solid transparent;
      box-shadow: none
  }

.broadcast-message .broadcast-icon-wrapper {
  padding: 8px 6px;
  border-radius: 6px;
  background-color: #92a2b1
}

.broadcast-message .broadcast-icon {
  fill: #fff;
  width: 16px;
  height: 16px
}

.__module-tickets__ticket-details__conversation.ticket-details__editnote {
  border: 1px solid #acb6be
}

  .__module-tickets__ticket-details__conversation.ticket-details__editnote .edit-not-editor {
      border-radius: 4px;
      border: 1px solid #ebeff3
  }

  .__module-tickets__ticket-details__conversation.ticket-details__editnote .attachment {
      margin: 0;
      padding-left: 16px;
      background: #fff
  }

.__module-tickets__ticket-details__conversation .separation-line-top + .__module-tickets__ticket-details__conversation-banners {
  border-radius: 8px 8px 0 0
}

.__module-tickets__ticket-details__conversation.ticket-details__requestor + .__module-tickets__ticket-details__conversation.ticket-details__requestor::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #ebeff3;
  position: absolute;
  top: -10px
}

.__module-tickets__ticket-details__conversation.ticket-details__requestor + .__module-tickets__ticket-details__conversation.ticket-details__requestor.ticket-details__privatenote::before, .__module-tickets__ticket-details__conversation.ticket-details__requestor.ticket-details__privatenote + .__module-tickets__ticket-details__conversation.ticket-details__requestor::before {
  content: none
}

.__module-tickets__ticket-details__conversation.ticket-details__requestor:first-child .separation-line-top {
  border-top: 1px #ebeff3 solid;
  padding-top: 20px
}

.__module-tickets__ticket-details__conversation.ticket-details__requestor.ticket-details__privatenote:first-child .separation-line-top {
  border-top: none;
  padding-top: 0
}

.__module-tickets__ticket-details__conversation .conversation-dotted-loader {
  padding: 5px 0 0 8px;
  position: relative
}

.__module-tickets__ticket-details__conversation .note-failure-message {
  color: #d72d30
}

.__module-tickets__ticket-details__conversation .survey-score {
  font-size: 18px;
  font-weight: 600;
  line-height: 13px
}

.__module-tickets__ticket-details__conversation .survey-neutral {
  color: #e16023
}

.__module-tickets__ticket-details__conversation .survey-positive {
  color: #009a79
}

.__module-tickets__ticket-details__conversation .survey-negative {
  color: #d72d30
}

.__module-tickets__ticket-details__conversation__threaded {
  margin-bottom: 0;
  border: 0
}

  .__module-tickets__ticket-details__conversation__threaded .ticket-details__conversations__threaded .created-time {
      font-size: 14px;
      color: #647a8e
  }

  .__module-tickets__ticket-details__conversation__threaded .ticket-details__conversations__threaded .attachment-thumb {
      margin: 0
  }

      .__module-tickets__ticket-details__conversation__threaded .ticket-details__conversations__threaded .attachment-thumb .itemholder {
          padding-top: 12px
      }

  .__module-tickets__ticket-details__conversation__threaded .conversations-count {
      font-size: 12px;
      padding-left: 28px;
      margin-left: 30px;
      fill: #2c5cc5
  }

.__module-tickets__ticket-details__description {
  margin-bottom: 16px;
  border-radius: 8px
}

  .__module-tickets__ticket-details__description .ticket-details__item {
      margin-bottom: 0
  }

.text__infotext--specific {
  margin-left: 4px;
  color: #183247
}

.facebook_post .fb-original-post {
  border: 1px solid #cfd7df;
  margin: 27px 27px 27px 0;
  background-color: #fff;
  padding: 8px;
  border-radius: 4px
}

.facebook_post .fb-original-post__image {
  display: inline-block;
  width: 20%
}

.facebook_post .fb-original-post__description {
  display: inline-block;
  vertical-align: top;
  margin: 0 10px;
  width: 70%
}

.facebook_post .fb-original-post__title {
  margin: 0 0 6px;
  font-size: 16px
}

.facebook_post .fb-original-post__date {
  margin: 5px 0;
  color: #999
}

.facebook_post .fb-original-post__post {
  margin: 15px 0 0
}

.__module-tickets__ticket-details__meta-info__seen-articles.seen-articles {
  border: 1px solid #ebeff3;
  margin: 0 64px 24px;
  padding: 16px 24px;
  border-radius: 4px;
  background-color: #fff
}

  .__module-tickets__ticket-details__meta-info__seen-articles.seen-articles .article-item {
      margin-bottom: 4px
  }

      .__module-tickets__ticket-details__meta-info__seen-articles.seen-articles .article-item .app-icon {
          margin-right: 8px
      }

  .__module-tickets__ticket-details__meta-info__seen-articles.seen-articles .article-message {
      color: #183247;
      padding-bottom: 6px
  }

  .__module-tickets__ticket-details__meta-info__seen-articles.seen-articles .show-more {
      color: #2c5cc5;
      padding-left: 20px
  }

.__module-tickets__ticket-details__meta-info__seen-articles.hide-articles .hide-article {
  display: none
}

.__module-tickets__ticket-details__properties {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 60px;
  height: 100%;
  overflow-y: hidden;
  background-color: #fff;
  border-bottom: 1px #ebeff3 solid
}

  .__module-tickets__ticket-details__properties .disabled-title, .__module-tickets__ticket-details__properties .label-field {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
  }

  .__module-tickets__ticket-details__properties input[type=checkbox] + label .label-field {
      display: block
  }

  .__module-tickets__ticket-details__properties .ticket-properties-wrapper {
      height: 90%;
      overflow-y: scroll
  }

  .__module-tickets__ticket-details__properties .panes-shadow {
      box-shadow: inset 10px 0 10px -8px #ebeff3
  }

  .__module-tickets__ticket-details__properties .requestor-filter {
      height: 90%;
      position: relative
  }

      .__module-tickets__ticket-details__properties .requestor-filter .form-wrap--ticket-details {
          padding-bottom: 32px
      }

  .__module-tickets__ticket-details__properties .ticket-sidebar-sticky {
      height: 50px
  }

      .__module-tickets__ticket-details__properties .ticket-sidebar-sticky::before {
          content: "";
          position: sticky;
          top: 34px;
          display: block;
          box-shadow: 0 2px 4px rgba(18,52,77,.08);
          z-index: 2;
          height: 16px
      }

      .__module-tickets__ticket-details__properties .ticket-sidebar-sticky .sticky-text {
          position: sticky;
          padding: 14px 24px 18px;
          z-index: 5;
          background-color: #fff;
          margin-top: -16px
      }

      .__module-tickets__ticket-details__properties .ticket-sidebar-sticky.bot-suggested {
          height: 100px
      }

          .__module-tickets__ticket-details__properties .ticket-sidebar-sticky.bot-suggested::before {
              content: "";
              top: 84px;
              display: block
          }

  .__module-tickets__ticket-details__properties .app-form {
      margin-top: -2px;
      padding: 24px
  }

      .__module-tickets__ticket-details__properties .app-form .assignto-filter-wrap {
          position: relative
      }

          .__module-tickets__ticket-details__properties .app-form .assignto-filter-wrap .power-select-status-icon {
              right: 10px;
              top: 15px
          }

      .__module-tickets__ticket-details__properties .app-form .input:first-child.encrypted-text {
          padding: 5px 0 0
      }

  .__module-tickets__ticket-details__properties .property-submit {
      background-color: #fff;
      position: absolute;
      width: 250px;
      height: 10%;
      padding: 15px 24px;
      bottom: 0
  }

  .__module-tickets__ticket-details__properties .ticket-details-submit {
      position: relative;
      padding: 5px 15px 6px;
      z-index: 1;
      bottom: 0;
      left: 0
  }

.freddy-property-suggestions {
  background-color: #e5f2fd;
  background-image: none;
  width: 100%;
  text-align: left;
  border: 1px solid #bbdcfe;
  height: 100%
}

  .freddy-property-suggestions.hint--top::after {
      width: 100%;
      word-break: break-word;
      white-space: normal;
      line-height: 16px
  }

  .freddy-property-suggestions:hover:not([disabled]) {
      background-color: #e5f2fd
  }

  .freddy-property-suggestions:active {
      border: 1px solid transparent;
      box-shadow: 0 0 0 2px #2c5cc5
  }

  .freddy-property-suggestions .divider {
      border-left: 1px #bbdcfe solid;
      height: 22px
  }

  .freddy-property-suggestions .accordion-arrow {
      position: absolute;
      right: 6px
  }

  .freddy-property-suggestions .power-select-status-icon {
      top: 6px
  }

.freddy-property-predict--heading {
  color: #12344d
}

.freddy-property-predict--heading-link {
  color: #2c5cc5
}

.freddy-property-predict--heading-icon {
  position: relative;
  top: 2px
}

.freddy-property-predict--heading-admin {
  border-top: 1px solid #cfd7df66
}

.freddy-property-predict.basic-dropdown-content {
  min-width: 224px
}

.freddy-property-predict .dropdown-menu {
  padding: 0
}

.freddy-property-predict--list {
  padding: 8px 16px;
  overflow: auto;
  max-height: 216px
}

  .freddy-property-predict--list .property-field--value-element {
      margin-left: 27px
  }

  .freddy-property-predict--list .property-field--label {
      color: #576c7d
  }

  .freddy-property-predict--list .property-field--label--nested-parent::before {
      content: "";
      border-left: 1px solid #cfd7df;
      display: block;
      position: absolute;
      height: 100%;
      margin-left: -21px
  }

  .freddy-property-predict--list .property-field--valueLabel {
      color: #12344d;
      word-break: break-word
  }

  .freddy-property-predict--list .property-field.disabled {
      opacity: .5
  }

.freddy-property-predict--footer {
  padding: 8px;
  background-color: #f5f7f9
}

.freddy-property-predict--btn {
  color: #475867;
  font-size: 14px
}

  .freddy-property-predict--btn.save-btn {
      color: #fff
  }

      .freddy-property-predict--btn.save-btn.disabled {
          cursor: not-allowed;
          color: #647a8e
      }

.freddy-property-predict .suggested-property-field--nested-wrapper {
  border-left: 1px solid #cfd7df;
  position: relative;
  left: 6px
}

.freddy-field-suggestion {
  border-bottom: 1px solid #ebeff3
}

  .freddy-field-suggestion .answer--block {
      text-align: left;
      width: 100%
  }

      .freddy-field-suggestion .answer--block:hover {
          background-color: #ebeff3
      }

  .freddy-field-suggestion .answer--header {
      color: #475867;
      display: inline-block
  }

  .freddy-field-suggestion .answer--label {
      display: block
  }

.property-dropdown--field-img {
  position: relative;
  bottom: 2px
}

.property-dropdown--field-img--icon {
  width: 18px;
  height: 18px
}

.ticket-tags {
  padding: 0 24px
}

  .ticket-tags .power-select-trigger {
      padding: 2px 6px
  }

  .ticket-tags .power-select-trigger--active .tags-length {
      display: none
  }

.__module-tickets__ticket-details__status-cards .status-cards-container {
  border-bottom: 1px #ebeff3 solid;
  padding: 22px 0;
  margin: 0 24px
}

.__module-tickets__ticket-details__status-cards .timeago-units, .__module-tickets__ticket-details__status-cards .timeago-wrap {
  display: inline
}

.__module-tickets__ticket-details__status-cards .status-card {
  padding: 12px 0 4px;
  border-radius: 4px
}

  .__module-tickets__ticket-details__status-cards .status-card .status-title {
      text-transform: uppercase;
      margin-right: 6px;
      padding-left: 16px;
      margin-bottom: 4px
  }

      .__module-tickets__ticket-details__status-cards .status-card .status-title.critical, .__module-tickets__ticket-details__status-cards .status-card .status-title.overdue, .__module-tickets__ticket-details__status-cards .status-card .status-title.safe {
          position: relative
      }

          .__module-tickets__ticket-details__status-cards .status-card .status-title.critical::before, .__module-tickets__ticket-details__status-cards .status-card .status-title.overdue::before, .__module-tickets__ticket-details__status-cards .status-card .status-title.safe::before {
              content: "";
              position: absolute;
              width: 8px;
              height: 8px;
              border-radius: 50%;
              top: 4px;
              left: 2px;
              box-shadow: 0 0 0 1px #fff;
              z-index: 2
          }

          .__module-tickets__ticket-details__status-cards .status-card .status-title.critical::after, .__module-tickets__ticket-details__status-cards .status-card .status-title.overdue::after, .__module-tickets__ticket-details__status-cards .status-card .status-title.safe::after {
              content: "";
              position: absolute;
              width: 12px;
              height: 12px;
              border-radius: 50%;
              left: 0;
              top: 2px
          }

          .__module-tickets__ticket-details__status-cards .status-card .status-title.overdue::before {
              background-color: #e43538
          }

          .__module-tickets__ticket-details__status-cards .status-card .status-title.overdue::after {
              background-color: #ff5959
          }

          .__module-tickets__ticket-details__status-cards .status-card .status-title.critical::before {
              background-color: #e86f25
          }

          .__module-tickets__ticket-details__status-cards .status-card .status-title.critical::after {
              background-color: #f8ab59
          }

          .__module-tickets__ticket-details__status-cards .status-card .status-title.safe::before {
              background-color: #00a866
          }

          .__module-tickets__ticket-details__status-cards .status-card .status-title.safe::after {
              background-color: #02b797
          }

      .__module-tickets__ticket-details__status-cards .status-card .status-title .date-edit {
          text-transform: capitalize;
          position: relative;
          padding-left: 8px
      }

          .__module-tickets__ticket-details__status-cards .status-card .status-title .date-edit::before {
              content: "";
              position: absolute;
              top: 5px;
              left: 2px;
              background-color: #ebeff3;
              width: 1px;
              height: 60%
          }

  .__module-tickets__ticket-details__status-cards .status-card .escalation-risk-buttons .escalation-seperator {
      color: #cfd7df
  }

.__module-tickets__ticket-details__status-cards .blink-text {
  animation: blinkText .5s linear
}

.__module-tickets__ticket-details .responsive__left {
  left: 0
}

  .__module-tickets__ticket-details .responsive__left .scroll-to-bottom {
      padding: 0;
      background-color: #fff
  }

.__module-tickets__ticket-details .reply-suggest-text .fr-wrapper.show-placeholder .fr-placeholder {
  white-space: normal
}

.__module-tickets__ticket-details #autoSuggest {
  color: #aaa
}

  .__module-tickets__ticket-details #autoSuggest .tab {
      padding: 1px 6px;
      border: 1px solid #ddd;
      border-radius: 2px;
      font-size: 11px
  }

.__module-tickets__ticket-details .content-widget {
  height: auto
}

.__module-tickets__ticket-details .tickets-conversation-pane {
  height: calc(100vh - 121px);
  background: #fff
}

.__module-tickets__ticket-details .ticket-not-actionable {
  padding-bottom: 0
}

.__module-tickets__ticket-details .ticket-details-header, .__module-tickets__ticket-details .ticket-details-wrapper {
  background-color: #fff
}

.__module-tickets__ticket-details .status-wrapper {
  padding: 12px 16px 12px 80px;
  border-bottom: 1px solid #ebeff3;
  display: flex;
  align-items: center
}

  .__module-tickets__ticket-details .status-wrapper .tag {
      margin-right: 4px
  }

.__module-tickets__ticket-details .ticket-details__item .forum-ticket {
  margin-left: 64px
}

.__module-tickets__ticket-details .ticket-details-wrapper {
  padding: 12px 16px 24px
}

  .__module-tickets__ticket-details .ticket-details-wrapper .hidden {
      display: inherit !important
  }

  .__module-tickets__ticket-details .ticket-details-wrapper .dropdown-container {
      display: flex;
      width: 100%;
      margin-bottom: 10px
  }

      .__module-tickets__ticket-details .ticket-details-wrapper .dropdown-container .dropdown-wapper {
          border-radius: 8px;
          border: 2px solid #f4f6f8;
          background: #f4f6f8;
          width: 350px;
          height: 42px
      }

          .__module-tickets__ticket-details .ticket-details-wrapper .dropdown-container .dropdown-wapper .power-select-trigger {
              margin: 4px;
              background: #f4f6f8;
              box-shadow: none
          }

              .__module-tickets__ticket-details .ticket-details-wrapper .dropdown-container .dropdown-wapper .power-select-trigger:hover {
                  transition: none
              }

          .__module-tickets__ticket-details .ticket-details-wrapper .dropdown-container .dropdown-wapper .basic-dropdown-trigger {
              box-shadow: none;
              border: none
          }

          .__module-tickets__ticket-details .ticket-details-wrapper .dropdown-container .dropdown-wapper .power-select-selected-item {
              font-weight: 600
          }

          .__module-tickets__ticket-details .ticket-details-wrapper .dropdown-container .dropdown-wapper:hover {
              border: 2px solid #2c5cc5
          }

      .__module-tickets__ticket-details .ticket-details-wrapper .dropdown-container .dropdown-seperator {
          border-bottom: 1px dashed #cfd7df;
          width: 100%;
          margin-bottom: 20px;
          margin-left: 5px
      }

.__module-tickets__ticket-details .omni-pills .omnichannel-reply-pills-title {
  margin-right: 12px
}

.__module-tickets__ticket-details .omni-pills .omnichannel-reply-pills-input + .omnichannel-reply-pills-label {
  height: 24px;
  background: #ebeff3;
  border-radius: 24px;
  padding: 0 8px;
  text-align: center;
  border: 1px solid #ebeff3;
  margin-right: 8px;
  margin-bottom: 0
}

  .__module-tickets__ticket-details .omni-pills .omnichannel-reply-pills-input + .omnichannel-reply-pills-label::after, .__module-tickets__ticket-details .omni-pills .omnichannel-reply-pills-input + .omnichannel-reply-pills-label::before {
      content: none
  }

  .__module-tickets__ticket-details .omni-pills .omnichannel-reply-pills-input + .omnichannel-reply-pills-label:focus, .__module-tickets__ticket-details .omni-pills .omnichannel-reply-pills-input + .omnichannel-reply-pills-label:hover {
      border-color: #12344d
  }

.__module-tickets__ticket-details .omni-pills .omnichannel-reply-pills-input:checked + .omnichannel-reply-pills-label {
  background: #e5f2fd;
  color: #2c5cc5;
  font-weight: 600
}

.__module-tickets__ticket-details .ticket-details-banner .ticket-details-header-spam {
  border-width: 0 0 1px;
  border-radius: 0;
  margin-bottom: 0
}

  .__module-tickets__ticket-details .ticket-details-banner .ticket-details-header-spam .cr-close {
      transform: none;
      top: 8px;
      right: 0
  }

  .__module-tickets__ticket-details .ticket-details-banner .ticket-details-header-spam .quick-tip__icon {
      width: auto;
      padding: 10px 6px 10px 16px
  }

.__module-tickets__ticket-details .archive-warning {
  background: #fef1e1;
  border-bottom: solid 1px #fddbb5;
  display: flex;
  align-items: center;
  padding: 6px 0;
  position: relative
}

.__module-tickets__ticket-details .archive-warning--icon {
  min-height: inherit;
  margin-left: 16px
}

.__module-tickets__ticket-details .archive-warning--help-text {
  margin-left: 4px;
  padding: 2px 8px
}

.__module-tickets__ticket-details .sticky-subject {
  position: sticky;
  position: -webkit-sticky;
  top: 121px;
  z-index: 3
}

.__module-tickets__ticket-details .ticket-details-header .ticket-header-container {
  display: flex;
  justify-content: space-between;
  word-break: break-all;
  margin-left: 38px
}

  .__module-tickets__ticket-details .ticket-details-header .ticket-header-container .ticket-header {
      flex-grow: 1
  }

      .__module-tickets__ticket-details .ticket-details-header .ticket-header-container .ticket-header .app-icon {
          flex-shrink: 0
      }

      .__module-tickets__ticket-details .ticket-details-header .ticket-header-container .ticket-header .divider {
          width: 1px;
          color: #cfd7df
      }

  .__module-tickets__ticket-details .ticket-details-header .ticket-header-container .sentiment-ticket-heading, .__module-tickets__ticket-details .ticket-details-header .ticket-header-container .ticket-subject-heading {
      margin: 0 12px 0 20px;
      vertical-align: bottom;
      -webkit-font-smoothing: antialiased
  }

  .__module-tickets__ticket-details .ticket-details-header .ticket-header-container .sentiment-ticket-heading {
      margin: 0 12px 0 0
  }

  .__module-tickets__ticket-details .ticket-details-header .ticket-header-container .association-tag {
      padding: 12px 10px;
      text-align: center;
      background-color: #f5f7f9;
      border: 1px solid #ebeff3;
      border-radius: 4px;
      height: 64px
  }

      .__module-tickets__ticket-details .ticket-details-header .ticket-header-container .association-tag .association-type {
          white-space: nowrap
      }

  .__module-tickets__ticket-details .ticket-details-header .ticket-header-container .requestor-hover {
      padding-right: 0
  }

.__module-tickets__ticket-details .ticket-created-info {
  margin-top: 4px;
  margin-left: 80px
}

  .__module-tickets__ticket-details .ticket-created-info.meta-info {
      white-space: nowrap
  }

  .__module-tickets__ticket-details .ticket-created-info .user {
      color: #12344d
  }

  .__module-tickets__ticket-details .ticket-created-info .created-by {
      position: relative;
      padding-left: 16px
  }

      .__module-tickets__ticket-details .ticket-created-info .created-by::before {
          content: "";
          width: 1px;
          background-color: #ebeff3;
          position: absolute;
          height: 18px;
          left: 6px;
          top: 2px
      }

.__module-tickets__ticket-details.has-error .ticketaction__header {
  border-radius: 0
}

.__module-tickets__ticket-details .reverse-order {
  display: flex;
  flex-direction: column-reverse
}

  .__module-tickets__ticket-details .reverse-order .ticket-details__requestor:last-child .separation-line-bottom {
      border-bottom: 1px #ebeff3 solid
  }

.__module-tickets__ticket-details .conversation-divider {
  font-size: 13px;
  color: #12344d;
  display: block;
  text-align: center;
  border-bottom: 1px solid #b4e5da;
  margin-bottom: 28px;
  line-height: 12px
}

  .__module-tickets__ticket-details .conversation-divider span {
      position: relative;
      top: 7px;
      padding: 14px;
      background: #fff
  }

.__module-tickets__ticket-details .activities-conversation, .__module-tickets__ticket-details .activities-description {
  cursor: pointer;
  min-height: 65px;
  border: 1px solid #fff
}

  .__module-tickets__ticket-details .activities-conversation .forum-ticket, .__module-tickets__ticket-details .activities-conversation .ticket-details__item__content, .__module-tickets__ticket-details .activities-description .forum-ticket, .__module-tickets__ticket-details .activities-description .ticket-details__item__content {
      display: none
  }

.__module-tickets__ticket-details .activities-conversation__deleted, .__module-tickets__ticket-details .activities-description__deleted {
  cursor: default
}

  .__module-tickets__ticket-details .activities-conversation__deleted .ticket-details__item__content, .__module-tickets__ticket-details .activities-description__deleted .ticket-details__item__content {
      display: block
  }

.__module-tickets__ticket-details .activities-conversation:hover, .__module-tickets__ticket-details .activities-description:hover {
  border-color: #b0becb
}

.__module-tickets__ticket-details .activities-conversation.ticket-details__privatenote:hover, .__module-tickets__ticket-details .activities-description.ticket-details__privatenote:hover {
  border-color: #fcc383
}

.__module-tickets__ticket-details .show-activities-conversation, .__module-tickets__ticket-details .show-activities-description {
  cursor: pointer
}

.__module-tickets__ticket-details .text-list__item {
  line-height: 1.5;
  color: #475867
}

.__module-tickets__ticket-details .property-update {
  display: table-cell
}

  .__module-tickets__ticket-details .property-update span.text--semibold {
      color: #12344d
  }

.__module-tickets__ticket-details .activity--requestor {
  background-color: #f4f6f8
}

.__module-tickets__ticket-details .dropdown:hover .dropdown-menu {
  display: block
}

.__module-tickets__ticket-details .ticket-meta-info p:nth-last-child(1) {
  margin-bottom: 0
}

.__module-tickets__ticket-details .ticket-banners {
  margin-top: 16px
}

.__module-tickets__ticket-details .power-select-trigger[aria-disabled=true] {
  cursor: not-allowed;
  border-style: solid;
  background-color: #f5f7f9
}

  .__module-tickets__ticket-details .power-select-trigger[aria-disabled=true] .power-select-trigger-multiple-input:disabled {
      background-color: #f5f7f9
  }

  .__module-tickets__ticket-details .power-select-trigger[aria-disabled=true] .power-select-multiple-option {
      background-color: #ebeff3;
      color: #92a2b1;
      padding-right: 4px
  }

.__module-tickets__ticket-details .power-select-trigger:hover[aria-disabled=true] {
  border: 1px solid #cfd7df
}

.__module-tickets__ticket-details .twitter_media_content {
  margin-top: 18px
}

  .__module-tickets__ticket-details .twitter_media_content .twitter_image {
      overflow: hidden;
      cursor: pointer;
      width: 160px;
      height: 160px;
      display: inline-block;
      margin-right: 10px;
      border: 1px solid #cfd7df
  }

      .__module-tickets__ticket-details .twitter_media_content .twitter_image img {
          object-fit: cover;
          width: 100%;
          height: 100%
      }

.__module-tickets__ticket-details .parent-conversation .thread-left {
  border-left: 1px #ebeff3 solid
}

.__module-tickets__ticket-details .parent-conversation .threading-line {
  margin-left: 30px;
  border-left: 1px #ebeff3 solid;
  padding-left: 28px
}

.__module-tickets__ticket-details .child-conversation {
  padding-left: 16px;
  margin-left: 30px;
  margin-right: 24px
}

  .__module-tickets__ticket-details .child-conversation .thread-bottom, .__module-tickets__ticket-details .child-conversation .thread-top {
      padding-top: 8px
  }

.__module-tickets__ticket-details .reply-to-fb {
  padding: 16px 24px 0 23px;
  margin-left: 30px;
  margin-bottom: 32px
}

.__module-tickets__ticket-details .reply-to-fb--button {
  height: 40px;
  background: 0 0
}

  .__module-tickets__ticket-details .reply-to-fb--button:hover {
      background: 0 0;
      border: 1px solid #12344d;
      cursor: text
  }

.__module-tickets__ticket-details .reply-to-fb--button-content {
  display: flex;
  width: 100%
}

.__module-tickets__ticket-details .reply-to-fb--button-content--text {
  color: #647a8e
}

.__module-tickets__ticket-details .survey-result-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: scroll
}

  .__module-tickets__ticket-details .survey-result-wrapper .survey-header {
      padding: 16px 40px
  }

  .__module-tickets__ticket-details .survey-result-wrapper .survey-content {
      padding: 0 40px
  }

  .__module-tickets__ticket-details .survey-result-wrapper .responder-name {
      color: #2c5cc5;
      font-size: 24px;
      font-weight: 700;
      letter-spacing: .8px
  }

  .__module-tickets__ticket-details .survey-result-wrapper .responded-on {
      color: #475867;
      font-size: 14px;
      font-style: italic;
      font-weight: 400;
      padding: 24px 0
  }

.css-onboarding .__module-tickets__ticket-details .sticky-subject, .notification-present .__module-tickets__ticket-details .sticky-subject {
  top: calc(121px + var(--app-top,0))
}

.__module-tickets__tickets-list__tickets-bulkactions .modal-carousel_container {
  overflow: visible
}

.__module-tickets__tickets-list__tickets-bulkactions .hide-visibility {
  visibility: hidden
}

.__module-tickets__tickets-list__tickets-bulkactions .bulk-update .broadcast-wrapper {
  border: 1px solid #cfd7df;
  padding-left: 3%;
  padding-top: 3%;
  background: #f8f9fa;
  margin-left: 5%;
  width: 93%
}

  .__module-tickets__tickets-list__tickets-bulkactions .bulk-update .broadcast-wrapper .broadcast-icon-wrapper {
      position: absolute;
      padding: 7px 8px;
      border-radius: 10%;
      fill: #fff;
      background-color: #183247
  }

  .__module-tickets__tickets-list__tickets-bulkactions .bulk-update .broadcast-wrapper .header {
      padding-bottom: 16px
  }

  .__module-tickets__tickets-list__tickets-bulkactions .bulk-update .broadcast-wrapper .insert-reply {
      margin-right: 4%
  }

  .__module-tickets__tickets-list__tickets-bulkactions .bulk-update .broadcast-wrapper .created-at {
      margin-left: 8%
  }

  .__module-tickets__tickets-list__tickets-bulkactions .bulk-update .broadcast-wrapper .broadcast-title {
      width: 60%
  }

  .__module-tickets__tickets-list__tickets-bulkactions .bulk-update .broadcast-wrapper .title {
      margin-left: 14%
  }

  .__module-tickets__tickets-list__tickets-bulkactions .bulk-update .broadcast-wrapper .body-content {
      margin-left: 9%;
      margin-bottom: 5%
  }

      .__module-tickets__tickets-list__tickets-bulkactions .bulk-update .broadcast-wrapper .body-content img {
          width: 95% !important
      }

.__module-tickets__tickets-list__tickets-bulkactions .bulk-update .update-msg {
  border: 1px solid #ffad1e;
  padding: 7px 22px 13px;
  margin-bottom: 14px;
  background-color: #fef1e1;
  border-left: 3px solid #ffb50f
}

.__module-tickets__tickets-list__tickets-bulkactions .bulk-update .bulk-update_fromemail .basic-dropdown {
  display: inline-block
}

.__module-tickets__tickets-list__tickets-bulkactions .bulk-update .bulk-update_fromemail .power-select-trigger {
  border-bottom: none
}

.__module-tickets__tickets-list__tickets-bulkactions .bulk-update .bulk-update_fromemail .power-select-selected-item {
  font-size: 13px;
  color: #183247
}

.__module-tickets__tickets-list__tickets-bulkactions .bulk-update .custom-checkbox.input {
  margin: 0;
  line-height: inherit
}

.__module-tickets__tickets-list__tickets-bulkactions .bulk-update .app-form .input {
  display: block;
  width: auto;
  margin-top: 0
}

.__module-tickets__tickets-list__tickets-bulkactions .bulk-update .app-form .power-select-trigger {
  margin-top: 0
}

.__module-tickets__tickets-list__tickets-bulkactions .bulk-update .app-form .nested-fields {
  margin-bottom: 0
}

.__module-tickets__tickets-list__tickets-bulkactions .bulk-update .editor {
  position: relative;
  margin-right: 40px
}

  .__module-tickets__tickets-list__tickets-bulkactions .bulk-update .editor .ignore-this {
      right: -28px
  }

.__module-tickets__tickets-list__tickets-bulkactions .bulk-update .field__label {
  font-size: 12px;
  color: #475867;
  font-weight: 500;
  padding-bottom: 4px
}

.__module-tickets__tickets-list__tickets-bulkactions .bulk-update .from__email {
  margin-top: 0;
  line-height: 1.7
}

.__module-tickets__tickets-list__tickets-bulkactions .bulk-update .fr-box.fr-basic .fr-element {
  min-height: 170px !important;
  max-height: 180px;
  padding-left: 0;
  padding-top: 10px
}

.__module-tickets__tickets-list__tickets-bulkactions .bulk-update .rich-editor {
  border-radius: 4px
}

.__module-tickets__tickets-list__tickets-bulkactions .bulk-update .ticketaction__fields .field__label {
  float: left;
  width: 50px;
  margin-top: 2px
}

.__module-tickets__tickets-list__tickets-bulkactions .bulk-update .ticketaction__fields .field__input, .__module-tickets__tickets-list__tickets-bulkactions .bulk-update .ticketaction__fields .field__input .power-select-trigger {
  float: none
}

  .__module-tickets__tickets-list__tickets-bulkactions .bulk-update .ticketaction__fields .field__input.bulk-update_fromemail {
      float: left
  }

.__module-tickets__tickets-list__tickets-bulkactions .ignore-this {
  height: 13px;
  width: 13px;
  background-color: #f5a623;
  display: none
}

  .__module-tickets__tickets-list__tickets-bulkactions .ignore-this .app-icon {
      width: 9px
  }

.__module-tickets__tickets-list__tickets-bulkactions .bulk-checkbox-active label {
  z-index: 3;
  position: relative
}

.__module-tickets__tickets-list__tickets-bulkactions .bulk-checkbox-active:hover label {
  opacity: 0
}

.__module-tickets__tickets-list__tickets-bulkactions .bulk-checkbox-active:hover .ignore-this {
  z-index: 2;
  display: block
}

.__module-tickets__tickets-list__tickets-bulkactions .input.description-default-view {
  margin-right: 40px
}

  .__module-tickets__tickets-list__tickets-bulkactions .input.description-default-view label {
      margin-bottom: 0;
      margin-right: 40px;
      color: #6f7c87;
      font-size: 12px
  }

.__module-tickets__tickets-list__tickets-bulkactions .bulk-editor {
  display: none
}

.__module-tickets__tickets-list__tickets-bulkactions .input-checkbox-wrapper .power-select-trigger-multiple-input {
  margin-top: 5px
}

.__module-tickets__tickets-list__tickets-bulkactions .input-checkbox-wrapper {
  padding-right: 15px;
  margin-top: 5px
}

.__module-tickets__tickets-list__tickets-bulkactions .wrapper-disabled {
  opacity: .4
}

.__module-tickets__tickets-list__tickets-bulkactions .parent_child_warning {
  margin-bottom: 10px;
  bottom: 60px;
  width: 90%;
  background: #fff;
  color: #d72d30
}

.__module-tickets__tickets-list__tickets-bulkactions .bulk-update-checkbox {
  width: 25px;
  float: left;
  height: 36px
}

.__module-tickets__tickets-list__tickets-bulkactions .bulk-update-field {
  width: 95%;
  float: left
}

  .__module-tickets__tickets-list__tickets-bulkactions .bulk-update-field .bulk-update-from {
      margin-bottom: 0
  }

  .__module-tickets__tickets-list__tickets-bulkactions .bulk-update-field .bulk-update-from-label {
      width: 60px;
      float: left
  }

  .__module-tickets__tickets-list__tickets-bulkactions .bulk-update-field .bulk-update-from-field {
      width: 90%;
      width: calc(100% - 60px);
      float: left
  }

      .__module-tickets__tickets-list__tickets-bulkactions .bulk-update-field .bulk-update-from-field .power-select-trigger {
          display: block;
          border: 0;
          margin-top: -6px
      }

.__module-tickets__tickets-list__tickets-bulkactions .bulk-update-reply .ticket-editor__bodytext {
  min-height: 50px
}

  .__module-tickets__tickets-list__tickets-bulkactions .bulk-update-reply .ticket-editor__bodytext .fr-placeholder {
      z-index: 2;
      font-size: 12px !important;
      color: #acb6be;
      -webkit-font-smoothing: antialiased
  }

.__module-tickets__tickets-list__tickets-bulkactions .bulk-update-reply .custom-editor-tools .ticket-editor__toolbar button.fr-btn {
  width: 27px
}

  .__module-tickets__tickets-list__tickets-bulkactions .bulk-update-reply .custom-editor-tools .ticket-editor__toolbar button.fr-btn svg {
      margin: 10px 6px
  }

.__module-tickets__tickets-list__tickets-bulkactions .bulk-update-reply .attachment {
  margin-left: 0
}

.__module-tickets__tickets-list__tickets-table__columns-chooser {
  position: absolute;
  right: 10px;
  top: 10px
}

  .__module-tickets__tickets-list__tickets-table__columns-chooser .add-icon {
      text-align: center;
      top: 17px;
      position: relative
  }

  .__module-tickets__tickets-list__tickets-table__columns-chooser .trigger {
      display: block;
      width: 40px;
      height: 48px;
      cursor: pointer;
      background-color: #fff;
      border: 1px solid #dbdfe3;
      border-radius: 2px;
      border-right-width: 0;
      border-top-width: 0;
      border-bottom-width: 0
  }

  .__module-tickets__tickets-list__tickets-table__columns-chooser .content .columns .columns-add .drag-thumb, .__module-tickets__tickets-list__tickets-table__columns-chooser .content .columns .columns-static .col-remove, .__module-tickets__tickets-list__tickets-table__columns-chooser .content .columns .columns-static .drag-thumb {
      display: none
  }

  .__module-tickets__tickets-list__tickets-table__columns-chooser .content .columns .columns-dynamic .sortable-item:hover, .__module-tickets__tickets-list__tickets-table__columns-chooser .trigger:hover {
      background-color: #f5f7f7
  }

  .__module-tickets__tickets-list__tickets-table__columns-chooser .content {
      width: 250px
  }

      .__module-tickets__tickets-list__tickets-table__columns-chooser .content .columns {
          padding-left: 10px;
          padding-right: 10px;
          min-height: 200px;
          max-height: 350px;
          overflow-y: auto
      }

      .__module-tickets__tickets-list__tickets-table__columns-chooser .content .columns-title {
          padding-top: 10px
      }

      .__module-tickets__tickets-list__tickets-table__columns-chooser .content .columns .column-item {
          padding-left: 5px;
          padding-right: 5px
      }

      .__module-tickets__tickets-list__tickets-table .hcell-template .ticket-list-dropselect .power-select-trigger, .__module-tickets__tickets-list__tickets-table__columns-chooser .content .columns .columns-static .column-item {
          padding-left: 0
      }

      .__module-tickets__tickets-list__tickets-table__columns-chooser .content .columns .columns-static {
          margin-bottom: 10px;
          border-bottom: 1px #cfd7df dashed
      }

          .__module-tickets__tickets-list__tickets-table__columns-chooser .content .columns .columns-static .app-icon {
              opacity: .3
          }

      .__module-tickets__tickets-list__tickets-table__columns-chooser .content .columns .columns-add {
          margin-top: 15px;
          margin-bottom: 10px;
          border-top: 1px #cfd7df dashed
      }

      .__module-tickets__tickets-list__tickets-table__columns-chooser .content .columns .columns-dynamic {
          margin-bottom: 10px
      }

          .__module-tickets__tickets-list__tickets-table__columns-chooser .content .columns .columns-dynamic .draggable-object {
              cursor: -webkit-grab
          }

          .__module-tickets__tickets-list__tickets-table__columns-chooser .content .columns .columns-dynamic .sortable-item {
              padding-top: 5px;
              padding-bottom: 5px;
              display: block;
              position: relative;
              transition: all 125ms;
              border-radius: 4px
          }

          .__module-tickets__tickets-list__tickets-table__columns-chooser .content .columns .columns-dynamic .column-item {
              margin-top: 0;
              margin-bottom: 0;
              cursor: -webkit-grab
          }

          .__module-tickets__tickets-list__tickets-table__columns-chooser .content .columns .columns-dynamic .is-dragging {
              box-shadow: 0 0 4px 2px rgba(0,0,0,.06);
              border-radius: 2px;
              transition-duration: 0s;
              z-index: 10
          }

              .__module-tickets__tickets-list__tickets-table__columns-chooser .content .columns .columns-dynamic .is-dragging:hover {
                  background-color: #fff
              }

  .__module-tickets__tickets-list__tickets-table__columns-chooser .footer {
      height: 60px;
      background-color: #f3f5f7;
      box-shadow: inset 0 1px 0 0 #cfd7df
  }

      .__module-tickets__tickets-list__tickets-table__columns-chooser .footer .buttons {
          margin-top: 15px;
          margin-bottom: 10px;
          margin-right: 10px
      }

  .__module-tickets__tickets-list__tickets-table__columns-chooser .bs-dropdown.basic-dropdown-content {
      z-index: 2
  }

  .__module-tickets__tickets-list__tickets-table__columns-chooser .disabled-col {
      color: #8a8a8a
  }

.__module-tickets__tickets-list__tickets-table .status-tag-wrap {
  display: inline-block;
  max-width: 100%
}

  .__module-tickets__tickets-list__tickets-table .status-tag-wrap .tag {
      max-width: 100%
  }

.__module-tickets__tickets-list__tickets-table .hcell-template {
  display: inline-block
}

  .__module-tickets__tickets-list__tickets-table .hcell-template .power-select-trigger {
      background: 0 0
  }

      .__module-tickets__tickets-list__tickets-table .hcell-template .power-select-trigger[aria-expanded=true] {
          border: none;
          box-shadow: none
      }

.__module-tickets__tickets-list__tickets-table .dropdown-select .power-select-status-icon {
  display: inline-block;
  position: relative;
  margin-left: 3px;
  top: -2px
}

.__module-tickets__tickets-list__tickets-table .light-table .lt-body-wrap {
  display: block;
  overflow-y: auto
}

.scenarios__search {
  margin-bottom: 10px
}

.scenarios__item {
  border: 1px solid #ebedf0;
  border-radius: 3px;
  padding: 15px 15px 15px 0;
  margin-bottom: 6px;
  position: relative
}

.scenarios__item__btn {
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 0
}

.scenarios__item .cardlist__item {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  float: none
}

.scenarios__item .async-button {
  opacity: 0;
  height: 100%;
  background-color: #fff;
  transition: .4s ease-in-out;
  padding-left: 10px
}

.scenarios__item:hover {
  border-color: #cfd7df
}

  .scenarios__item:hover .async-button {
      opacity: 1
  }

.scenarios__folder {
  margin-bottom: 10px
}

.scenario-executing .async-button {
  visibility: hidden
}

.editor {
  position: relative
}

.canned-response-trigger, .suggested-solution-trigger, .survey-trigger {
  cursor: pointer;
  position: absolute;
  z-index: 6;
  bottom: 0;
  padding: 0 10px;
  height: 38px
}

  .canned-response-trigger .app-icon, .suggested-solution-trigger .app-icon, .survey-trigger .app-icon {
      position: relative;
      top: 9px
  }

.canned-response-trigger {
  right: 42px
}

.suggested-solution-trigger {
  right: 2px
}

.survey-trigger {
  right: 84px
}

.sendsurvey-enabled .app-icon {
  fill: #2c5cc5
}

.editor-submission button:first-child {
  margin-right: 5px
}

.note-input .dropdown .basic-dropdown-trigger {
  border: none;
  border-bottom: 1px #ebeff3 solid;
  border-radius: 0
}

  .note-input .dropdown .basic-dropdown-trigger:hover {
      border-radius: 0
  }

.nucleus-modal.text-editor-modal .ticket-action.fullscreen-modal {
  top: 50px;
  left: 140px;
  width: calc(100vw - 280px);
  height: calc(100vh - 100px);
  border: 1px solid #cfd7df;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(245,247,249,.5);
  z-index: 999
}

  .nucleus-modal.text-editor-modal .ticket-action.fullscreen-modal .agent-collision-reply {
      background-color: #fff
  }

  .nucleus-modal.text-editor-modal .ticket-action.fullscreen-modal .ticket-action__editor, .nucleus-modal.text-editor-modal .ticket-action.fullscreen-modal .ticket__editor-forward, .nucleus-modal.text-editor-modal .ticket-action.fullscreen-modal .ticket__editor-reply {
      overflow: scroll
  }

      .nucleus-modal.text-editor-modal .ticket-action.fullscreen-modal .ticket-action__editor .__ui-form__editor__ticket-editor, .nucleus-modal.text-editor-modal .ticket-action.fullscreen-modal .ticket__editor-forward .__ui-form__editor__ticket-editor, .nucleus-modal.text-editor-modal .ticket-action.fullscreen-modal .ticket__editor-reply .__ui-form__editor__ticket-editor {
          height: 100%
      }

          .nucleus-modal.text-editor-modal .ticket-action.fullscreen-modal .ticket-action__editor .__ui-form__editor__ticket-editor .ticket-editor__bodytext, .nucleus-modal.text-editor-modal .ticket-action.fullscreen-modal .ticket__editor-forward .__ui-form__editor__ticket-editor .ticket-editor__bodytext, .nucleus-modal.text-editor-modal .ticket-action.fullscreen-modal .ticket__editor-reply .__ui-form__editor__ticket-editor .ticket-editor__bodytext {
              height: calc(100% - 103px)
          }

              .nucleus-modal.text-editor-modal .ticket-action.fullscreen-modal .ticket-action__editor .__ui-form__editor__ticket-editor .ticket-editor__bodytext .fr-element.fr-view, .nucleus-modal.text-editor-modal .ticket-action.fullscreen-modal .ticket-action__editor .__ui-form__editor__ticket-editor .ticket-editor__bodytext .froala-editor-container, .nucleus-modal.text-editor-modal .ticket-action.fullscreen-modal .ticket-action__editor .__ui-form__editor__ticket-editor .ticket-editor__bodytext .froala-editor-instance.fr-box, .nucleus-modal.text-editor-modal .ticket-action.fullscreen-modal .ticket__editor-forward .__ui-form__editor__ticket-editor .ticket-editor__bodytext .fr-element.fr-view, .nucleus-modal.text-editor-modal .ticket-action.fullscreen-modal .ticket__editor-forward .__ui-form__editor__ticket-editor .ticket-editor__bodytext .froala-editor-container, .nucleus-modal.text-editor-modal .ticket-action.fullscreen-modal .ticket__editor-forward .__ui-form__editor__ticket-editor .ticket-editor__bodytext .froala-editor-instance.fr-box, .nucleus-modal.text-editor-modal .ticket-action.fullscreen-modal .ticket__editor-reply .__ui-form__editor__ticket-editor .ticket-editor__bodytext .fr-element.fr-view, .nucleus-modal.text-editor-modal .ticket-action.fullscreen-modal .ticket__editor-reply .__ui-form__editor__ticket-editor .ticket-editor__bodytext .froala-editor-container, .nucleus-modal.text-editor-modal .ticket-action.fullscreen-modal .ticket__editor-reply .__ui-form__editor__ticket-editor .ticket-editor__bodytext .froala-editor-instance.fr-box {
                  height: 100%
              }

              .nucleus-modal.text-editor-modal .ticket-action.fullscreen-modal .ticket-action__editor .__ui-form__editor__ticket-editor .ticket-editor__bodytext .fr-wrapper, .nucleus-modal.text-editor-modal .ticket-action.fullscreen-modal .ticket__editor-forward .__ui-form__editor__ticket-editor .ticket-editor__bodytext .fr-wrapper, .nucleus-modal.text-editor-modal .ticket-action.fullscreen-modal .ticket__editor-reply .__ui-form__editor__ticket-editor .ticket-editor__bodytext .fr-wrapper {
                  height: 100% !important;
                  max-height: 100% !important
              }

.ticket-action__showpage {
  border: 1px solid #ebeff3;
  margin-bottom: 20px;
  transition: border .2s;
  border-radius: 8px;
  position: relative;
  box-shadow: 0 2px 4px 0 rgba(18,52,77,.06)
}

.email-fup-limit-banner, .ticket-action__header {
  border-radius: 4px 4px 0 0
}

.ticket-action__showpage:hover {
  box-shadow: 0 2px 4px 0 rgba(18,52,77,.1)
}

.ticket-action.disabled {
  opacity: .7
}

.ticket-action__fields {
  min-height: 38px;
  background-color: #f5f7f9;
  padding: 7px 16px;
  border-bottom: 1px #ebeff3 solid
}

  .ticket-action__fields.can-edit {
      background: #fff;
      height: auto;
      overflow: auto;
      max-height: 108px
  }

      .ticket-action__fields.can-edit.ticket-action__email--collapsed {
          padding-bottom: 8px;
          background: #f7f9fa
      }

          .ticket-action__fields.can-edit.ticket-action__email--collapsed .ticket-action__email {
              width: 75%
          }

  .ticket-action__fields .ticket-action__email {
      width: 75%;
      float: left;
      margin-right: 2px
  }

  .ticket-action__fields .ticket-action__fromemail {
      word-break: break-all
  }

  .ticket-action__fields .ticket-action__label {
      float: left;
      color: #777c80
  }

.ticket-action__header {
  min-height: 40px;
  padding: 8px 16px;
  display: flex;
  align-items: center
}

  .ticket-action__header .ticket-action__label {
      margin-right: 5px
  }

.ticket-action__field {
  float: left;
  margin-right: 10px
}

.ticket-action__btn {
  float: right
}

  .ticket-action__btn.disabled button {
      cursor: not-allowed
  }

      .ticket-action__btn.disabled button.btn--primary {
          transition: .1s linear;
          background-color: #90a1af;
          border: none;
          color: #f3f5f7
      }

  .ticket-action__btn.disabled .send-and-set {
      cursor: not-allowed
  }

  .ticket-action__btn .access-check-status {
      display: inline-block;
      color: #acb6be
  }

.ticket-action__profilepic {
  height: 24px;
  width: 24px;
  line-height: 24px
}

.ticket-action__switch {
  padding-right: 10px
}

  .ticket-action__switch::after {
      content: "";
      right: 0
  }

.ticket-action__expand {
  float: none;
  right: 16px;
  margin-right: 0
}

  .ticket-action__expand:hover {
      background: #ebedf0
  }

  .ticket-action__expand .ticket-editor__action {
      width: 28px;
      height: 30px
  }

.ticket-action__from {
  width: 80%;
  display: flex;
  align-items: center
}

.ticket-action__copyemail, .ticket-action__fwdcopyemail {
  margin-top: -1px;
  text-align: right
}

  .ticket-action__copyemail span, .ticket-action__fwdcopyemail span {
      font-size: 12px;
      cursor: pointer;
      color: #2c5cc5;
      padding-left: 5px
  }

.ticket-action__fwdcopyemail {
  margin-top: 7px
}

.ticket-action__clear {
  font-size: 12px;
  float: right;
  width: 60px;
  color: #2c5cc5;
  cursor: pointer;
  text-align: right;
  margin-right: 0;
  margin-top: 9px
}

.ticket-action__notetypewrapper svg {
  width: 12px
}

.ticket-action__private {
  width: 14px;
  height: 15px;
  display: inline-block;
  background: #ff9d00;
  text-align: center;
  border-radius: 2px
}

  .ticket-action__private svg {
      fill: #fff;
      padding-bottom: 4px;
      padding-top: 2px;
      width: 10px
  }

.ticket-action .fb-icon {
  fill: #4368b2
}

.ticket-action .fb-label {
  font-weight: 700
}

.ticket-action .twitter-icon {
  fill: #1da1f2
}

.ticket-action .reply-btn-wrapper .discard-draft {
  height: 32px;
  width: 32px;
  padding: 6px
}

.ticket-action .reply-btn {
  display: inline-block
}

.ticket-action__fbpagename {
  float: right;
  color: #183247;
  font-size: 14px;
  margin-right: 0
}

  .ticket-action__fbpagename .fb-pagename {
      background-color: #f5f7f9;
      padding: 6px 12px;
      border-radius: 4px
  }

  .ticket-action__fbpagename .social-editor-fb-from {
      color: #647a8e
  }

.ticket-action__tweettype {
  padding-left: 8px
}

  .ticket-action__tweettype::before {
      content: "";
      left: 0
  }

.ticket-action__whatsappchannels {
  float: right
}

  .ticket-action__whatsappchannels .whatsapp-channel {
      background-color: #ebeff3
  }

.ticket-action__switch, .ticket-action__tweettype {
  position: relative
}

  .ticket-action__switch::after, .ticket-action__switch::before, .ticket-action__tweettype::after, .ticket-action__tweettype::before {
      display: inline-block;
      height: 14px;
      position: absolute;
      top: 50%;
      transform: translate(-50%,-50%);
      border-left: 1px solid #cfd7df
  }

.ticket-action-errors .error-lists {
  margin: 0;
  padding: 0
}

  .ticket-action-errors .error-lists .error-list {
      list-style-type: none;
      padding: 5px 0 5px 5px;
      background-color: #ffebeb;
      color: #ff5959;
      border: 1px solid rgba(255,89,89,.11)
  }

      .ticket-action-errors .error-lists .error-list svg {
          fill: #ff5959
      }

.ticket-action .ticket-action__from .basic-dropdown {
  display: inline-block
}

  .ticket-action .ticket-action__from .basic-dropdown .power-select-status-icon {
      top: -4px
  }

.ticket-action .ticket-action__from .ticket-action__email {
  width: auto;
  min-width: 50%
}

  .ticket-action .ticket-action__from .ticket-action__email .power-select-status-icon {
      border-color: #12344d
  }

.ticket-action .power-select-trigger {
  border: 1px solid transparent;
  min-height: 1em
}

  .ticket-action .power-select-trigger:focus, .ticket-action .power-select-trigger:hover {
      border: 1px solid transparent
  }

  .ticket-action .power-select-trigger .power-select-selected-item {
      color: #183247;
      vertical-align: top
  }

.ticket-action .basic-dropdown-content {
  margin-top: 5px
}

.ticket-action .agent-collision-reply .agent-collision-reply-count {
  display: inline-block
}

.ticket-action .agent-collision-reply .basic-dropdown-content {
  margin-top: -10px
}

.ticket-action .ticket-action__email .power-select-status-icon {
  border-color: transparent
}

.ticket-action .ticket-action__email .power-select-multiple-remove-btn {
  color: #acb6be
}

.ticket-action .ticket-action__email .power-select-multiple-option {
  border-radius: 4px;
  background-color: #ebeef0;
  padding: 0;
  border: 1px solid #cfd7df;
  margin: 2px
}

.ticket-action .facebook-reply, .ticket-action .whatsapp-reply {
  background-color: #fff;
  border-radius: 8px 8px 0 0;
  padding: 8px;
  min-height: 48px
}

.ticket-action .ticket-action__email .power-select-trigger-multiple-input {
  height: 33px !important
}

.ticket-action .facebook-reply .ticket-action__label {
  color: #183247
}

.ticket-action .facebook-reply .ticket-action__email {
  width: 50%
}

.ticket-action .facebook-reply .ticket-action__profilepic {
  height: 32px;
  width: 32px
}

.ticket-action .whatsapp-reply {
  display: flow-root
}

  .ticket-action .whatsapp-reply .requester-info {
      width: 50%
  }

.broadcast__action .ticketaction__delete {
  margin-top: 0
}

.broadcast__changeaction, .broadcast__notetype {
  display: inline-block;
  vertical-align: middle
}

.ticket-action__email .power-select-selected-item {
  display: inline-block
}

.ticket-action .ticket-action__from .ticket-action__from-email {
  width: 90%
}

.ticket-action__from-email {
  overflow: visible
}

  .ticket-action__from-email .power-select-trigger {
      background-color: transparent;
      border: 1px solid transparent
  }

.quick-reply-overlay {
  z-index: 99
}

.ticket-modal.access-scope-modal.in .prompt-dialog {
  transform: none
}

.module-tickets__inline-slider .inline-slider {
  position: fixed;
  top: 121px;
  z-index: 3;
  height: calc(100% - 121px);
  width: 560px
}

  .module-tickets__inline-slider .inline-slider.minimized {
      top: calc(100% - 45px)
  }

.evaluate-ticket {
  background-color: #ebeff3;
  border-radius: 4px;
  padding: 12px
}

.slider-evaluations .evaluation-form {
  padding: 0 2px 2px
}

  .slider-evaluations .evaluation-form .evaluations {
      margin: 16px 0
  }

  .slider-evaluations .evaluation-form .evaluation-info {
      background: #fff;
      border: 1px solid #ebeff3;
      box-shadow: 0 2px 4px rgba(18,52,77,.06);
      border-radius: 8px;
      padding: 20px
  }

  .slider-evaluations .evaluation-form .evaluation {
      border: 1px solid #ebeff3;
      box-shadow: 0 2px 4px rgba(18,52,77,.06);
      border-radius: 8px;
      background: #fff;
      margin-bottom: 12px;
      padding: 20px
  }

      .slider-evaluations .evaluation-form .evaluation .non-editable-comments {
          background: #f5f7f9;
          border-radius: 4px;
          padding: 16px
      }

  .slider-evaluations .evaluation-form .score-range {
      display: flex;
      align-items: center
  }

  .slider-evaluations .evaluation-form .score-item {
      background-color: #f9f9f9;
      padding: 6px 12px;
      border-right: 1px solid #f3f5f7
  }

      .slider-evaluations .evaluation-form .score-item.not-available {
          border: 1px solid #f3f5f7;
          border-radius: 4px
      }

      .slider-evaluations .evaluation-form .score-item.selected {
          background-color: #2c5cc5;
          color: #fff
      }

      .slider-evaluations .evaluation-form .score-item:nth-child(5) {
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px
      }

      .slider-evaluations .evaluation-form .score-item:first-child {
          border-right: 1px solid #f3f5f7;
          border-top-left-radius: 4px;
          border-bottom-left-radius: 4px
      }

  .slider-evaluations .evaluation-form .evaluations-empty .article-link:hover {
      color: #1971e3
  }

  .slider-evaluations .evaluation-form .evaluations-empty .empty-state-image {
      height: 150px
  }

  .slider-evaluations .evaluation-form .evaluations-empty .page-info {
      margin-top: 0
  }

.evaluation-wrapper {
  border: 1px solid #ebeff3;
  box-shadow: 0 2px 4px rgba(18,52,77,.06);
  border-radius: 8px;
  background: #fff
}

  .evaluation-wrapper .evaluation-info {
      display: flex;
      justify-content: space-between;
      padding: 12px 16px
  }

      .evaluation-wrapper .evaluation-info .score-info {
          border-radius: 4px;
          height: 28px;
          padding: 4px
      }

      .evaluation-wrapper .evaluation-info .score-info__high {
          background-color: #e0f5f0;
          color: #007958;
          border: 1px solid #b4e5d9
      }

      .evaluation-wrapper .evaluation-info .score-info__low {
          background-color: #ffecf0;
          color: #c82124;
          border: 1px solid #ffd0d6
      }

  .evaluation-wrapper .show-evaluation {
      border-top: 1px solid #ebeff3;
      padding: 8px 16px
  }

.evaluate_form_submission {
  padding: 0
}

  .evaluate_form_submission .content-wrapper {
      display: flex;
      justify-content: space-between;
      align-items: center;
      min-height: 32px
  }

      .evaluate_form_submission .content-wrapper .score-info {
          border-radius: 4px;
          height: 28px;
          padding: 4px
      }

      .evaluate_form_submission .content-wrapper .score-info__high {
          background-color: #e0f5f0;
          color: #007958;
          border: 1px solid #b4e5d9
      }

      .evaluate_form_submission .content-wrapper .score-info__low {
          background-color: #ffecf0;
          color: #c82124;
          border: 1px solid #ffd0d6
      }

  .evaluate_form_submission .progress-bar-wrapper {
      width: 100%;
      height: 100%;
      background: #ebeff3
  }

      .evaluate_form_submission .progress-bar-wrapper .progress-bar-value {
          height: 4px;
          background: #2c5cc5
      }

.qc-score-widget .qc-score-agents-list .power-select-trigger {
  border: none;
  padding: 0
}

  .qc-score-widget .qc-score-agents-list .power-select-trigger:hover {
      border: none
  }

  .qc-score-widget .qc-score-agents-list .power-select-trigger--active, .qc-score-widget .qc-score-agents-list .power-select-trigger:focus {
      border: none;
      box-shadow: none
  }

      .qc-score-widget .qc-score-agents-list .power-select-trigger--active:hover, .qc-score-widget .qc-score-agents-list .power-select-trigger:focus:hover {
          border: none
      }

  .qc-score-widget .qc-score-agents-list .power-select-trigger .trigger-power-select .power-select-selected-item .select-agent-name {
      max-width: 180px
  }

.qc-score-widget .qc-score-agents-list .agent-img-icon-wrapper {
  min-width: 24px;
  height: 24px
}

.qc-score-widget .qc-agent-individual-score .quality-score-card-item {
  border-bottom: 1px solid #eee;
  padding: 10px 0
}

  .qc-score-widget .qc-agent-individual-score .quality-score-card-item:last-child {
      padding-bottom: 0;
      border-bottom: none
  }

  .qc-score-widget .qc-agent-individual-score .quality-score-card-item .agent-score-icon {
      width: 6px;
      height: 6px;
      border-radius: 100%
  }

  .qc-score-widget .qc-agent-individual-score .quality-score-card-item .agent-score-icon--green {
      background-color: #1cb697
  }

  .qc-score-widget .qc-agent-individual-score .quality-score-card-item .agent-score-icon--orange {
      background-color: #f8ab59
  }

  .qc-score-widget .qc-agent-individual-score .quality-score-card-item .agent-score-icon--red {
      background-color: #ff473e
  }

.module-tickets__threads__shared__anchor {
  border-radius: 8px
}

  .module-tickets__threads__shared__anchor .created-time {
      text-align: left;
      font-style: italic;
      color: #475867;
      font-weight: 400;
      font-size: 12px;
      padding-top: 4px
  }

  .module-tickets__threads__shared__anchor .highlighted-contact .user, .module-tickets__threads__shared__anchor .user {
      font-weight: 600;
      color: #2c5cc5
  }

  .module-tickets__threads__shared__anchor .header-icon {
      padding: 4px 4px 8px 6px
  }

  .module-tickets__threads__shared__anchor .content-icon {
      padding: 0 16px 16px
  }

  .module-tickets__threads__shared__anchor.default-bg {
      background-image: linear-gradient(#f5f7f9,#f5f7f9)
  }

  .module-tickets__threads__shared__anchor.requestor {
      background-image: linear-gradient(#fff,#fff)
  }

  .module-tickets__threads__shared__anchor.private-note-bg {
      background-image: linear-gradient(#fef1e1,#fef1e1)
  }

.light-table, .light-table .lt-body-wrap, .swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal
}

.basic-dropdown {
  position: relative
}

.basic-dropdown, .basic-dropdown-content, .basic-dropdown-content * {
  box-sizing: border-box
}

.basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #FFF
}

.basic-dropdown-content--left {
  left: 0
}

.basic-dropdown-content--right {
  right: 0
}

.basic-dropdown-overlay {
  position: fixed;
  background: rgba(0,0,0,.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none
}

.basic-dropdown-content-wormhole-origin {
  display: inline
}

#nprogress {
  pointer-events: none
}

  #nprogress .bar {
      background: #29d;
      position: fixed;
      z-index: 1031;
      top: 0;
      left: 0;
      width: 100%;
      height: 2px
  }

  #nprogress .peg {
      display: block;
      position: absolute;
      right: 0;
      width: 100px;
      height: 100%;
      box-shadow: 0 0 10px #29d,0 0 5px #29d;
      opacity: 1;
      -webkit-transform: rotate(3deg) translate(0,-4px);
      -ms-transform: rotate(3deg) translate(0,-4px);
      transform: rotate(3deg) translate(0,-4px)
  }

  #nprogress .spinner {
      display: block;
      position: fixed;
      z-index: 1031;
      top: 15px;
      right: 15px
  }

  #nprogress .spinner-icon {
      width: 18px;
      height: 18px;
      box-sizing: border-box;
      border: 2px solid transparent;
      border-top-color: #29d;
      border-left-color: #29d;
      border-radius: 50%;
      -webkit-animation: nprogress-spinner .4s linear infinite;
      animation: nprogress-spinner .4s linear infinite
  }

.swiper-slide, .swiper-wrapper {
  height: 100%;
  position: relative
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative
}

  .nprogress-custom-parent #nprogress .bar, .nprogress-custom-parent #nprogress .spinner {
      position: absolute
  }

@-webkit-keyframes nprogress-spinner {
  0% {
      -webkit-transform: rotate(0)
  }

  100% {
      -webkit-transform: rotate(360deg)
  }
}

@keyframes nprogress-spinner {
  0% {
      transform: rotate(0)
  }

  100% {
      transform: rotate(360deg)
  }
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
  float: left
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.swiper-wrapper {
  width: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  -webkit-transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform
}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto
}

  .swiper-container-autoheight .swiper-wrapper {
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-transition-property: height,-webkit-transform;
      -o-transition-property: transform,height;
      transition-property: transform,height;
      transition-property: transform,height,-webkit-transform
  }

.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px
}

  .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
      -webkit-transform-style: preserve-3d;
      transform-style: preserve-3d
  }

  .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      z-index: 10
  }

  .swiper-container-3d .swiper-slide-shadow-left {
      background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
      background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
      background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
      background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
  }

  .swiper-container-3d .swiper-slide-shadow-right {
      background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
      background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
      background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
      background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
  }

  .swiper-container-3d .swiper-slide-shadow-top {
      background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
      background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
      background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
      background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
  }

  .swiper-container-3d .swiper-slide-shadow-bottom {
      background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
      background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
      background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
      background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
  }

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat
}

  .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
      opacity: .35;
      cursor: auto;
      pointer-events: none
  }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
  display: none
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s opacity;
  -o-transition: .3s opacity;
  transition: .3s opacity;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  z-index: 10
}

  .swiper-pagination.swiper-pagination-hidden {
      opacity: 0
  }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0
}

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
      -webkit-transform: scale(.33);
      -ms-transform: scale(.33);
      transform: scale(.33);
      position: relative
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1)
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
      -webkit-transform: scale(.66);
      -ms-transform: scale(.66);
      transform: scale(.66)
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
      -webkit-transform: scale(.33);
      -ms-transform: scale(.33);
      transform: scale(.33)
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
      -webkit-transform: scale(.66);
      -ms-transform: scale(.66);
      transform: scale(.66)
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
      -webkit-transform: scale(.33);
      -ms-transform: scale(.33);
      transform: scale(.33)
  }

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0,-50%,0);
  transform: translate3d(0,-50%,0)
}

  .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
      margin: 6px 0;
      display: block
  }

  .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 8px
  }

      .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
          display: inline-block;
          -webkit-transition: .2s top,.2s -webkit-transform;
          -o-transition: .2s transform,.2s top;
          transition: .2s transform,.2s top;
          transition: .2s transform,.2s top,.2s -webkit-transform
      }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap
}

  .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
      -webkit-transition: .2s left,.2s -webkit-transform;
      -o-transition: .2s transform,.2s left;
      transition: .2s transform,.2s left;
      transition: .2s transform,.2s left,.2s -webkit-transform
  }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s right,.2s -webkit-transform;
  -o-transition: .2s transform,.2s right;
  transition: .2s transform,.2s right;
  transition: .2s transform,.2s right,.2s -webkit-transform
}

.swiper-pagination-progressbar {
  background: rgba(0,0,0,.25);
  position: absolute
}

  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
      background: #007aff;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
      transform-origin: left top
  }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0
}

  .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
      width: 4px;
      height: 100%;
      left: 0;
      top: 0
  }

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255,255,255,.25)
}

  .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
      background: #fff
  }

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0,0,0,.25)
}

  .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
      background: #000
  }

.swiper-pagination-lock {
  display: none
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0,0,0,.1)
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0,0,0,.5);
  border-radius: 10px;
  left: 0;
  top: 0
}

.swiper-scrollbar-cursor-drag {
  cursor: move
}

.swiper-scrollbar-lock {
  display: none
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

  .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
      max-width: 100%;
      max-height: 100%;
      -o-object-fit: contain;
      object-fit: contain
  }

.swiper-slide-zoomed {
  cursor: move
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
  animation: swiper-preloader-spin 1s steps(12,end) infinite
}

  .swiper-lazy-preloader:after {
      display: block;
      content: '';
      width: 100%;
      height: 100%;
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
      background-position: 50%;
      background-size: 100%;
      background-repeat: no-repeat
  }

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
  }
}

@keyframes swiper-preloader-spin {
  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
  }
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity
}

  .swiper-container-fade .swiper-slide .swiper-slide {
      pointer-events: none
  }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-cube {
  overflow: visible
}

  .swiper-container-cube .swiper-slide {
      pointer-events: none;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      z-index: 1;
      visibility: hidden;
      -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
      transform-origin: 0 0;
      width: 100%;
      height: 100%
  }

      .swiper-container-cube .swiper-slide .swiper-slide {
          pointer-events: none
      }

  .swiper-container-cube.swiper-container-rtl .swiper-slide {
      -webkit-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
      transform-origin: 100% 0
  }

  .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
      pointer-events: auto
  }

  .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
      pointer-events: auto;
      visibility: visible
  }

  .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
      z-index: 0;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
  }

  .swiper-container-cube .swiper-cube-shadow {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      background: #000;
      opacity: .6;
      -webkit-filter: blur(50px);
      filter: blur(50px);
      z-index: 0
  }

.swiper-container-flip {
  overflow: visible
}

  .swiper-container-flip .swiper-slide {
      pointer-events: none;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      z-index: 1
  }

      .swiper-container-flip .swiper-slide .swiper-slide {
          pointer-events: none
      }

  .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
      pointer-events: auto
  }

  .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
      z-index: 0;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
  }

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px
}

.colpick {
  position: absolute;
  width: 346px;
  height: 170px;
  overflow: hidden;
  display: none;
  font-family: Arial,Helvetica,sans-serif;
  background: #ebebeb;
  border: 1px solid #bbb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}

.colpick_color {
  position: absolute;
  left: 7px;
  top: 7px;
  width: 156px;
  height: 156px;
  overflow: hidden;
  outline: #aaa solid 1px;
  cursor: crosshair
}

.colpick_color_overlay1, .colpick_color_overlay2 {
  left: 0;
  width: 156px;
  height: 156px;
  position: absolute
}

.colpick_color_overlay1 {
  top: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')";
  background: -moz-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);
  background: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
  background: -webkit-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);
  background: -ms-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);
  background: linear-gradient(to right,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#ffffff', endColorstr='#00ffffff')
}

.colpick_color_overlay2 {
  top: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')";
  background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,1)));
  background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);
  background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);
  background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);
  background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0 )
}

.colpick_selector_outer {
  background: 0 0;
  position: absolute;
  width: 11px;
  height: 11px;
  margin: -6px 0 0 -6px;
  border: 1px solid #000;
  border-radius: 50%
}

.colpick_selector_inner {
  position: absolute;
  width: 9px;
  height: 9px;
  border: 1px solid #fff;
  border-radius: 50%
}

.colpick_hue {
  position: absolute;
  top: 6px;
  left: 175px;
  width: 19px;
  height: 156px;
  border: 1px solid #aaa;
  cursor: n-resize
}

.colpick_hue_arrs {
  position: absolute;
  left: -8px;
  width: 35px;
  height: 7px;
  margin: -7px 0 0
}

.colpick_hue_larr, .colpick_hue_rarr {
  position: absolute;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent
}

.colpick_hue_larr {
  border-left: 7px solid #858585
}

.colpick_hue_rarr {
  right: 0;
  border-right: 7px solid #858585
}

.colpick_current_color, .colpick_new_color {
  top: 6px;
  height: 27px;
  background: red;
  border: 1px solid #8f8f8f;
  width: 60px;
  position: absolute
}

.colpick_new_color {
  left: 207px
}

.colpick_current_color {
  left: 277px
}

.colpick_field, .colpick_hex_field {
  position: absolute;
  height: 20px;
  width: 60px;
  overflow: hidden;
  background: #f3f3f3;
  color: #b8b8b8;
  font-size: 12px;
  border: 1px solid #bdbdbd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px
}

.colpick_rgb_r {
  top: 40px;
  left: 207px
}

.colpick_rgb_g {
  top: 67px;
  left: 207px
}

.colpick_rgb_b {
  top: 94px;
  left: 207px
}

.colpick_hsb_h {
  top: 40px;
  left: 277px
}

.colpick_hsb_s {
  top: 67px;
  left: 277px
}

.colpick_hsb_b {
  top: 94px;
  left: 277px
}

.colpick_hex_field {
  width: 68px;
  left: 207px;
  top: 121px
}

.colpick_focus {
  border-color: #999
}

.colpick_field_letter {
  position: absolute;
  width: 12px;
  height: 20px;
  line-height: 20px;
  padding-left: 4px;
  background: #efefef;
  border-right: 1px solid #bdbdbd;
  font-weight: 700;
  color: #777
}

.colpick_field input, .colpick_hex_field input {
  position: absolute;
  right: 11px;
  margin: 0;
  padding: 0;
  height: 20px;
  line-height: 20px;
  background: 0 0;
  border: none;
  font-size: 12px;
  font-family: Arial,Helvetica,sans-serif;
  color: #555;
  text-align: right;
  outline: 0
}

.colpick_hex_field input {
  right: 4px
}

.colpick_field_arrs {
  position: absolute;
  top: 0;
  right: 0;
  width: 9px;
  height: 21px;
  cursor: n-resize
}

.colpick_field_darr, .colpick_field_uarr {
  width: 0;
  height: 0;
  position: absolute;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent
}

.colpick_field_uarr {
  top: 5px;
  border-bottom: 4px solid #959595
}

.colpick_field_darr {
  bottom: 5px;
  border-top: 4px solid #959595
}

.colpick_submit {
  position: absolute;
  left: 207px;
  top: 149px;
  width: 130px;
  height: 22px;
  line-height: 22px;
  background: #efefef;
  text-align: center;
  color: #555;
  font-size: 12px;
  font-weight: 700;
  border: 1px solid #bdbdbd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px
}

  .colpick_submit:hover {
      background: #f3f3f3;
      border-color: #999;
      cursor: pointer
  }

.colpick_full_ns .colpick_current_color, .colpick_full_ns .colpick_submit {
  display: none
}

.colpick_full_ns .colpick_new_color {
  width: 130px;
  height: 25px
}

.colpick_full_ns .colpick_hsb_h, .colpick_full_ns .colpick_rgb_r {
  top: 42px
}

.colpick_full_ns .colpick_hsb_s, .colpick_full_ns .colpick_rgb_g {
  top: 73px
}

.colpick_full_ns .colpick_hsb_b, .colpick_full_ns .colpick_rgb_b {
  top: 104px
}

.colpick_full_ns .colpick_hex_field {
  top: 135px
}

.colpick_rgbhex .colpick_hsb_b, .colpick_rgbhex .colpick_hsb_h, .colpick_rgbhex .colpick_hsb_s {
  display: none
}

.colpick_rgbhex {
  width: 282px
}

  .colpick_rgbhex .colpick_field, .colpick_rgbhex .colpick_submit {
      width: 68px
  }

  .colpick_rgbhex .colpick_new_color {
      width: 34px;
      border-right: none
  }

  .colpick_rgbhex .colpick_current_color {
      width: 34px;
      left: 240px;
      border-left: none
  }

.colpick_rgbhex_ns .colpick_current_color, .colpick_rgbhex_ns .colpick_submit {
  display: none
}

.colpick_rgbhex_ns .colpick_new_color {
  width: 68px;
  border: 1px solid #8f8f8f
}

.colpick_rgbhex_ns .colpick_rgb_r {
  top: 42px
}

.colpick_rgbhex_ns .colpick_rgb_g {
  top: 73px
}

.colpick_rgbhex_ns .colpick_rgb_b {
  top: 104px
}

.colpick_rgbhex_ns .colpick_hex_field {
  top: 135px
}

.colpick_hex .colpick_hsb_b, .colpick_hex .colpick_hsb_h, .colpick_hex .colpick_hsb_s, .colpick_hex .colpick_rgb_b, .colpick_hex .colpick_rgb_g, .colpick_hex .colpick_rgb_r {
  display: none
}

.colpick_hex {
  width: 206px;
  height: 201px
}

  .colpick_hex .colpick_hex_field {
      width: 72px;
      height: 25px;
      top: 168px;
      left: 80px
  }

      .colpick_hex .colpick_hex_field div, .colpick_hex .colpick_hex_field input {
          height: 25px;
          line-height: 25px
      }

  .colpick_hex .colpick_new_color {
      left: 9px;
      top: 168px;
      width: 30px;
      border-right: none
  }

  .colpick_hex .colpick_current_color {
      left: 39px;
      top: 168px;
      width: 30px;
      border-left: none
  }

  .colpick_hex .colpick_submit {
      left: 164px;
      top: 168px;
      width: 30px;
      height: 25px;
      line-height: 25px
  }

.colpick_hex_ns .colpick_hex_field, .hint--small:after {
  width: 80px
}

.colpick_hex_ns .colpick_current_color, .colpick_hex_ns .colpick_submit {
  display: none
}

.colpick_hex_ns .colpick_new_color {
  width: 60px;
  border: 1px solid #8f8f8f
}

.colpick_dark {
  background: #161616;
  border-color: #2a2a2a
}

  .colpick_dark .colpick_color {
      outline-color: #333
  }

  .colpick_dark .colpick_hue {
      border-color: #555
  }

  .colpick_dark .colpick_field, .colpick_dark .colpick_hex_field {
      background: #101010;
      border-color: #2d2d2d
  }

  .colpick_dark .colpick_field_letter {
      background: #131313;
      border-color: #2d2d2d;
      color: #696969
  }

  .colpick_dark .colpick_field input, .colpick_dark .colpick_hex_field input {
      color: #7a7a7a
  }

  .colpick_dark .colpick_field_uarr {
      border-bottom-color: #696969
  }

  .colpick_dark .colpick_field_darr {
      border-top-color: #696969
  }

  .colpick_dark .colpick_focus {
      border-color: #444
  }

  .colpick_dark .colpick_submit {
      background: #131313;
      border-color: #2d2d2d;
      color: #7a7a7a
  }

      .colpick_dark .colpick_submit:hover {
          background-color: #101010;
          border-color: #444
      }

.datepicker-dropdown:after, .datepicker-dropdown:before {
  display: inline-block;
  border-top: 0;
  position: absolute;
  content: ''
}
/*!
* Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
*
* Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
*/

.datepicker {
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr
}

.datepicker-inline {
  width: 220px
}

.datepicker-rtl {
  direction: rtl
}

  .datepicker-rtl.dropdown-menu {
      left: auto
  }

  .datepicker-rtl table tr td span {
      float: right
  }

.datepicker-dropdown {
  top: 0;
  left: 0
}

  .datepicker-dropdown:before {
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-bottom: 7px solid #999;
      border-bottom-color: rgba(0,0,0,.2)
  }

  .datepicker-dropdown:after {
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-bottom: 6px solid #fff
  }

  .datepicker-dropdown.datepicker-orient-left:before {
      left: 6px
  }

  .datepicker-dropdown.datepicker-orient-left:after {
      left: 7px
  }

  .datepicker-dropdown.datepicker-orient-right:before {
      right: 6px
  }

  .datepicker-dropdown.datepicker-orient-right:after {
      right: 7px
  }

  .datepicker-dropdown.datepicker-orient-bottom:before {
      top: -7px
  }

  .datepicker-dropdown.datepicker-orient-bottom:after {
      top: -6px
  }

  .datepicker-dropdown.datepicker-orient-top:before {
      bottom: -7px;
      border-bottom: 0;
      border-top: 7px solid #999
  }

  .datepicker-dropdown.datepicker-orient-top:after {
      bottom: -6px;
      border-bottom: 0;
      border-top: 6px solid #fff
  }

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.datepicker td, .datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none
}

.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
  background-color: transparent
}

.datepicker table tr td.day.focused, .datepicker table tr td.day:hover {
  background: #eee;
  cursor: pointer
}

.datepicker table tr td.new, .datepicker table tr td.old {
  color: #999
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
  background: 0 0;
  color: #999;
  cursor: default
}

.datepicker table tr td.highlighted {
  background: #d9edf7;
  border-radius: 0
}

.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(to bottom,#fdd49a,#fdf59a);
  background-image: -ms-linear-gradient(to bottom,#fdd49a,#fdf59a);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a));
  background-image: -webkit-linear-gradient(to bottom,#fdd49a,#fdf59a);
  background-image: -o-linear-gradient(to bottom,#fdd49a,#fdf59a);
  background-image: linear-gradient(to bottom,#fdd49a,#fdf59a);
  background-repeat: repeat-x;
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000
}

  .datepicker table tr td.today.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today:active, .datepicker table tr td.today:hover, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today:hover:active, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today[disabled] {
      background-color: #fdf59a
  }

      .datepicker table tr td.today.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today:active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover:active {
          background-color: #fbf069\9
      }

      .datepicker table tr td.today:hover:hover {
          color: #000
      }

      .datepicker table tr td.today.active:hover {
          color: #fff
      }

.datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range:hover {
  background: #eee;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}

  .datepicker table tr td.range.today, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today:hover {
      background-color: #f3d17a;
      background-image: -moz-linear-gradient(to bottom,#f3c17a,#f3e97a);
      background-image: -ms-linear-gradient(to bottom,#f3c17a,#f3e97a);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#f3c17a),to(#f3e97a));
      background-image: -webkit-linear-gradient(to bottom,#f3c17a,#f3e97a);
      background-image: -o-linear-gradient(to bottom,#f3c17a,#f3e97a);
      background-image: linear-gradient(to bottom,#f3c17a,#f3e97a);
      background-repeat: repeat-x;
      border-color: #f3e97a #f3e97a #edde34;
      border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
      filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0
  }

      .datepicker table tr td.range.today.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today.disabled:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today[disabled] {
          background-color: #f3e97a
      }

          .datepicker table tr td.range.today.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today:hover:active {
              background-color: #efe24b\9
          }

.datepicker table tr td.selected, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover {
  background-color: #9e9e9e;
  background-image: -moz-linear-gradient(to bottom,#b3b3b3,grey);
  background-image: -ms-linear-gradient(to bottom,#b3b3b3,grey);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#b3b3b3),to(grey));
  background-image: -webkit-linear-gradient(to bottom,#b3b3b3,grey);
  background-image: -o-linear-gradient(to bottom,#b3b3b3,grey);
  background-image: linear-gradient(to bottom,#b3b3b3,grey);
  background-repeat: repeat-x;
  border-color: grey grey #595959;
  border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,.25)
}

  .datepicker table tr td.selected.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected.disabled:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected[disabled] {
      background-color: grey
  }

      .datepicker table tr td.selected.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected:hover:active {
          background-color: #666\9
      }

.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(to bottom,#08c,#04c);
  background-image: -ms-linear-gradient(to bottom,#08c,#04c);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
  background-image: -webkit-linear-gradient(to bottom,#08c,#04c);
  background-image: -o-linear-gradient(to bottom,#08c,#04c);
  background-image: linear-gradient(to bottom,#08c,#04c);
  background-repeat: repeat-x;
  border-color: #04c #04c #002a80;
  border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,.25)
}

  .datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
      background-color: #04c
  }

      .datepicker table tr td.active.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active:active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover:active {
          background-color: #039\9
      }

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}

  .datepicker table tr td span.focused, .datepicker table tr td span:hover {
      background: #eee
  }

  .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
      background: 0 0;
      color: #999;
      cursor: default
  }

.datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th, .input-append.date .add-on, .input-prepend.date .add-on {
  cursor: pointer
}

.datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(to bottom,#08c,#04c);
  background-image: -ms-linear-gradient(to bottom,#08c,#04c);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
  background-image: -webkit-linear-gradient(to bottom,#08c,#04c);
  background-image: -o-linear-gradient(to bottom,#08c,#04c);
  background-image: linear-gradient(to bottom,#08c,#04c);
  background-repeat: repeat-x;
  border-color: #04c #04c #002a80;
  border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,.25)
}

  .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled] {
      background-color: #04c
  }

      .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active {
          background-color: #039\9
      }

.datepicker table tr td span.new, .datepicker table tr td span.old {
  color: #999
}

.datepicker .datepicker-switch {
  width: 145px
}

  .datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
      background: #eee
  }

.datepicker .next.disabled, .datepicker .prev.disabled {
  visibility: hidden
}

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle
}

.input-append.date .add-on i, .input-prepend.date .add-on i {
  margin-top: 3px
}

.input-daterange input {
  text-align: center
}

  .input-daterange input:first-child {
      -webkit-border-radius: 3px 0 0 3px;
      -moz-border-radius: 3px 0 0 3px;
      border-radius: 3px 0 0 3px
  }

  .input-daterange input:last-child {
      -webkit-border-radius: 0 3px 3px 0;
      -moz-border-radius: 0 3px 3px 0;
      border-radius: 0 3px 3px 0
  }

.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px
}

:root .grid-stack-item > .ui-resizable-handle {
  filter: none
}

.grid-stack {
  position: relative
}

  .grid-stack.grid-stack-rtl {
      direction: ltr
  }

      .dragSortList.-rtl, .fr-box.fr-rtl textarea.fr-code, .fr-popup.fr-rtl, .grid-stack.grid-stack-rtl > .grid-stack-item {
          direction: rtl
      }

  .grid-stack .grid-stack-placeholder > .placeholder-content {
      border: 1px dashed #d3d3d3;
      margin: 0;
      position: absolute;
      top: 0;
      left: 10px;
      right: 10px;
      bottom: 0;
      width: auto;
      z-index: 0 !important;
      text-align: center
  }

  .grid-stack > .grid-stack-item {
      min-width: 8.3333333333%;
      position: absolute;
      padding: 0
  }

      .grid-stack > .grid-stack-item > .grid-stack-item-content {
          margin: 0;
          position: absolute;
          top: 0;
          left: 10px;
          right: 10px;
          bottom: 0;
          width: auto;
          z-index: 0;
          overflow-x: hidden;
          overflow-y: auto
      }

      .grid-stack > .grid-stack-item > .ui-resizable-handle {
          position: absolute;
          font-size: .1px;
          display: block;
          -ms-touch-action: none;
          touch-action: none
      }

      .grid-stack > .grid-stack-item.ui-resizable-autohide > .ui-resizable-handle, .grid-stack > .grid-stack-item.ui-resizable-disabled > .ui-resizable-handle {
          display: none
      }

      .grid-stack > .grid-stack-item.ui-draggable-dragging, .grid-stack > .grid-stack-item.ui-resizable-resizing {
          z-index: 100
      }

          .grid-stack > .grid-stack-item.ui-draggable-dragging > .grid-stack-item-content, .grid-stack > .grid-stack-item.ui-resizable-resizing > .grid-stack-item-content {
              box-shadow: 1px 4px 6px rgba(0,0,0,.2);
              opacity: .8
          }

      .grid-stack > .grid-stack-item > .ui-resizable-se, .grid-stack > .grid-stack-item > .ui-resizable-sw {
          background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MjYgNTExLjYyNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYyNiA1MTEuNjI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTMyOC45MDYsNDAxLjk5NGgtMzYuNTUzVjEwOS42MzZoMzYuNTUzYzQuOTQ4LDAsOS4yMzYtMS44MDksMTIuODQ3LTUuNDI2YzMuNjEzLTMuNjE1LDUuNDIxLTcuODk4LDUuNDIxLTEyLjg0NSAgIGMwLTQuOTQ5LTEuODAxLTkuMjMxLTUuNDI4LTEyLjg1MWwtNzMuMDg3LTczLjA5QzI2NS4wNDQsMS44MDksMjYwLjc2LDAsMjU1LjgxMywwYy00Ljk0OCwwLTkuMjI5LDEuODA5LTEyLjg0Nyw1LjQyNCAgIGwtNzMuMDg4LDczLjA5Yy0zLjYxOCwzLjYxOS01LjQyNCw3LjkwMi01LjQyNCwxMi44NTFjMCw0Ljk0NiwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDVjMy42MTksMy42MTcsNy45MDEsNS40MjYsMTIuODUsNS40MjYgICBoMzYuNTQ1djI5Mi4zNThoLTM2LjU0MmMtNC45NTIsMC05LjIzNSwxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MjEtNS40MjQsNy45MDUtNS40MjQsMTIuODU0ICAgYzAsNC45NDUsMS44MDcsOS4yMjcsNS40MjQsMTIuODQ3bDczLjA4OSw3My4wODhjMy42MTcsMy42MTcsNy44OTgsNS40MjQsMTIuODQ3LDUuNDI0YzQuOTUsMCw5LjIzNC0xLjgwNywxMi44NDktNS40MjQgICBsNzMuMDg3LTczLjA4OGMzLjYxMy0zLjYyLDUuNDIxLTcuOTAxLDUuNDIxLTEyLjg0N2MwLTQuOTQ4LTEuODA4LTkuMjMyLTUuNDIxLTEyLjg1NCAgIEMzMzguMTQyLDQwMy44MDIsMzMzLjg1Nyw0MDEuOTk0LDMyOC45MDYsNDAxLjk5NHoiIGZpbGw9IiM2NjY2NjYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
          background-repeat: no-repeat;
          background-position: center;
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg)
      }

      .grid-stack > .grid-stack-item > .ui-resizable-nw {
          cursor: nw-resize;
          width: 20px;
          height: 20px;
          left: 10px;
          top: 0
      }

      .grid-stack > .grid-stack-item > .ui-resizable-n {
          cursor: n-resize;
          height: 10px;
          top: 0;
          left: 25px;
          right: 25px
      }

      .grid-stack > .grid-stack-item > .ui-resizable-ne {
          cursor: ne-resize;
          width: 20px;
          height: 20px;
          right: 10px;
          top: 0
      }

      .grid-stack > .grid-stack-item > .ui-resizable-e {
          cursor: e-resize;
          width: 10px;
          right: 10px;
          top: 15px;
          bottom: 15px
      }

      .grid-stack > .grid-stack-item > .ui-resizable-se {
          -webkit-transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
          cursor: se-resize;
          width: 20px;
          height: 20px;
          right: 10px;
          bottom: 0
      }

      .grid-stack > .grid-stack-item > .ui-resizable-s {
          cursor: s-resize;
          height: 10px;
          left: 25px;
          bottom: 0;
          right: 25px
      }

      .grid-stack > .grid-stack-item > .ui-resizable-sw {
          cursor: sw-resize;
          width: 20px;
          height: 20px;
          left: 10px;
          bottom: 0
      }

      .grid-stack > .grid-stack-item > .ui-resizable-w {
          cursor: w-resize;
          width: 10px;
          left: 10px;
          top: 15px;
          bottom: 15px
      }

      .grid-stack > .grid-stack-item.ui-draggable-dragging > .ui-resizable-handle {
          display: none !important
      }

      .grid-stack > .grid-stack-item[data-gs-width='1'] {
          width: 8.3333333333%
      }

      .grid-stack > .grid-stack-item[data-gs-x='1'] {
          left: 8.3333333333%
      }

      .grid-stack > .grid-stack-item[data-gs-min-width='1'] {
          min-width: 8.3333333333%
      }

      .grid-stack > .grid-stack-item[data-gs-max-width='1'] {
          max-width: 8.3333333333%
      }

      .grid-stack > .grid-stack-item[data-gs-width='2'] {
          width: 16.6666666667%
      }

      .grid-stack > .grid-stack-item[data-gs-x='2'] {
          left: 16.6666666667%
      }

      .grid-stack > .grid-stack-item[data-gs-min-width='2'] {
          min-width: 16.6666666667%
      }

      .grid-stack > .grid-stack-item[data-gs-max-width='2'] {
          max-width: 16.6666666667%
      }

      .grid-stack > .grid-stack-item[data-gs-width='3'] {
          width: 25%
      }

      .grid-stack > .grid-stack-item[data-gs-x='3'] {
          left: 25%
      }

      .grid-stack > .grid-stack-item[data-gs-min-width='3'] {
          min-width: 25%
      }

      .grid-stack > .grid-stack-item[data-gs-max-width='3'] {
          max-width: 25%
      }

      .grid-stack > .grid-stack-item[data-gs-width='4'] {
          width: 33.3333333333%
      }

      .grid-stack > .grid-stack-item[data-gs-x='4'] {
          left: 33.3333333333%
      }

      .grid-stack > .grid-stack-item[data-gs-min-width='4'] {
          min-width: 33.3333333333%
      }

      .grid-stack > .grid-stack-item[data-gs-max-width='4'] {
          max-width: 33.3333333333%
      }

      .grid-stack > .grid-stack-item[data-gs-width='5'] {
          width: 41.6666666667%
      }

      .grid-stack > .grid-stack-item[data-gs-x='5'] {
          left: 41.6666666667%
      }

      .grid-stack > .grid-stack-item[data-gs-min-width='5'] {
          min-width: 41.6666666667%
      }

      .grid-stack > .grid-stack-item[data-gs-max-width='5'] {
          max-width: 41.6666666667%
      }

      .grid-stack > .grid-stack-item[data-gs-width='6'] {
          width: 50%
      }

      .grid-stack > .grid-stack-item[data-gs-x='6'] {
          left: 50%
      }

      .grid-stack > .grid-stack-item[data-gs-min-width='6'] {
          min-width: 50%
      }

      .grid-stack > .grid-stack-item[data-gs-max-width='6'] {
          max-width: 50%
      }

      .grid-stack > .grid-stack-item[data-gs-width='7'] {
          width: 58.3333333333%
      }

      .grid-stack > .grid-stack-item[data-gs-x='7'] {
          left: 58.3333333333%
      }

      .grid-stack > .grid-stack-item[data-gs-min-width='7'] {
          min-width: 58.3333333333%
      }

      .grid-stack > .grid-stack-item[data-gs-max-width='7'] {
          max-width: 58.3333333333%
      }

      .grid-stack > .grid-stack-item[data-gs-width='8'] {
          width: 66.6666666667%
      }

      .grid-stack > .grid-stack-item[data-gs-x='8'] {
          left: 66.6666666667%
      }

      .grid-stack > .grid-stack-item[data-gs-min-width='8'] {
          min-width: 66.6666666667%
      }

      .grid-stack > .grid-stack-item[data-gs-max-width='8'] {
          max-width: 66.6666666667%
      }

      .grid-stack > .grid-stack-item[data-gs-width='9'] {
          width: 75%
      }

      .grid-stack > .grid-stack-item[data-gs-x='9'] {
          left: 75%
      }

      .grid-stack > .grid-stack-item[data-gs-min-width='9'] {
          min-width: 75%
      }

      .grid-stack > .grid-stack-item[data-gs-max-width='9'] {
          max-width: 75%
      }

      .grid-stack > .grid-stack-item[data-gs-width='10'] {
          width: 83.3333333333%
      }

      .grid-stack > .grid-stack-item[data-gs-x='10'] {
          left: 83.3333333333%
      }

      .grid-stack > .grid-stack-item[data-gs-min-width='10'] {
          min-width: 83.3333333333%
      }

      .grid-stack > .grid-stack-item[data-gs-max-width='10'] {
          max-width: 83.3333333333%
      }

      .grid-stack > .grid-stack-item[data-gs-width='11'] {
          width: 91.6666666667%
      }

      .grid-stack > .grid-stack-item[data-gs-x='11'] {
          left: 91.6666666667%
      }

      .grid-stack > .grid-stack-item[data-gs-min-width='11'] {
          min-width: 91.6666666667%
      }

      .grid-stack.grid-stack-1 > .grid-stack-item, .grid-stack.grid-stack-1 > .grid-stack-item[data-gs-min-width='1'], .grid-stack > .grid-stack-item[data-gs-min-width='12'] {
          min-width: 100%
      }

      .grid-stack > .grid-stack-item[data-gs-max-width='11'] {
          max-width: 91.6666666667%
      }

      .fr-view img, .fr-view table, .grid-stack > .grid-stack-item[data-gs-max-width='12'] {
          max-width: 100%
      }

      .grid-stack > .grid-stack-item[data-gs-width='12'] {
          width: 100%
      }

      .grid-stack > .grid-stack-item[data-gs-x='12'] {
          left: 100%
      }

  .grid-stack.grid-stack-animate, .grid-stack.grid-stack-animate .grid-stack-item {
      -webkit-transition: left .3s,top .3s,height .3s,width .3s;
      -moz-transition: left .3s,top .3s,height .3s,width .3s;
      -ms-transition: left .3s,top .3s,height .3s,width .3s;
      -o-transition: left .3s,top .3s,height .3s,width .3s;
      transition: left .3s,top .3s,height .3s,width .3s
  }

      .grid-stack.grid-stack-animate .grid-stack-item.grid-stack-placeholder, .grid-stack.grid-stack-animate .grid-stack-item.ui-draggable-dragging, .grid-stack.grid-stack-animate .grid-stack-item.ui-resizable-resizing {
          -webkit-transition: left 0s,top 0s,height 0s,width 0s;
          -moz-transition: left 0s,top 0s,height 0s,width 0s;
          -ms-transition: left 0s,top 0s,height 0s,width 0s;
          -o-transition: left 0s,top 0s,height 0s,width 0s;
          transition: left 0s,top 0s,height 0s,width 0s
      }

  .grid-stack.grid-stack-one-column-mode {
      height: auto !important
  }

      .grid-stack.grid-stack-one-column-mode > .grid-stack-item {
          position: relative !important;
          width: auto !important;
          left: 0 !important;
          top: auto !important;
          margin-bottom: 20px;
          max-width: none !important
      }

          .grid-stack.grid-stack-one-column-mode > .grid-stack-item > .ui-resizable-handle {
              display: none
          }

.CodeMirror {
  font-family: monospace;
  height: 300px;
  color: #000
}

.CodeMirror-lines {
  padding: 4px 0
}

.CodeMirror pre {
  padding: 0 4px
}

.CodeMirror-gutter-filler, .CodeMirror-scrollbar-filler {
  background-color: #fff
}

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap
}

.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap
}

.CodeMirror-guttermarker {
  color: #000
}

.CodeMirror-guttermarker-subtle {
  color: #999
}

.CodeMirror-cursor {
  border-left: 1px solid #000;
  border-right: none;
  width: 0
}

.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver
}

.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7
}

.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1
}

.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7
}

@-moz-keyframes blink {
  50% {
      background-color: transparent
  }
}

@-webkit-keyframes blink {
  50% {
      background-color: transparent
  }
}

@keyframes blink {
  50% {
      background-color: transparent
  }
}

.cm-tab {
  display: inline-block;
  text-decoration: inherit
}

.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  position: absolute
}

.cm-s-default .cm-header {
  color: #00f
}

.cm-s-default .cm-quote {
  color: #090
}

.cm-negative {
  color: #d44
}

.cm-positive {
  color: #292
}

.cm-header, .cm-strong {
  font-weight: 700
}

.cm-em {
  font-style: italic
}

.cm-link {
  text-decoration: underline
}

.cm-strikethrough {
  text-decoration: line-through
}

.cm-s-default .cm-keyword {
  color: #708
}

.cm-s-default .cm-atom {
  color: #219
}

.cm-s-default .cm-number {
  color: #164
}

.cm-s-default .cm-def {
  color: #00f
}

.cm-s-default .cm-variable-2 {
  color: #05a
}

.cm-s-default .cm-variable-3 {
  color: #085
}

.cm-s-default .cm-comment {
  color: #a50
}

.cm-s-default .cm-string {
  color: #a11
}

.cm-s-default .cm-string-2 {
  color: #f50
}

.cm-s-default .cm-meta, .cm-s-default .cm-qualifier {
  color: #555
}

.cm-s-default .cm-builtin {
  color: #30a
}

.cm-s-default .cm-bracket {
  color: #997
}

.cm-s-default .cm-tag {
  color: #170
}

.cm-s-default .cm-attribute {
  color: #00c
}

.cm-s-default .cm-hr {
  color: #999
}

.cm-s-default .cm-link {
  color: #00c
}

.cm-invalidchar, .cm-s-default .cm-error {
  color: red
}

.CodeMirror-composing {
  border-bottom: 2px solid
}

div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0f0
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #f22
}

.CodeMirror-matchingtag {
  background: rgba(255,150,0,.3)
}

.CodeMirror-activeline-background {
  background: #e8f2ff
}

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: #fff
}

.CodeMirror-scroll {
  overflow: scroll !important;
  margin-bottom: -30px;
  margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: 0;
  position: relative
}

.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent
}

.CodeMirror-gutter-filler, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-vscrollbar {
  position: absolute;
  z-index: 6;
  display: none
}

.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll
}

.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll
}

.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0
}

.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0
}

.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  z-index: 3
}

#lazyLoadMarker, .CodeMirror-lines, .lt-infinity {
  min-height: 1px
}

.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -30px
}

.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: 0 0 !important;
  border: none !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.CodeMirror-gutter-background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4
}

.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4
}

.CodeMirror-lines {
  cursor: text
}

.CodeMirror pre {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 0;
  background: 0 0;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: none;
  font-variant-ligatures: none
}

.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  overflow: auto
}

.CodeMirror-code {
  outline: 0
}

.CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber, .CodeMirror-scroll, .CodeMirror-sizer {
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden
}

.CodeMirror-cursor {
  position: absolute
}

.CodeMirror-measure pre {
  position: static
}

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3
}

.CodeMirror-focused div.CodeMirror-cursors, div.CodeMirror-dragcursors {
  visibility: visible
}

.CodeMirror-selected {
  background: #d9d9d9
}

.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0
}

.CodeMirror-crosshair {
  cursor: crosshair
}

.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
  background: #d7d4f0
}

.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0
}

.cm-searching {
  background: #ffa;
  background: rgba(255,255,0,.4)
}

.cm-force-border {
  padding-right: .1px
}

@media print {
  .CodeMirror div.CodeMirror-cursors {
      visibility: hidden
  }
}

.cm-tab-wrap-hack:after {
  content: ''
}

span.CodeMirror-selectedtext {
  background: 0 0
}

.CodeMirror-lint-markers {
  width: 16px
}

.CodeMirror-lint-tooltip {
  background-color: #ffd;
  border: 1px solid #000;
  border-radius: 4px;
  color: #000;
  font-family: monospace;
  font-size: 10pt;
  overflow: hidden;
  padding: 2px 5px;
  position: fixed;
  white-space: pre;
  white-space: pre-wrap;
  z-index: 100;
  max-width: 600px;
  opacity: 0;
  transition: opacity .4s;
  -moz-transition: opacity .4s;
  -webkit-transition: opacity .4s;
  -o-transition: opacity .4s;
  -ms-transition: opacity .4s
}

.CodeMirror-lint-mark-error, .CodeMirror-lint-mark-warning {
  background-position: left bottom;
  background-repeat: repeat-x
}

.CodeMirror-lint-mark-error {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==)
}

.CodeMirror-lint-mark-warning {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=)
}

.CodeMirror-lint-marker-error, .CodeMirror-lint-marker-warning {
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  width: 16px;
  vertical-align: middle;
  position: relative
}

.CodeMirror-lint-message-error, .CodeMirror-lint-message-warning {
  padding-left: 18px;
  background-position: top left;
  background-repeat: no-repeat
}

.CodeMirror-lint-marker-error, .CodeMirror-lint-message-error {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=)
}

.CodeMirror-lint-marker-warning, .CodeMirror-lint-message-warning {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=)
}

.CodeMirror-lint-marker-multiple {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: right bottom;
  width: 100%;
  height: 100%
}

.CodeMirror-dialog {
  position: absolute;
  left: 0;
  right: 0;
  background: inherit;
  z-index: 15;
  padding: .1em .8em;
  overflow: hidden;
  color: inherit
}

.CodeMirror-dialog-top {
  border-bottom: 1px solid #eee;
  top: 0
}

.CodeMirror-dialog-bottom {
  border-top: 1px solid #eee;
  bottom: 0
}

.CodeMirror-dialog input {
  border: none;
  outline: 0;
  background: 0 0;
  width: 20em;
  color: inherit;
  font-family: monospace
}

.CodeMirror-dialog button {
  font-size: 70%
}

.CodeMirror-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
  z-index: 9
}

.cm-s-blackboard.CodeMirror {
  background: #0C1021;
  color: #F8F8F8
}

.cm-s-blackboard div.CodeMirror-selected {
  background: #253B76
}

.cm-s-blackboard .CodeMirror-line::selection, .cm-s-blackboard .CodeMirror-line > span::selection, .cm-s-blackboard .CodeMirror-line > span > span::selection {
  background: rgba(37,59,118,.99)
}

.cm-s-blackboard .CodeMirror-line::-moz-selection, .cm-s-blackboard .CodeMirror-line > span::-moz-selection, .cm-s-blackboard .CodeMirror-line > span > span::-moz-selection {
  background: rgba(37,59,118,.99)
}

.cm-s-blackboard .CodeMirror-gutters {
  background: #0C1021;
  border-right: 0
}

.cm-s-blackboard .CodeMirror-guttermarker {
  color: #FBDE2D
}

.cm-s-blackboard .CodeMirror-guttermarker-subtle, .cm-s-blackboard .CodeMirror-linenumber {
  color: #888
}

.cm-s-blackboard .CodeMirror-cursor {
  border-left: 1px solid #A7A7A7
}

.cm-s-blackboard .cm-keyword {
  color: #FBDE2D
}

.cm-s-blackboard .cm-atom, .cm-s-blackboard .cm-number {
  color: #D8FA3C
}

.cm-s-blackboard .cm-def {
  color: #8DA6CE
}

.cm-s-blackboard .cm-variable {
  color: #FF6400
}

.cm-s-blackboard .cm-operator {
  color: #FBDE2D
}

.cm-s-blackboard .cm-comment {
  color: #AEAEAE
}

.cm-s-blackboard .cm-string, .cm-s-blackboard .cm-string-2 {
  color: #61CE3C
}

.cm-s-blackboard .cm-meta {
  color: #D8FA3C
}

.cm-s-blackboard .cm-attribute, .cm-s-blackboard .cm-builtin, .cm-s-blackboard .cm-tag {
  color: #8DA6CE
}

.cm-s-blackboard .cm-header {
  color: #FF6400
}

.cm-s-blackboard .cm-hr {
  color: #AEAEAE
}

.cm-s-blackboard .cm-link {
  color: #8DA6CE
}

.cm-s-blackboard .cm-error {
  background: #9D1E15;
  color: #F8F8F8
}

.cm-s-blackboard .CodeMirror-activeline-background {
  background: #3C3636
}

.cm-s-blackboard .CodeMirror-matchingbracket {
  outline: grey solid 1px;
  color: #fff !important
}

.cm-s-cobalt.CodeMirror {
  background: #002240;
  color: #fff
}

.cm-s-cobalt div.CodeMirror-selected {
  background: #b36539
}

.cm-s-cobalt .CodeMirror-line::selection, .cm-s-cobalt .CodeMirror-line > span::selection, .cm-s-cobalt .CodeMirror-line > span > span::selection {
  background: rgba(179,101,57,.99)
}

.cm-s-cobalt .CodeMirror-line::-moz-selection, .cm-s-cobalt .CodeMirror-line > span::-moz-selection, .cm-s-cobalt .CodeMirror-line > span > span::-moz-selection {
  background: rgba(179,101,57,.99)
}

.cm-s-cobalt .CodeMirror-gutters {
  background: #002240;
  border-right: 1px solid #aaa
}

.cm-s-cobalt .CodeMirror-guttermarker {
  color: #ffee80
}

.cm-s-cobalt .CodeMirror-guttermarker-subtle, .cm-s-cobalt .CodeMirror-linenumber {
  color: #d0d0d0
}

.cm-s-cobalt .CodeMirror-cursor {
  border-left: 1px solid #fff
}

.cm-s-cobalt span.cm-comment {
  color: #08f
}

.cm-s-cobalt span.cm-atom {
  color: #845dc4
}

.cm-s-cobalt span.cm-attribute, .cm-s-cobalt span.cm-number {
  color: #ff80e1
}

.cm-s-cobalt span.cm-keyword {
  color: #ffee80
}

.cm-s-cobalt span.cm-string {
  color: #3ad900
}

.cm-s-cobalt span.cm-meta {
  color: #ff9d00
}

.cm-s-cobalt span.cm-tag, .cm-s-cobalt span.cm-variable-2 {
  color: #9effff
}

.cm-s-cobalt span.cm-def, .cm-s-cobalt span.cm-variable-3 {
  color: #fff
}

.cm-s-cobalt span.cm-bracket {
  color: #d8d8d8
}

.cm-s-cobalt span.cm-builtin, .cm-s-cobalt span.cm-special {
  color: #ff9e59
}

.cm-s-cobalt span.cm-link {
  color: #845dc4
}

.cm-s-cobalt span.cm-error {
  color: #9d1e15
}

.cm-s-cobalt .CodeMirror-activeline-background {
  background: #002D57
}

.cm-s-cobalt .CodeMirror-matchingbracket {
  outline: grey solid 1px;
  color: #fff !important
}

.cm-s-midnight span.CodeMirror-matchhighlight {
  background: #494949
}

.cm-s-midnight.CodeMirror-focused span.CodeMirror-matchhighlight {
  background: #314D67 !important
}

.cm-s-midnight .CodeMirror-activeline-background {
  background: #253540
}

.cm-s-midnight.CodeMirror {
  background: #0F192A;
  color: #D1EDFF;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000
}

.cm-s-midnight div.CodeMirror-selected {
  background: #314D67
}

.cm-s-midnight .CodeMirror-line::selection, .cm-s-midnight .CodeMirror-line > span::selection, .cm-s-midnight .CodeMirror-line > span > span::selection {
  background: rgba(49,77,103,.99)
}

.cm-s-midnight .CodeMirror-line::-moz-selection, .cm-s-midnight .CodeMirror-line > span::-moz-selection, .cm-s-midnight .CodeMirror-line > span > span::-moz-selection {
  background: rgba(49,77,103,.99)
}

.cm-s-midnight .CodeMirror-gutters {
  background: #0F192A;
  border-right: 1px solid
}

.cm-s-midnight .CodeMirror-guttermarker {
  color: #fff
}

.cm-s-midnight .CodeMirror-guttermarker-subtle {
  color: #d0d0d0
}

.cm-s-midnight .CodeMirror-linenumber {
  color: #D0D0D0
}

.cm-s-midnight .CodeMirror-cursor {
  border-left: 1px solid #F8F8F0
}

.cm-s-midnight span.cm-comment {
  color: #428BDD
}

.cm-s-midnight span.cm-atom {
  color: #AE81FF
}

.cm-s-midnight span.cm-number {
  color: #D1EDFF
}

.cm-s-midnight span.cm-attribute, .cm-s-midnight span.cm-property {
  color: #A6E22E
}

.cm-s-midnight span.cm-keyword {
  color: #E83737
}

.cm-s-midnight span.cm-string {
  color: #1DC116
}

.cm-s-midnight span.cm-variable, .cm-s-midnight span.cm-variable-2 {
  color: #FFAA3E
}

.cm-s-midnight span.cm-def {
  color: #4DD
}

.cm-s-midnight span.cm-bracket {
  color: #D1EDFF
}

.cm-s-midnight span.cm-tag {
  color: #449
}

.cm-s-midnight span.cm-link {
  color: #AE81FF
}

.cm-s-midnight span.cm-error {
  background: #F92672;
  color: #F8F8F0
}

.cm-s-eclipse .CodeMirror-activeline-background, .cm-s-neat .CodeMirror-activeline-background, .cm-s-xq-light .CodeMirror-activeline-background {
  background: #e8f2ff
}

.cm-s-midnight .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: #fff !important
}

.cm-s-neat span.cm-comment {
  color: #a86
}

.cm-s-neat span.cm-keyword {
  line-height: 1em;
  font-weight: 700;
  color: #00f
}

.cm-s-neat span.cm-string {
  color: #a22
}

.cm-s-neat span.cm-builtin {
  line-height: 1em;
  font-weight: 700;
  color: #077
}

.cm-s-neat span.cm-special {
  line-height: 1em;
  font-weight: 700;
  color: #0aa
}

.cm-s-neat span.cm-variable {
  color: #000
}

.cm-s-neat span.cm-atom, .cm-s-neat span.cm-number {
  color: #3a3
}

.cm-s-neat span.cm-meta {
  color: #555
}

.cm-s-neat span.cm-link {
  color: #3a3
}

.cm-s-neat .CodeMirror-matchingbracket {
  outline: grey solid 1px;
  color: #000 !important
}

.cm-s-ttcn .cm-quote {
  color: #090
}

.cm-s-ttcn .cm-header, .cm-strong {
  font-weight: 700
}

.cm-s-ttcn .cm-header {
  color: #00f;
  font-weight: 700
}

.cm-s-ttcn .cm-atom {
  color: #219
}

.cm-s-ttcn .cm-attribute {
  color: #00c
}

.cm-s-ttcn .cm-bracket {
  color: #997
}

.cm-s-ttcn .cm-comment {
  color: #333
}

.cm-s-ttcn .cm-def {
  color: #00f
}

.cm-s-ttcn .cm-em {
  font-style: italic
}

.cm-s-ttcn .cm-error {
  color: red
}

.cm-s-ttcn .cm-hr {
  color: #999
}

.cm-s-ttcn .cm-keyword {
  font-weight: 700
}

.cm-s-ttcn .cm-link {
  color: #00c;
  text-decoration: underline
}

.attachment__item-excluded, .cm-s-ttcn .cm-strikethrough, .strike-thourgh {
  text-decoration: line-through
}

.cm-s-ttcn .cm-meta {
  color: #555
}

.cm-s-ttcn .cm-negative {
  color: #d44
}

.cm-s-ttcn .cm-positive {
  color: #292
}

.cm-s-ttcn .cm-qualifier {
  color: #555
}

.cm-s-ttcn .cm-string {
  color: #006400
}

.cm-s-ttcn .cm-string-2 {
  color: #f50
}

.cm-s-ttcn .cm-strong {
  font-weight: 700
}

.cm-s-ttcn .cm-tag {
  color: #170
}

.cm-s-ttcn .cm-variable {
  color: #8B2252
}

.cm-s-ttcn .cm-variable-2 {
  color: #05a
}

.cm-s-ttcn .cm-variable-3 {
  color: #085
}

.cm-s-ttcn .cm-invalidchar {
  color: red
}

.cm-s-ttcn .cm-accessTypes, .cm-s-ttcn .cm-compareTypes {
  color: #27408B
}

.cm-s-ttcn .cm-cmipVerbs {
  color: #8B2252
}

.cm-s-ttcn .cm-modifier {
  color: #D2691E
}

.cm-s-ttcn .cm-status {
  color: #8B4545
}

.cm-s-ttcn .cm-storage {
  color: #A020F0
}

.cm-s-ttcn .cm-tags {
  color: #006400
}

.cm-s-ttcn .cm-externalCommands {
  color: #8B4545;
  font-weight: 700
}

.cm-s-ttcn .cm-fileNCtrlMaskOptions, .cm-s-ttcn .cm-sectionTitle {
  color: #2E8B57;
  font-weight: 700
}

.cm-s-ttcn .cm-booleanConsts, .cm-s-ttcn .cm-otherConsts, .cm-s-ttcn .cm-verdictConsts {
  color: #006400
}

.cm-s-ttcn .cm-configOps, .cm-s-ttcn .cm-functionOps, .cm-s-ttcn .cm-portOps, .cm-s-ttcn .cm-sutOps, .cm-s-ttcn .cm-timerOps, .cm-s-ttcn .cm-verdictOps {
  color: #00F
}

.cm-s-ttcn .cm-preprocessor, .cm-s-ttcn .cm-templateMatch, .cm-s-ttcn .cm-ttcn3Macros {
  color: #27408B
}

.cm-s-ttcn .cm-types {
  color: brown;
  font-weight: 700
}

.cm-s-ttcn .cm-visibilityModifiers {
  font-weight: 700
}

.cm-s-eclipse span.cm-meta {
  color: #FF1717
}

.cm-s-eclipse span.cm-keyword {
  line-height: 1em;
  font-weight: 700;
  color: #7F0055
}

.cm-s-eclipse span.cm-atom {
  color: #219
}

.cm-s-eclipse span.cm-number {
  color: #164
}

.cm-s-eclipse span.cm-def {
  color: #00f
}

.cm-s-eclipse span.cm-variable {
  color: #000
}

.cm-s-eclipse span.cm-variable-2, .cm-s-eclipse span.cm-variable-3 {
  color: #0000C0
}

.cm-s-eclipse span.cm-operator, .cm-s-eclipse span.cm-property {
  color: #000
}

.cm-s-eclipse span.cm-comment {
  color: #3F7F5F
}

.cm-s-eclipse span.cm-string {
  color: #2A00FF
}

.cm-s-eclipse span.cm-string-2 {
  color: #f50
}

.cm-s-eclipse span.cm-qualifier {
  color: #555
}

.cm-s-eclipse span.cm-builtin {
  color: #30a
}

.cm-s-eclipse span.cm-bracket {
  color: #cc7
}

.cm-s-eclipse span.cm-tag {
  color: #170
}

.cm-s-eclipse span.cm-attribute {
  color: #00c
}

.cm-s-eclipse span.cm-link {
  color: #219
}

.cm-s-eclipse span.cm-error {
  color: red
}

.cm-s-eclipse .CodeMirror-matchingbracket {
  outline: grey solid 1px;
  color: #000 !important
}

.cm-s-xq-light span.cm-keyword {
  line-height: 1em;
  font-weight: 700;
  color: #5A5CAD
}

.cm-s-xq-light span.cm-atom {
  color: #6C8CD5
}

.cm-s-xq-light span.cm-number {
  color: #164
}

.cm-s-xq-light span.cm-def {
  text-decoration: underline
}

.cm-s-xq-light span.cm-variable, .cm-s-xq-light span.cm-variable-2, .cm-s-xq-light span.cm-variable-3 {
  color: #000
}

.cm-s-xq-light span.cm-comment {
  color: #0080FF;
  font-style: italic
}

.cm-s-xq-light span.cm-string {
  color: red
}

.cm-s-xq-light span.cm-meta {
  color: #ff0
}

.cm-s-xq-light span.cm-qualifier {
  color: grey
}

.cm-s-xq-light span.cm-builtin {
  color: #7EA656
}

.cm-s-xq-light span.cm-bracket {
  color: #cc7
}

.cm-s-xq-light span.cm-tag {
  color: #3F7F7F
}

.cm-s-xq-light span.cm-attribute {
  color: #7F007F
}

.cm-s-xq-light span.cm-error {
  color: red
}

.cm-s-xq-light .CodeMirror-matchingbracket {
  outline: grey solid 1px;
  color: #000 !important;
  background: #ff0
}

.vertical-collection-visual-debugger {
  height: 100%;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: left;
  background: rgba(50,50,50,1);
  width: 125px
}

  .vertical-collection-visual-debugger .vc_visualization-container {
      transform: scale(.25);
      left: 0;
      position: relative
  }

  .vertical-collection-visual-debugger .vc_visualization-screen {
      position: absolute;
      background: 0 0;
      box-sizing: content-box;
      border-top: 2px dashed #ff0;
      border-bottom: 2px dashed #ff0;
      width: 500px
  }

  .vertical-collection-visual-debugger .vc_visualization-scroll-container {
      position: absolute;
      width: 500px;
      background: rgba(100,230,100,.65)
  }

  .vertical-collection-visual-debugger .vc_visualization-item-container {
      position: absolute;
      width: 500px;
      background: rgba(255,255,255,.15)
  }

  .vertical-collection-visual-debugger .vc_visualization-virtual-component {
      box-sizing: border-box;
      background: rgba(230,100,230,.6);
      border: 1px dotted #bbb;
      border-top: 0;
      color: #fff;
      text-align: center;
      font-size: 2.5em;
      width: 250px
  }

.fr-box a.fr-floating-btn, .fr-box.fr-basic .fr-element {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}

.vertical-collection-visual-debugger .vc_visualization-virtual-component:first-of-type {
  border-top: 1px dotted #bbb
}

.vertical-collection-visual-debugger .vc_visualization-virtual-component.culled {
  background: 0 0
}
/*!
* froala_editor v3.1.1 (https://www.froala.com/wysiwyg-editor)
* License https://froala.com/wysiwyg-editor/terms/
* Copyright 2014-2020 Froala Labs
*/

.fr-element, .fr-element:focus {
  outline: transparent solid 0
}

.fr-box.fr-basic {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box
}

  .fr-box.fr-basic .fr-element {
      font-family: sans-serif;
      color: #000;
      font-size: 14px;
      line-height: 1.6;
      padding: 20px;
      box-sizing: border-box;
      overflow-x: auto;
      min-height: 60px;
      text-align: left
  }

  .fr-box.fr-basic.fr-rtl .fr-element, .fr-popup .fr-action-buttons, .fr-popup.fr-rtl, .fr-toolbar.fr-rtl {
      text-align: right
  }

.fr-element {
  background: 0 0;
  position: relative;
  z-index: 2;
  -webkit-user-select: auto
}

  .fr-element a {
      user-select: auto;
      -o-user-select: auto;
      -moz-user-select: auto;
      -khtml-user-select: auto;
      -webkit-user-select: auto;
      -ms-user-select: auto
  }

  .fr-element.fr-disabled, .fr-tooltip {
      user-select: none;
      -khtml-user-select: none
  }

  .fr-element.fr-disabled {
      -o-user-select: none;
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none
  }

  .fr-element [contenteditable=true] {
      outline: transparent solid 0
  }

.fr-box a.fr-floating-btn {
  -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
  -moz-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
  box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  height: 40px;
  width: 40px;
  background: #FFF;
  color: #333;
  -webkit-transition: background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;
  -moz-transition: background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;
  -ms-transition: background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;
  -o-transition: background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;
  outline: 0;
  left: 0;
  top: 0;
  line-height: 40px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  text-align: center;
  display: block;
  box-sizing: border-box;
  border: none
}

  .fr-box a.fr-floating-btn svg {
      -webkit-transition: transform .2s ease 0s;
      -moz-transition: transform .2s ease 0s;
      -ms-transition: transform .2s ease 0s;
      -o-transition: transform .2s ease 0s;
      fill: #333
  }

  .fr-box a.fr-floating-btn i, .fr-box a.fr-floating-btn svg {
      font-size: 14px;
      line-height: 40px
  }

  .fr-box a.fr-floating-btn.fr-btn + .fr-btn {
      margin-left: 10px
  }

  .fr-box a.fr-floating-btn:hover {
      background: #ebebeb;
      cursor: pointer
  }

      .fr-box a.fr-floating-btn:hover svg {
          fill: #333
      }

.fr-box .fr-visible a.fr-floating-btn {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1)
}

iframe.fr-iframe {
  width: 100%;
  border: none;
  position: relative;
  display: block;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.fr-wrapper {
  position: relative;
  z-index: 1
}

  .fr-wrapper::after {
      clear: both;
      display: block;
      content: "";
      height: 0
  }

  .fr-wrapper .fr-placeholder {
      position: absolute;
      font-size: 14px;
      color: #AAA;
      font-family: sans-serif;
      z-index: 1;
      display: none;
      top: 0;
      left: 0;
      right: 0;
      overflow: hidden
  }

  .fr-wrapper.show-placeholder .fr-placeholder {
      display: block;
      white-space: nowrap;
      text-overflow: ellipsis
  }

  .fr-wrapper ::-moz-selection {
      background: #b5d6fd;
      color: #000
  }

  .fr-wrapper ::selection {
      background: #b5d6fd;
      color: #000
  }

.fr-box.fr-basic .fr-wrapper {
  background: #FFF;
  border: 1px solid #CCC;
  border-bottom-color: #efefef;
  top: 0;
  left: 0
}

.fr-box.fr-basic.fr-top .fr-wrapper {
  border-top: 0
}

.fr-box.fr-basic.fr-bottom .fr-wrapper {
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box
}

@media (min-width:992px) {
  .fr-box.fr-document {
      min-width: 21cm
  }

      .fr-box.fr-document .fr-wrapper {
          text-align: left;
          padding: 30px;
          min-width: 21cm;
          background: #efefef
      }

          .fr-box.fr-document .fr-wrapper .fr-element {
              text-align: left;
              background: #FFF;
              width: 21cm;
              margin: auto;
              min-height: 26cm !important;
              padding: 1cm 2cm;
              overflow: visible;
              z-index: auto
          }

              .fr-box.fr-document .fr-wrapper .fr-element hr {
                  margin-left: -2cm;
                  margin-right: -2cm;
                  background: #efefef;
                  height: 1cm;
                  outline: 0;
                  border: none
              }

              .fr-box.fr-document .fr-wrapper .fr-element img {
                  z-index: 1
              }
}

.fr-tooltip {
  position: absolute;
  top: 0;
  padding: 0 8px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background: #222;
  color: #FFF;
  font-size: 11px;
  line-height: 22px;
  font-family: Arial,Helvetica,sans-serif;
  -webkit-transition: opacity .2s ease 0s;
  -moz-transition: opacity .2s ease 0s;
  -ms-transition: opacity .2s ease 0s;
  -o-transition: opacity .2s ease 0s;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  left: -3000px;
  -o-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  z-index: 2147483647;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

  .fr-tooltip.fr-visible {
      -webkit-opacity: 1;
      -moz-opacity: 1;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
  }

.fr-modal .fr-btn-wrap, .fr-popup .fr-btn-wrap, .fr-toolbar .fr-btn-wrap {
  float: left;
  white-space: nowrap;
  position: relative
}

  .fr-modal .fr-btn-wrap.fr-hidden, .fr-popup .fr-btn-wrap.fr-hidden, .fr-toolbar .fr-btn-wrap.fr-hidden {
      display: none
  }

.fr-modal .fr-command.fr-btn, .fr-popup .fr-command.fr-btn, .fr-toolbar .fr-command.fr-btn {
  background: 0 0;
  color: #333;
  -moz-outline: 0;
  outline: 0;
  border: 0;
  line-height: 1;
  cursor: pointer;
  text-align: left;
  margin: 4px 2px;
  padding: 0;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  float: left;
  height: 40px
}

  .fr-modal .fr-command.fr-btn.fr-dropdown.fr-options, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-options, .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options {
      border-radius: 0 4px 4px 0;
      -moz-border-radius: 0 4px 4px 0;
      -webkit-border-radius: 0 4px 4px 0;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box
  }

  .fr-modal .fr-command.fr-btn.fr-btn-hover, .fr-popup .fr-command.fr-btn.fr-btn-hover, .fr-toolbar .fr-command.fr-btn.fr-btn-hover {
      border-radius: 4px 0 0 4px;
      -moz-border-radius: 4px 0 0 4px;
      -webkit-border-radius: 4px 0 0 4px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box
  }

  .fr-modal .fr-command.fr-btn::-moz-focus-inner, .fr-popup .fr-command.fr-btn::-moz-focus-inner, .fr-toolbar .fr-command.fr-btn::-moz-focus-inner {
      border: 0;
      padding: 0
  }

  .fr-modal .fr-command.fr-btn.fr-btn-text, .fr-popup .fr-command.fr-btn.fr-btn-text, .fr-toolbar .fr-command.fr-btn.fr-btn-text {
      width: auto
  }

  .fr-modal .fr-command.fr-btn i, .fr-modal .fr-command.fr-btn svg, .fr-popup .fr-command.fr-btn i, .fr-popup .fr-command.fr-btn svg, .fr-toolbar .fr-command.fr-btn i, .fr-toolbar .fr-command.fr-btn svg {
      display: block;
      text-align: center;
      float: none;
      margin: 8px 7px;
      width: 24px
  }

      .fr-modal .fr-command.fr-btn svg.fr-svg, .fr-popup .fr-command.fr-btn svg.fr-svg, .fr-toolbar .fr-command.fr-btn svg.fr-svg {
          height: 24px
      }

      .fr-modal .fr-command.fr-btn svg path, .fr-popup .fr-command.fr-btn svg path, .fr-toolbar .fr-command.fr-btn svg path {
          -webkit-transition: all .5s;
          -moz-transition: all .5s;
          -ms-transition: all .5s;
          -o-transition: all .5s;
          fill: #333
      }

  .fr-modal .fr-command.fr-btn span.fr-sr-only, .fr-popup .fr-command.fr-btn span.fr-sr-only, .fr-toolbar .fr-command.fr-btn span.fr-sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0,0,0,0);
      border: 0
  }

  .fr-modal .fr-command.fr-btn span, .fr-popup .fr-command.fr-btn span, .fr-toolbar .fr-command.fr-btn span {
      font-size: 14px;
      display: block;
      line-height: 17px;
      min-width: 30px;
      float: left;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      height: 17px;
      font-weight: 700;
      padding: 0 4px
  }

  .fr-modal .fr-command.fr-btn img, .fr-popup .fr-command.fr-btn img, .fr-toolbar .fr-command.fr-btn img {
      margin: 8px 7px;
      width: 24px
  }

  .fr-modal .fr-command.fr-btn.fr-btn-active-popup, .fr-popup .fr-command.fr-btn.fr-btn-active-popup, .fr-toolbar .fr-command.fr-btn.fr-btn-active-popup {
      background: #d6d6d6
  }

  .fr-modal .fr-command.fr-btn.fr-dropdown.fr-selection span, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span, .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span {
      font-weight: 400
  }

  .fr-modal .fr-command.fr-btn.fr-dropdown i, .fr-modal .fr-command.fr-btn.fr-dropdown img, .fr-modal .fr-command.fr-btn.fr-dropdown span, .fr-modal .fr-command.fr-btn.fr-dropdown svg, .fr-popup .fr-command.fr-btn.fr-dropdown i, .fr-popup .fr-command.fr-btn.fr-dropdown img, .fr-popup .fr-command.fr-btn.fr-dropdown span, .fr-popup .fr-command.fr-btn.fr-dropdown svg, .fr-toolbar .fr-command.fr-btn.fr-dropdown i, .fr-toolbar .fr-command.fr-btn.fr-dropdown img, .fr-toolbar .fr-command.fr-btn.fr-dropdown span, .fr-toolbar .fr-command.fr-btn.fr-dropdown svg {
      margin-left: 3px;
      margin-right: 11px
  }

  .fr-modal .fr-command.fr-btn.fr-dropdown:after, .fr-popup .fr-command.fr-btn.fr-dropdown:after, .fr-toolbar .fr-command.fr-btn.fr-dropdown:after {
      position: absolute;
      width: 0;
      height: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid #333;
      right: 2px;
      top: 18px;
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      -ms-transition: all .3s;
      -o-transition: all .3s;
      content: ""
  }

  .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active, .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active {
      fill: #333;
      background: #d6d6d6;
      -webkit-transition: .5s ease;
      -moz-transition: .5s ease;
      -ms-transition: .5s ease;
      -o-transition: .5s ease
  }

      .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover {
          background: #ebebeb;
          fill: #333
      }

#logo:focus > svg .fr-logo, #logo:hover > svg .fr-logo, .fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path {
  fill: #0098f7
}

.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after {
  border-top-color: #333
}

.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:after, .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:after {
  border-top: 0;
  border-bottom: 4px solid #222
}

.fr-modal .fr-command.fr-btn.fr-disabled::after, .fr-modal.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .fr-modal.fr-disabled .fr-btn.fr-dropdown::after, .fr-popup .fr-command.fr-btn.fr-disabled::after, .fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .fr-popup.fr-disabled .fr-btn.fr-dropdown::after, .fr-toolbar .fr-command.fr-btn.fr-disabled::after, .fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after {
  border-top-color: #bdbdbd
}

.fr-modal .fr-command.fr-btn.fr-disabled, .fr-popup .fr-command.fr-btn.fr-disabled, .fr-toolbar .fr-command.fr-btn.fr-disabled {
  color: #bdbdbd;
  cursor: default;
  -webkit-opacity: .3;
  -moz-opacity: .3;
  opacity: .3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-modal .fr-command.fr-btn.fr-hidden, .fr-popup .fr-command.fr-btn.fr-hidden, .fr-toolbar .fr-command.fr-btn.fr-hidden {
  display: none
}

.fr-modal .fr-tabs .fr-command.fr-btn, .fr-popup .fr-tabs .fr-command.fr-btn, .fr-toolbar .fr-tabs .fr-command.fr-btn {
  margin: 0;
  width: 46px;
  height: 40px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box
}

  .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab {
      background: #FFF
  }

  .fr-modal .fr-tabs .fr-command.fr-btn span, .fr-popup .fr-tabs .fr-command.fr-btn span, .fr-toolbar .fr-tabs .fr-command.fr-btn span {
      height: 27px
  }

  .fr-modal .fr-tabs .fr-command.fr-btn img, .fr-modal .fr-tabs .fr-command.fr-btn svg, .fr-popup .fr-tabs .fr-command.fr-btn img, .fr-popup .fr-tabs .fr-command.fr-btn svg, .fr-toolbar .fr-tabs .fr-command.fr-btn img, .fr-toolbar .fr-tabs .fr-command.fr-btn svg {
      margin: 8px 11px;
      width: 24px;
      height: 24px
  }

.fr-modal.fr-disabled .fr-btn, .fr-modal.fr-disabled .fr-btn.fr-active, .fr-popup.fr-disabled .fr-btn, .fr-popup.fr-disabled .fr-btn.fr-active, .fr-toolbar.fr-disabled .fr-btn, .fr-toolbar.fr-disabled .fr-btn.fr-active {
  color: #bdbdbd;
  -webkit-opacity: .3;
  -moz-opacity: .3;
  opacity: .3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-modal.fr-rtl .fr-btn-grp.fr-float-left, .fr-popup.fr-rtl .fr-btn-grp.fr-float-left, .fr-toolbar.fr-rtl .fr-btn-grp.fr-float-left {
  float: right
}

.fr-modal.fr-rtl .fr-btn-grp.fr-float-right, .fr-popup.fr-rtl .fr-btn-grp.fr-float-right, .fr-toolbar.fr-rtl .fr-btn-grp.fr-float-right {
  float: left
}

.fr-modal.fr-rtl .fr-btn-wrap, .fr-modal.fr-rtl .fr-command.fr-btn, .fr-popup.fr-rtl .fr-btn-wrap, .fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs, .fr-popup.fr-rtl .fr-command.fr-btn, .fr-rtl .fr-separator, .fr-toolbar .fr-float-right, .fr-toolbar.fr-rtl .fr-btn-wrap, .fr-toolbar.fr-rtl .fr-command.fr-btn {
  float: right
}

  .fr-modal.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .fr-modal.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-popup.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .fr-popup.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-toolbar.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .fr-toolbar.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options {
      border-radius: 4px 0 0 4px;
      -moz-border-radius: 4px 0 0 4px;
      -webkit-border-radius: 4px 0 0 4px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box
  }

  .fr-modal.fr-rtl .fr-btn-wrap.fr-btn-hover, .fr-modal.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-popup.fr-rtl .fr-btn-wrap.fr-btn-hover, .fr-popup.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-toolbar.fr-rtl .fr-btn-wrap.fr-btn-hover, .fr-toolbar.fr-rtl .fr-command.fr-btn.fr-btn-hover {
      border-radius: 0 4px 4px 0;
      -moz-border-radius: 0 4px 4px 0;
      -webkit-border-radius: 0 4px 4px 0;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box
  }

.fr-toolbar.fr-inline > .fr-btn-wrap:not(.fr-hidden), .fr-toolbar.fr-inline > .fr-command.fr-btn:not(.fr-hidden) {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  float: none
}

.fr-desktop .fr-command.fr-btn-hover, .fr-desktop .fr-command.fr-expanded, .fr-desktop .fr-command:focus, .fr-desktop .fr-command:hover {
  outline: 0;
  color: #333
}

  .fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell), .fr-desktop .fr-command.fr-expanded:not(.fr-table-cell), .fr-desktop .fr-command:focus:not(.fr-table-cell), .fr-desktop .fr-command:hover:not(.fr-table-cell) {
      background: #ebebeb
  }

  .fr-desktop .fr-command.fr-btn-hover::after, .fr-desktop .fr-command.fr-expanded::after, .fr-desktop .fr-command:focus::after, .fr-desktop .fr-command:hover::after {
      border-top-color: #333
  }

.fr-desktop .fr-command.fr-selected:not(.fr-table-cell), .fr-desktop .fr-command:active {
  color: #333;
  background: #d6d6d6
}

.fr-desktop .fr-command.fr-active.fr-btn-hover, .fr-desktop .fr-command.fr-active.fr-expanded, .fr-desktop .fr-command.fr-active:focus, .fr-desktop .fr-command.fr-active:hover {
  background: #ebebeb
}

.fr-desktop .fr-command.fr-active:active {
  background: #d6d6d6
}

.fr-desktop .fr-command.fr-disabled.fr-selected, .fr-desktop .fr-command.fr-disabled:focus, .fr-desktop .fr-command.fr-disabled:hover, .fr-desktop.fr-disabled .fr-command.fr-selected, .fr-desktop.fr-disabled .fr-command:focus, .fr-desktop.fr-disabled .fr-command:hover {
  background: 0 0
}

.fr-popup.fr-mobile .fr-command.fr-blink, .fr-toolbar.fr-mobile .fr-command.fr-blink {
  background: #d6d6d6
}

.fr-command.fr-btn.fr-options {
  width: 16px;
  margin-left: -5px
}

  .fr-command.fr-btn.fr-options.fr-btn-hover, .fr-command.fr-btn.fr-options:focus, .fr-command.fr-btn.fr-options:hover {
      border-left: solid 1px #FAFAFA;
      -webkit-transition: border-left 0s,background-color .5s;
      -moz-transition: border-left 0s,background-color .5s;
      -ms-transition: border-left 0s,background-color .5s;
      -o-transition: border-left 0s,background-color .5s
  }

.fr-command.fr-btn + .fr-dropdown-menu {
  background: #FFF;
  display: inline-block;
  position: absolute;
  right: auto;
  bottom: auto;
  height: auto;
  z-index: 4;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  zoom: 1;
  -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
  -moz-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
  box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)
}

  .fr-command.fr-btn + .fr-dropdown-menu.test-height .fr-dropdown-wrapper {
      -webkit-transition: none;
      -moz-transition: none;
      -ms-transition: none;
      -o-transition: none;
      height: auto;
      max-height: 275px
  }

  .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
      padding: 0;
      margin: auto;
      display: inline-block;
      text-align: left;
      position: relative;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transition: height .3s;
      -moz-transition: height .3s;
      -ms-transition: height .3s;
      -o-transition: height .3s;
      float: left;
      height: 0;
      margin-top: 0 !important
  }

      .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
          position: relative
      }

          .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
              list-style-type: none;
              margin: 0;
              padding: 8px 0;
              min-width: 72px
          }

              .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
                  padding: 0;
                  margin: 0;
                  font-size: 15px
              }

                  .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
                      padding: 0 20px;
                      line-height: 200%;
                      display: flex;
                      cursor: pointer;
                      white-space: nowrap;
                      color: inherit;
                      text-decoration: none;
                      border-radius: 0;
                      -moz-border-radius: 0;
                      -webkit-border-radius: 0;
                      -moz-background-clip: padding;
                      -webkit-background-clip: padding-box;
                      background-clip: padding-box
                  }

                      .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg {
                          width: 24px;
                          height: 24px;
                          margin: 3px 4px
                      }

                          .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg path {
                              fill: #333
                          }

                      .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
                          background: #d6d6d6
                      }

                      .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
                          color: #bdbdbd;
                          cursor: default
                      }

                      .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a .fr-shortcut {
                          margin-left: 20px;
                          font-weight: 700;
                          -webkit-opacity: .75;
                          -moz-opacity: .75;
                          opacity: .75
                      }

.fr-command.fr-btn.fr-active + .fr-dropdown-menu {
  display: inline-block;
  -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
  -moz-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
  box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)
}

.fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu {
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box
}

.fr-popup.fr-rtl .fr-dropdown-wrapper, .fr-toolbar.fr-rtl .fr-dropdown-wrapper {
  text-align: right !important
}

body.prevent-scroll {
  overflow: hidden
}

  body.prevent-scroll.fr-mobile {
      position: fixed;
      -webkit-overflow-scrolling: touch
  }

.fr-modal {
  color: #222;
  font-family: Arial,Helvetica,sans-serif;
  position: fixed;
  overflow-x: auto;
  overflow-y: scroll;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 2147483640;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  line-height: 1.2
}

  .fr-modal.fr-middle .fr-modal-wrapper {
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      -o-transform: translate(-50%,-50%);
      position: absolute;
      margin: 0 auto
  }

  .fr-modal .fr-modal-wrapper {
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      margin: 20px auto;
      display: inline-block;
      background: #FFF;
      min-width: 300px;
      -webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);
      -moz-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);
      box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);
      border: 0;
      overflow: hidden;
      width: 90%;
      position: relative
  }

.fr-popup, .fr-toolbar.fr-inline {
  -webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);
  -moz-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)
}

@media (min-width:768px) and (max-width:991px) {
  .fr-modal .fr-modal-wrapper {
      margin: 30px auto;
      width: 70%
  }
}

@media (min-width:992px) {
  .fr-modal .fr-modal-wrapper {
      margin: 50px auto;
      width: 960px
  }
}

.fr-modal .fr-modal-wrapper .fr-modal-head {
  background: #FFF;
  overflow: hidden;
  position: absolute;
  width: 100%;
  min-height: 42px;
  z-index: 3;
  border-bottom: solid #efefef 1px;
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -ms-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s
}

  .fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line {
      height: 56px;
      padding: 0 10px
  }

  .fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
      margin: 10px;
      position: absolute;
      top: 0;
      right: 0
  }

  .fr-modal .fr-modal-wrapper .fr-modal-head h4 {
      font-size: 20px;
      padding: 19px 10px;
      margin: 0;
      font-weight: 400;
      line-height: 18px;
      display: inline-block;
      float: left
  }

.fr-modal .fr-modal-wrapper div.fr-modal-body {
  height: 100%;
  min-height: 150px;
  overflow-y: auto;
  padding-bottom: 20px
}

  .fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
      outline: 0
  }

  .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
      height: 36px;
      line-height: 1;
      color: #0098f7;
      padding: 10px;
      cursor: pointer;
      text-decoration: none;
      border: none;
      background: 0 0;
      font-size: 16px;
      outline: 0;
      -webkit-transition: background .2s ease 0s;
      -moz-transition: background .2s ease 0s;
      -ms-transition: background .2s ease 0s;
      -o-transition: background .2s ease 0s;
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box
  }

      .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command + button {
          margin-left: 24px
      }

      .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus, .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover {
          background: #ebebeb;
          color: #0098f7
      }

      .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
          background: #d6d6d6;
          color: #0098f7
      }

  .fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
      border: 0
  }

.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
  background: #ebebeb
}

.fr-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  -webkit-opacity: .5;
  -moz-opacity: .5;
  opacity: .5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 2147483639
}

.fr-popup .fr-checkbox input, .fr-popup.fr-hidden {
  -moz-opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

ol.decimal_type {
  counter-reset: item
}

  ol.decimal_type > li {
      display: block
  }

      ol.decimal_type > li:before {
          content: counters(item,".") ". ";
          counter-increment: item
      }

.fr-toolbar .fr-newline, .fr-toolbar::after, .second-toolbar::after {
  content: ""
}

.fr-popup {
  position: absolute;
  display: none;
  color: #222;
  background: #FFF;
  box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);
  font-family: Arial,Helvetica,sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  margin-top: 10px;
  z-index: 2147483635;
  text-align: left;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2
}

  .fr-popup .fr-icon {
      text-align: center;
      vertical-align: middle;
      font-size: 20px;
      line-height: 1;
      cursor: pointer;
      font-weight: 400;
      box-sizing: content-box;
      padding: 6px
  }

  .fr-popup .fr-icon-container {
      padding: 20px;
      max-height: 200px;
      overflow: auto;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box
  }

@supports not (-ms-high-contrast:none) {
  .fr-popup .fr-icon-container {
      grid-template-columns: repeat(auto-fill,minmax(36px,36px));
      display: grid
  }
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
  .fr-popup .fr-icon-container {
      display: inline-flex;
      -ms-flex-flow: row wrap
  }
}

@media screen and (-ms-high-contrast:active) and (max-width:768px),(-ms-high-contrast:none) and (max-width:768px) {
  .fr-popup .fr-icon-container {
      width: 236px
  }
}

.fr-popup .fr-input-focus {
  background: #f5f5f5
}

.fr-popup.fr-above {
  margin-top: -10px;
  border-top: 0
}

.fr-popup.fr-active {
  display: block
}

.fr-popup.fr-hidden {
  -webkit-opacity: 0;
  opacity: 0
}

.fr-popup.fr-empty {
  display: none !important
}

.fr-popup .fr-hs {
  display: block !important
}

  .fr-popup .fr-hs.fr-hidden {
      display: none !important
  }

.fr-popup .fr-input-line {
  position: relative;
  padding: 15px 0
}

  .fr-popup .fr-input-line input[type=text], .fr-popup .fr-input-line textarea {
      width: 100%;
      margin-bottom: 1px;
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      border: 1px solid #999;
      color: #222;
      font-size: 14px;
      background: #FFF;
      position: relative;
      z-index: 2;
      padding: 4px 12px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transition: border .5s,padding .5s;
      -moz-transition: border .5s,padding .5s;
      -ms-transition: border .5s,padding .5s;
      -o-transition: border .5s,padding .5s
  }

      .fr-popup .fr-input-line input[type=text]:hover, .fr-popup .fr-input-line textarea:hover {
          border: 1px solid #515151
      }

      .fr-popup .fr-input-line input[type=text]:focus, .fr-popup .fr-input-line textarea:focus {
          border: 2px solid #0098f7;
          padding: 3px 11px
      }

  .fr-popup .fr-input-line input[type=text] {
      height: 46px
  }

  .fr-popup .fr-input-line input + label, .fr-popup .fr-input-line textarea + label {
      position: absolute;
      top: 29px;
      left: 12px;
      font-size: 14px;
      color: grey;
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
      -o-transition: all .5s ease;
      z-index: 3;
      display: block;
      background: #FFF;
      padding: 0;
      cursor: text
  }

.fr-box.fr-inline .fr-command.fr-btn.html-switch, .fr-popup .fr-action-buttons button.fr-command {
  -webkit-transition: background .2s ease 0s;
  -moz-transition: background .2s ease 0s;
  -ms-transition: background .2s ease 0s;
  -o-transition: background .2s ease 0s;
  text-decoration: none
}

.fr-popup .fr-buttons.fr-tabs, .fr-popup input, .fr-popup textarea {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box
}

.fr-popup .fr-input-line input.fr-not-empty + label, .fr-popup .fr-input-line textarea.fr-not-empty + label {
  color: gray;
  width: auto;
  left: 4px;
  padding: 0 4px;
  font-size: 11px;
  top: 9px
}

.fr-popup input, .fr-popup textarea {
  user-select: text;
  -o-user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  background-clip: padding-box;
  outline: 0
}

.fr-popup textarea {
  resize: none
}

.fr-popup .fr-buttons {
  white-space: nowrap;
  line-height: 0
}

  .fr-popup .fr-buttons .fr-btn {
      margin-left: 4px;
      margin-right: 4px;
      display: inline-block;
      float: none
  }

      .fr-popup .fr-buttons .fr-btn i {
          float: left
      }

  .fr-popup .fr-buttons .fr-separator {
      display: inline-block;
      float: none
  }

  .fr-popup .fr-buttons.fr-tabs {
      border-radius: 6px 6px 0 0;
      -moz-border-radius: 6px 6px 0 0;
      -webkit-border-radius: 6px 6px 0 0;
      background-clip: padding-box;
      background-color: #f5f5f5;
      overflow: hidden
  }

@media (max-width:768px) {
  .fr-popup .fr-buttons.fr-tabs.fr-tabs-scroll {
      overflow: scroll;
      overflow-y: hidden;
      width: 276px
  }
}

.fr-popup .fr-buttons:not(.fr-tabs) {
  padding: 5px
}

.fr-popup .fr-layer {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 195px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 20px;
  display: none
}

@media (min-width:768px) {
  .fr-popup .fr-icon-container {
      min-width: 276px
  }

  .fr-popup .fr-layer {
      width: 260px
  }
}

.fr-popup .fr-layer.fr-active {
  display: inline-block
}

.fr-popup .fr-action-buttons {
  z-index: 7;
  height: 36px
}

  .fr-popup .fr-action-buttons button.fr-command {
      height: 36px;
      line-height: 1;
      color: #0098f7;
      padding: 10px;
      cursor: pointer;
      border: none;
      background: 0 0;
      font-size: 16px;
      outline: 0;
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box
  }

      .fr-popup .fr-action-buttons button.fr-command + button {
          margin-left: 24px
      }

      .fr-popup .fr-action-buttons button.fr-command:focus, .fr-popup .fr-action-buttons button.fr-command:hover {
          background: #ebebeb;
          color: #0098f7
      }

      .fr-popup .fr-action-buttons button.fr-command:active {
          background: #d6d6d6;
          color: #0098f7
      }

.fr-popup .fr-checkbox span, .fr-toolbar .fr-more-toolbar {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box
}

.fr-popup .fr-action-buttons button::-moz-focus-inner {
  border: 0
}

.fr-popup .fr-checkbox {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  padding: 10px;
  border-radius: 100%;
  line-height: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: middle
}

  .fr-popup .fr-checkbox svg {
      margin-left: 2px;
      margin-top: 2px;
      display: none;
      width: 10px;
      height: 10px
  }

  .fr-popup .fr-checkbox span {
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      background-clip: padding-box;
      width: 18px;
      height: 18px;
      display: inline-block;
      position: relative;
      z-index: 1;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transition: background .2s ease 0s,border-color .2s ease 0s;
      -moz-transition: background .2s ease 0s,border-color .2s ease 0s;
      -ms-transition: background .2s ease 0s,border-color .2s ease 0s;
      -o-transition: background .2s ease 0s,border-color .2s ease 0s
  }

  .fr-popup .fr-checkbox input {
      position: absolute;
      z-index: 2;
      -webkit-opacity: 0;
      opacity: 0;
      border: 0;
      cursor: pointer;
      height: 18px;
      margin: 0;
      padding: 0;
      width: 18px;
      top: 7px;
      left: 7px
  }

      .fr-popup .fr-checkbox input:not(:checked) + span {
          border: 2px solid #999
      }

      .fr-popup .fr-checkbox input:not(:checked):active + span {
          background-color: #f5f5f5
      }

      .fr-popup .fr-checkbox input:not(:checked):focus + span, .fr-popup .fr-checkbox input:not(:checked):hover + span {
          border-color: #515151
      }

      .fr-popup .fr-checkbox input:checked + span {
          background: #0098f7;
          border: 2px solid #0098f7
      }

          .fr-popup .fr-checkbox input:checked + span svg {
              display: block
          }

      .fr-popup .fr-checkbox input:checked:active + span {
          background-color: #EcF5Ff
      }

      .fr-popup .fr-checkbox input:checked:focus + span, .fr-popup .fr-checkbox input:checked:hover + span {
          -webkit-opacity: .8;
          -moz-opacity: .8;
          opacity: .8;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
      }

.fr-opacity-0, .fr-popup .fr-image-upload-layer .fr-form, .fr-popup .fr-video-upload-layer .fr-form {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-popup .fr-checkbox-line {
  font-size: 14px;
  line-height: 1.4px;
  margin-top: 10px
}

  .fr-popup .fr-checkbox-line label {
      cursor: pointer;
      margin: 0 5px;
      vertical-align: middle
  }

.fr-popup.fr-rtl .fr-action-buttons, .fr-toolbar {
  text-align: left
}

.fr-popup.fr-rtl .fr-input-line input + label, .fr-popup.fr-rtl .fr-input-line textarea + label {
  left: auto;
  right: 0
}

.fr-text-edit-layer {
  width: 250px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block !important
}

.fr-toolbar {
  color: #222;
  background: #FFF;
  position: relative;
  font-family: Arial,Helvetica,sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #CCC;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2;
  padding-bottom: 0;
  -webkit-transition: padding-bottom .5s;
  -moz-transition: padding-bottom .5s;
  -ms-transition: padding-bottom .5s;
  -o-transition: padding-bottom .5s
}

  .fr-toolbar .fr-more-toolbar, .fr-toolbar .fr-newline {
      -webkit-transition: height .5s;
      -moz-transition: height .5s;
      -ms-transition: height .5s;
      -o-transition: height .5s
  }

  .fr-toolbar::after {
      clear: both;
      display: block;
      height: 0
  }

  .fr-toolbar .fr-newline {
      clear: both;
      display: block;
      margin-left: 9px;
      margin-right: 9px;
      background: #efefef;
      height: 1px
  }

  .fr-toolbar.fr-toolbar-open {
      padding-bottom: 48px
  }

      .fr-toolbar.fr-toolbar-open .fr-newline {
          height: 0
      }

  .fr-toolbar .fr-float-left {
      float: left
  }

  .fr-toolbar .fr-more-toolbar {
      float: left;
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      background-clip: padding-box;
      background-color: #f5f5f5;
      height: 0;
      z-index: 2;
      overflow: hidden;
      position: absolute;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%
  }

  .fr-toolbar .fr-command.fr-btn.fr-open, .fr-toolbar.fr-top {
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box
  }

  .fr-toolbar .fr-more-toolbar.fr-expanded {
      height: 48px
  }

  .fr-toolbar .fr-more-toolbar.fr-overflow-visible {
      overflow: visible
  }

  .fr-toolbar .fr-more-toolbar > .fr-command.fr-btn {
      margin-left: 4px;
      margin-right: 4px
  }

  .fr-toolbar .fr-btn-grp {
      display: inline-block;
      margin: 0 17px 0 12px
  }

@media (max-width:768px) {
  .fr-toolbar .fr-btn-grp {
      margin: 0 7px 0 6px
  }
}

.fr-toolbar .fr-command.fr-btn.fr-open {
  margin-top: 10px;
  margin-bottom: -1px;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  background-clip: padding-box
}

  .fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
      background: #f5f5f5
  }

.fr-toolbar.fr-inline {
  display: none;
  box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);
  border: 0;
  white-space: nowrap;
  position: absolute;
  margin-top: 5px;
  z-index: 2147483630
}

  .fr-toolbar.fr-inline.fr-above {
      margin-top: -10px;
      border-top: 0
  }

  .fr-toolbar.fr-inline .fr-newline {
      height: 0
  }

.fr-toolbar.fr-top {
  top: 0;
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  background-clip: padding-box
}

.fr-toolbar.fr-bottom {
  bottom: 0;
  border-top: 0;
  padding-bottom: 0;
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box
}

  .fr-toolbar.fr-bottom .fr-newline {
      padding-top: 0;
      -webkit-transition: padding-top .5s;
      -moz-transition: padding-top .5s;
      -ms-transition: padding-top .5s;
      -o-transition: padding-top .5s
  }

  .fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline {
      padding-top: 48px;
      background: #FFF
  }

  .fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open {
      margin-top: -1px;
      margin-bottom: 10px;
      border-radius: 0 0 4px 4px;
      -moz-border-radius: 0 0 4px 4px;
      -webkit-border-radius: 0 0 4px 4px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box
  }

.fr-toolbar.fr-sticky-on {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box
}

.fr-separator {
  background: #ebebeb;
  display: block;
  vertical-align: top;
  float: left
}

  .fr-box .CodeMirror, .fr-box.fr-code-view .fr-counter, .fr-separator + .fr-separator, .fr-sticky-dummy, .fr-visibility-helper, textarea.fr-code {
      display: none
  }

  .fr-separator.fr-vs {
      height: 32px;
      width: 1px;
      margin: 8px 4px
  }

  .fr-separator.fr-hs {
      clear: both;
      width: calc(100% - (2 * 4px));
      margin: 0 4px;
      height: 1px
  }

  .fr-separator.fr-hidden {
      display: none !important
  }

.fr-toolbar.fr-inline .fr-separator.fr-hs {
  float: none
}

.fr-toolbar.fr-inline .fr-separator.fr-vs {
  float: none;
  display: inline-block
}

.second-toolbar {
  border: 1px solid #CCC;
  border-top: 0;
  background: #FFF;
  line-height: 1.4;
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box
}

  .second-toolbar::after {
      clear: both;
      display: block;
      height: 0
  }

#logo {
  float: left;
  outline: 0
}

  #logo > span {
      display: inline-block;
      float: left;
      font-family: sans-serif;
      padding: 11px 5px 10px 15px;
      font-size: 12px;
      font-weight: 500;
      color: #b1b2b7;
      -webkit-transition: color .3s;
      -moz-transition: color .3s;
      -ms-transition: color .3s;
      -o-transition: color .3s
  }

.fr-view a.fr-strong, .fr-view strong {
  font-weight: 700
}

#logo > svg {
  height: 20px;
  width: 47px;
  margin: 7px 0;
  cursor: pointer
}

  #logo > svg * {
      -webkit-transition: fill .3s;
      -moz-transition: fill .3s;
      -ms-transition: fill .3s;
      -o-transition: fill .3s
  }

#logo:focus > span, #logo:hover > span {
  color: #0098f7
}

.fr-visibility-helper {
  margin-left: 0 !important
}

@media (min-width:768px) {
  .fr-visibility-helper {
      margin-left: 1px !important
  }
}

@media (min-width:992px) {
  .fr-visibility-helper {
      margin-left: 2px !important
  }
}

@media (min-width:1200px) {
  .fr-visibility-helper {
      margin-left: 3px !important
  }
}

.fr-opacity-0 {
  opacity: 0
}

.fr-box {
  position: relative
}

.fr-sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky
}

.fr-sticky-off {
  position: relative
}

.fr-sticky-on {
  position: fixed;
  z-index: 10
}

  .fr-sticky-on.fr-sticky-ios {
      position: absolute;
      left: 0;
      right: 0;
      width: auto !important
  }

  .fr-sticky-box > .fr-sticky-dummy, .fr-sticky-on + .fr-sticky-dummy {
      display: block
  }

span.fr-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0
}
/*!
* froala_editor v3.1.1 (https://www.froala.com/wysiwyg-editor)
* License https://froala.com/wysiwyg-editor/terms/
* Copyright 2014-2020 Froala Labs
*/

.fr-img-caption.fr-rounded img, img.fr-rounded {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box
}

.fr-img-caption.fr-bordered img, img.fr-bordered {
  border: 5px solid #CCC
}

img.fr-bordered {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

.fr-img-caption.fr-bordered img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.fr-view {
  word-wrap: break-word
}

  .fr-view span[style~="color:"] a {
      color: inherit
  }

  .fr-view table {
      border: none;
      border-collapse: collapse;
      empty-cells: show
  }

      .fr-view table td {
          min-width: 5px
      }

      .fr-view table.fr-dashed-borders td, .fr-view table.fr-dashed-borders th {
          border-style: dashed
      }

      .fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
          background: #f5f5f5
      }

      .fr-view table td:empty, .fr-view table th:empty {
          height: 20px
      }

      .fr-view table td.fr-highlighted, .fr-view table th.fr-highlighted {
          border: 1px double red
      }

      .fr-view table td.fr-thick, .fr-view table th.fr-thick {
          border-width: 2px
      }

      .fr-view table th {
          background: #ececec
      }

  .fr-view hr {
      clear: both;
      user-select: none;
      -o-user-select: none;
      -moz-user-select: none;
      -khtml-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none;
      break-after: always;
      page-break-after: always
  }

  .fr-view .fr-file {
      position: relative
  }

      .fr-view .fr-file::after {
          position: relative;
          content: "\1F4CE";
          font-weight: 400
      }

  .fr-view pre {
      white-space: pre-wrap;
      word-wrap: break-word;
      overflow: visible
  }

  .fr-view[dir=rtl] blockquote {
      border-left: none;
      border-right: solid 2px #5E35B1;
      margin-right: 0;
      padding-right: 5px;
      padding-left: 0
  }

      .fr-view[dir=rtl] blockquote blockquote {
          border-color: #00BCD4
      }

          .fr-view[dir=rtl] blockquote blockquote blockquote {
              border-color: #43A047
          }

  .fr-view span.fr-emoticon {
      font-weight: 400;
      font-family: "Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji,"Segoe UI Symbol","Android Emoji",EmojiSymbols;
      display: inline;
      line-height: 0
  }

      .fr-view span.fr-emoticon.fr-emoticon-img {
          background-repeat: no-repeat !important;
          font-size: inherit;
          height: 1em;
          width: 1em;
          min-height: 20px;
          min-width: 20px;
          display: inline-block;
          margin: -.1em .1em .1em;
          line-height: 1;
          vertical-align: middle
      }

  .fr-view .fr-text-gray {
      color: #AAA !important
  }

  .fr-view .fr-text-bordered {
      border-top: solid 1px #222;
      border-bottom: solid 1px #222;
      padding: 10px 0
  }

  .fr-view .fr-text-spaced {
      letter-spacing: 1px
  }

  .fr-view .fr-text-uppercase {
      text-transform: uppercase
  }

  .fr-view .fr-class-highlighted {
      background-color: #ff0
  }

  .fr-view .fr-class-code {
      border-color: #ccc;
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background: #f5f5f5;
      padding: 10px;
      font-family: "Courier New",Courier,monospace
  }

  .fr-view .fr-class-transparency {
      opacity: .5
  }

  .fr-view img {
      position: relative
  }

      .fr-view img.fr-dib {
          margin: 5px auto;
          display: block;
          float: none;
          vertical-align: top
      }

          .fr-view img.fr-dib.fr-fil {
              margin-left: 0;
              text-align: left
          }

          .fr-view img.fr-dib.fr-fir {
              margin-right: 0;
              text-align: right
          }

      .fr-view img.fr-dii {
          display: inline-block;
          float: none;
          vertical-align: bottom;
          margin-left: 5px;
          margin-right: 5px;
          max-width: calc(100% - (2 * 5px))
      }

          .fr-view img.fr-dii.fr-fil {
              float: left;
              margin: 5px 5px 5px 0;
              max-width: calc(100% - 5px)
          }

          .fr-view img.fr-dii.fr-fir {
              float: right;
              margin: 5px 0 5px 5px;
              max-width: calc(100% - 5px)
          }

  .fr-view span.fr-img-caption {
      position: relative;
      max-width: 100%
  }

      .fr-view span.fr-img-caption.fr-dib {
          margin: 5px auto;
          display: block;
          float: none;
          vertical-align: top
      }

          .fr-view span.fr-img-caption.fr-dib.fr-fil {
              margin-left: 0;
              text-align: left
          }

          .fr-view span.fr-img-caption.fr-dib.fr-fir {
              margin-right: 0;
              text-align: right
          }

      .fr-view span.fr-img-caption.fr-dii {
          display: inline-block;
          float: none;
          vertical-align: bottom;
          margin-left: 5px;
          margin-right: 5px;
          max-width: calc(100% - (2 * 5px))
      }

          .fr-view span.fr-img-caption.fr-dii.fr-fil {
              float: left;
              margin: 5px 5px 5px 0;
              max-width: calc(100% - 5px)
          }

          .fr-view span.fr-img-caption.fr-dii.fr-fir {
              float: right;
              margin: 5px 0 5px 5px;
              max-width: calc(100% - 5px)
          }

  .fr-view .fr-video {
      text-align: center;
      position: relative
  }

      .fr-view .fr-video.fr-rv {
          padding-bottom: 56.25%;
          padding-top: 30px;
          height: 0;
          overflow: hidden
      }

          .fr-view .fr-video.fr-rv embed, .fr-view .fr-video.fr-rv object, .fr-view .fr-video.fr-rv > iframe {
              position: absolute !important;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%
          }

      .fr-view .fr-video > * {
          -webkit-box-sizing: content-box;
          -moz-box-sizing: content-box;
          box-sizing: content-box;
          max-width: 100%;
          border: none
      }

      .fr-view .fr-video.fr-dvb {
          display: block;
          clear: both
      }

          .fr-view .fr-video.fr-dvb.fr-fvl {
              text-align: left
          }

          .fr-view .fr-video.fr-dvb.fr-fvr {
              text-align: right
          }

      .fr-view .fr-video.fr-dvi {
          display: inline-block
      }

          .fr-view .fr-video.fr-dvi.fr-fvl {
              float: left
          }

          .fr-view .fr-video.fr-dvi.fr-fvr {
              float: right
          }

  .fr-view a.fr-green {
      color: green
  }

  .fr-view .fr-img-caption {
      text-align: center
  }

      .fr-view .fr-img-caption .fr-img-wrap {
          padding: 0;
          margin: auto;
          text-align: center;
          width: 100%
      }

          .fr-view .fr-img-caption .fr-img-wrap img {
              display: block;
              margin: auto;
              width: 100%
          }

          .fr-view .fr-img-caption .fr-img-wrap > span {
              margin: auto;
              display: block;
              padding: 5px 5px 10px;
              font-size: 14px;
              font-weight: initial;
              -webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
              box-sizing: border-box;
              -webkit-opacity: .9;
              -moz-opacity: .9;
              opacity: .9;
              -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
              width: 100%;
              text-align: center
          }

  .fr-view button.fr-rounded, .fr-view input.fr-rounded, .fr-view textarea.fr-rounded {
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box
  }

  .fr-view button.fr-large, .fr-view input.fr-large, .fr-view textarea.fr-large {
      font-size: 24px
  }

a.fr-view.fr-strong {
  font-weight: 700
}

a.fr-view.fr-green {
  color: green
}

img.fr-view {
  position: relative;
  max-width: 100%
}

  img.fr-view.fr-dib {
      margin: 5px auto;
      display: block;
      float: none;
      vertical-align: top
  }

      img.fr-view.fr-dib.fr-fil {
          margin-left: 0;
          text-align: left
      }

      img.fr-view.fr-dib.fr-fir {
          margin-right: 0;
          text-align: right
      }

  img.fr-view.fr-dii {
      display: inline-block;
      float: none;
      vertical-align: bottom;
      margin-left: 5px;
      margin-right: 5px;
      max-width: calc(100% - (2 * 5px))
  }

      img.fr-view.fr-dii.fr-fil {
          float: left;
          margin: 5px 5px 5px 0;
          max-width: calc(100% - 5px)
      }

      img.fr-view.fr-dii.fr-fir {
          float: right;
          margin: 5px 0 5px 5px;
          max-width: calc(100% - 5px)
      }

span.fr-img-caption.fr-view {
  position: relative;
  max-width: 100%
}

  span.fr-img-caption.fr-view.fr-dib {
      margin: 5px auto;
      display: block;
      float: none;
      vertical-align: top
  }

      span.fr-img-caption.fr-view.fr-dib.fr-fil {
          margin-left: 0;
          text-align: left
      }

      span.fr-img-caption.fr-view.fr-dib.fr-fir {
          margin-right: 0;
          text-align: right
      }

  span.fr-img-caption.fr-view.fr-dii {
      display: inline-block;
      float: none;
      vertical-align: bottom;
      margin-left: 5px;
      margin-right: 5px;
      max-width: calc(100% - (2 * 5px))
  }

      span.fr-img-caption.fr-view.fr-dii.fr-fil {
          float: left;
          margin: 5px 5px 5px 0;
          max-width: calc(100% - 5px)
      }

      span.fr-img-caption.fr-view.fr-dii.fr-fir {
          float: right;
          margin: 5px 0 5px 5px;
          max-width: calc(100% - 5px)
      }
/*!
* froala_editor v3.1.1 (https://www.froala.com/wysiwyg-editor)
* License https://froala.com/wysiwyg-editor/terms/
* Copyright 2014-2020 Froala Labs
*/

.fr-box .fr-counter {
  padding: 10px;
  float: right;
  color: #999;
  content: attr(data-chars);
  font-size: 14px;
  font-family: sans-serif;
  z-index: 1;
  border-radius: 2px 0 0;
  -moz-border-radius: 2px 0 0;
  -webkit-border-radius: 2px 0 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box
}

.fr-box.fr-rtl .fr-counter {
  left: 0;
  right: auto;
  border-left: none;
  border-radius: 0 2px 0 0;
  -moz-border-radius: 0 2px 0 0;
  -webkit-border-radius: 0 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box
}
/*!
* froala_editor v3.1.1 (https://www.froala.com/wysiwyg-editor)
* License https://froala.com/wysiwyg-editor/terms/
* Copyright 2014-2020 Froala Labs
*/

textarea.fr-code {
  width: 100%;
  resize: none;
  -moz-resize: none;
  -webkit-resize: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  padding: 10px;
  margin: 0;
  font-family: "Courier New",monospace;
  font-size: 14px;
  background: #FFF;
  color: #000;
  outline: 0
}

.fr-box.fr-code-view textarea.fr-code {
  display: block
}

.fr-box.fr-code-view .fr-element, .fr-box.fr-code-view .fr-iframe, .fr-box.fr-code-view .fr-placeholder {
  display: none
}

.fr-box.fr-code-view .CodeMirror, .fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch {
  display: block
}

.fr-box.fr-inline .fr-command.fr-btn.html-switch {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  background: #FFF;
  color: #333;
  -moz-outline: 0;
  outline: 0;
  border: 0;
  line-height: 1;
  cursor: pointer;
  text-align: left;
  padding: 8px 7px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none
}

.fr-element .fr-video > *, .fr-image-resizer {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box
}

.fr-box.fr-inline .fr-command.fr-btn.html-switch i {
  font-size: 24px;
  width: 24px;
  text-align: center
}

.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
  background: #ebebeb
}
/*!
* froala_editor v3.1.1 (https://www.froala.com/wysiwyg-editor)
* License https://froala.com/wysiwyg-editor/terms/
* Copyright 2014-2020 Froala Labs
*/

.fr-element .fr-video {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none
}

  .fr-element .fr-video::after {
      position: absolute;
      content: '';
      z-index: 1;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      cursor: pointer;
      display: block;
      background: rgba(0,0,0,0)
  }

  .fr-element .fr-video.fr-active > * {
      z-index: 2;
      position: relative
  }

  .fr-element .fr-video > * {
      box-sizing: content-box;
      max-width: 100%;
      border: none
  }

.fr-box .fr-video-resizer {
  position: absolute;
  border: 1px solid #0098f7;
  display: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none
}

  .fr-box .fr-video-resizer.fr-active {
      display: block
  }

  .fr-box .fr-video-resizer .fr-handler {
      display: block;
      position: absolute;
      background: #0098f7;
      border: 1px solid #FFF;
      z-index: 4;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 12px;
      height: 12px
  }

      .fr-box .fr-video-resizer .fr-handler.fr-hnw {
          cursor: nw-resize;
          left: -6px;
          top: -6px
      }

      .fr-box .fr-video-resizer .fr-handler.fr-hne {
          cursor: ne-resize;
          right: -6px;
          top: -6px
      }

      .fr-box .fr-video-resizer .fr-handler.fr-hsw {
          cursor: sw-resize;
          left: -6px;
          bottom: -6px
      }

      .fr-box .fr-video-resizer .fr-handler.fr-hse {
          cursor: se-resize;
          right: -6px;
          bottom: -6px
      }

@media (min-width:1200px) {
  .fr-box .fr-video-resizer .fr-handler {
      width: 10px;
      height: 10px
  }

      .fr-box .fr-video-resizer .fr-handler.fr-hnw {
          left: -5px;
          top: -5px
      }

      .fr-box .fr-video-resizer .fr-handler.fr-hne {
          right: -5px;
          top: -5px
      }

      .fr-box .fr-video-resizer .fr-handler.fr-hsw {
          left: -5px;
          bottom: -5px
      }

      .fr-box .fr-video-resizer .fr-handler.fr-hse {
          right: -5px;
          bottom: -5px
      }
}

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line {
  width: calc(50% - 5px);
  display: inline-block
}

  .fr-popup .fr-video-size-layer .fr-video-group .fr-input-line + .fr-input-line {
      margin-left: 10px
  }

.fr-popup .fr-video-upload-layer {
  border: 2px dashed #bdbdbd;
  padding: 25px 0;
  margin: 20px;
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 140%;
  text-align: center
}

  .fr-popup .fr-video-upload-layer:hover {
      background: #ebebeb
  }

  .fr-popup .fr-video-upload-layer.fr-drop {
      background: #ebebeb;
      border-color: #0098f7
  }

  .fr-popup .fr-video-upload-layer .fr-form {
      opacity: 0;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 2147483640;
      overflow: hidden;
      margin: 0 !important;
      padding: 0 !important;
      width: 100% !important
  }

      .fr-popup .fr-video-upload-layer .fr-form input {
          cursor: pointer;
          position: absolute;
          right: 0;
          top: 0;
          bottom: 0;
          width: 500%;
          height: 100%;
          margin: 0;
          font-size: 400px
      }

.fr-popup .fr-video-progress-bar-layer > h3 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: 400
}

.fr-popup .fr-video-progress-bar-layer > div.fr-action-buttons {
  display: none
}

.fr-popup .fr-video-progress-bar-layer > div.fr-loader {
  background: #b3e0fd;
  height: 10px;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  position: relative
}

  .fr-popup .fr-video-progress-bar-layer > div.fr-loader span {
      display: block;
      height: 100%;
      width: 0%;
      background: #0098f7;
      -webkit-transition: width .2s ease 0s;
      -moz-transition: width .2s ease 0s;
      -ms-transition: width .2s ease 0s;
      -o-transition: width .2s ease 0s
  }

  .fr-popup .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span {
      width: 30% !important;
      position: absolute;
      top: 0;
      -webkit-animation: loading 2s linear infinite;
      -moz-animation: loading 2s linear infinite;
      -o-animation: loading 2s linear infinite;
      animation: loading 2s linear infinite
  }

.fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-loader {
  display: none
}

.fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block
}

.fr-video-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483640;
  display: none
}
/*!
* froala_editor v3.1.1 (https://www.froala.com/wysiwyg-editor)
* License https://froala.com/wysiwyg-editor/terms/
* Copyright 2014-2020 Froala Labs
*/

.fr-popup .fr-layer.fr-color-hex-layer {
  margin: 0;
  padding: 0 20px 20px;
  float: left
}

  .fr-popup .fr-layer.fr-color-hex-layer .fr-input-line {
      float: left;
      width: calc(100% - 50px);
      padding: 15px 0 0
  }

  .fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons {
      float: right;
      width: 38px;
      height: 40px;
      padding: 17px 0 0;
      margin: 0
  }

      .fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command {
          border-radius: 2px;
          -moz-border-radius: 2px;
          -webkit-border-radius: 2px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          font-size: 13px;
          height: 40px;
          width: 38px
      }

.fr-popup .fr-separator + .fr-colors-tabs {
  margin-left: 2px;
  margin-right: 2px
}

.fr-popup .fr-color-set {
  line-height: 0;
  display: none
}

  .fr-popup .fr-color-set.fr-selected-set {
      display: block;
      padding: 20px 20px 0
  }

  .fr-popup .fr-color-set > span {
      display: inline-block;
      width: 32px;
      height: 32px;
      position: relative;
      z-index: 1
  }

      .fr-popup .fr-color-set > span > i, .fr-popup .fr-color-set > span > svg {
          text-align: center;
          line-height: 32px;
          height: 24px;
          width: 24px;
          margin: 4px;
          font-size: 13px;
          position: absolute;
          bottom: 0;
          cursor: default;
          left: 0
      }

          .fr-popup .fr-color-set > span > i path, .fr-popup .fr-color-set > span > svg path {
              fill: #222
          }

      .fr-popup .fr-color-set > span .fr-selected-color {
          color: #FFF;
          font-family: FontAwesome;
          font-size: 13px;
          font-weight: 400;
          line-height: 32px;
          position: absolute;
          top: 0;
          bottom: 0;
          right: 0;
          left: 0;
          text-align: center;
          cursor: default
      }

      .fr-popup .fr-color-set > span:focus, .fr-popup .fr-color-set > span:hover {
          outline: #222 solid 1px;
          z-index: 2
      }

.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1=text] ~ [data-param1=background]::after {
  -webkit-transform: translate3d(100%,0,0);
  -moz-transform: translate3d(100%,0,0);
  -ms-transform: translate3d(100%,0,0);
  -o-transform: translate3d(100%,0,0)
}
/*!
* froala_editor v3.1.1 (https://www.froala.com/wysiwyg-editor)
* License https://froala.com/wysiwyg-editor/terms/
* Copyright 2014-2020 Froala Labs
*/

.fr-drag-helper {
  background: #0098f7;
  height: 2px;
  margin-top: -1px;
  -webkit-opacity: .2;
  -moz-opacity: .2;
  opacity: .2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  z-index: 2147483640;
  display: none
}

  .fr-drag-helper.fr-visible {
      display: block
  }

.fr-dragging {
  -webkit-opacity: .4;
  -moz-opacity: .4;
  opacity: .4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-quoted-controls {
  position: absolute;
  z-index: 1;
  left: 10px;
  bottom: 5px;
  height: 20px
}

  .fr-quoted-controls:hover .fr-quoted-marker-remove {
      display: inline
  }

.fr-quoted-marker {
  border: 1px solid #afafaf;
  border-radius: 3px;
  background-color: #f4f4f4;
  cursor: pointer
}

  .fr-quoted-marker::after {
      content: '...';
      position: relative;
      top: -3px;
      line-height: 0;
      font-size: 20px
  }

.fr-quoted-marker-remove {
  background: 0 0;
  border: none;
  cursor: pointer;
  display: none
}

  .fr-quoted-marker-remove::after {
      content: "\00d7";
      font-size: 20px;
      position: absolute;
      top: -3px
  }

.fr-quoted-marker-loader {
  display: none;
  position: absolute;
  top: 5px;
  border: 2px solid #f4f4f4;
  border-radius: 50%;
  border-top: 2px solid #183247;
  width: 12px;
  height: 12px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  -o-animation: spin 2s linear infinite
}

.fr-popup .fr-emoticon, .fr-popup .fr-emoticon img {
  height: 24px;
  width: 24px
}

@-webkit-keyframes spin {
  0% {
      -webkit-transform: rotate(0)
  }

  100% {
      -webkit-transform: rotate(360deg)
  }
}

@keyframes spin {
  0% {
      transform: rotate(0)
  }

  100% {
      transform: rotate(360deg)
  }
}

@-moz-keyframes spin {
  0% {
      transform: rotate(0)
  }

  100% {
      transform: rotate(360deg)
  }
}

@-o-keyframes spin {
  0% {
      transform: rotate(0)
  }

  100% {
      transform: rotate(360deg)
  }
}
/*!
* froala_editor v3.1.1 (https://www.froala.com/wysiwyg-editor)
* License https://froala.com/wysiwyg-editor/terms/
* Copyright 2014-2020 Froala Labs
*/

.fr-popup .fr-emoticon {
  font-family: "Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji,"Segoe UI Symbol","Android Emoji",EmojiSymbols
}

.fr-popup .fr-command.fr-btn.fr-tabs-unicode {
  padding: 0 0 0 14px
}

@media screen and (-ms-high-contrast:active) and (min-width:768px),(-ms-high-contrast:none) and (min-width:768px) {
  .fr-popup .fr-icon-container.fr-emoticon-container {
      width: 368px
  }
}
/*!
* froala_editor v3.1.1 (https://www.froala.com/wysiwyg-editor)
* License https://froala.com/wysiwyg-editor/terms/
* Copyright 2014-2020 Froala Labs
*/

body.fr-fullscreen {
  overflow: hidden;
  height: 100%;
  width: 100%;
  position: fixed
}

.fr-box.fr-fullscreen {
  margin: 0 !important;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483630 !important;
  width: auto !important
}

  .fr-box.fr-fullscreen .fr-toolbar, .fr-box.fr-fullscreen.fr-basic.fr-bottom .fr-wrapper, .fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper {
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box
  }

      .fr-box.fr-fullscreen .fr-toolbar.fr-top {
          top: 0 !important
      }

      .fr-box.fr-fullscreen .fr-toolbar.fr-bottom {
          bottom: 0 !important
      }

  .fr-box.fr-fullscreen .second-toolbar {
      margin-top: 0;
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box
  }

.fr-fullscreen-wrapper {
  z-index: 2147483640 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important
}
/*!
* froala_editor v3.1.1 (https://www.froala.com/wysiwyg-editor)
* License https://froala.com/wysiwyg-editor/terms/
* Copyright 2014-2020 Froala Labs
*/

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal {
  text-align: left;
  padding: 20px 20px 10px
}

  .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table {
      border-collapse: collapse;
      font-size: 14px;
      line-height: 1.5;
      width: 100%
  }

      .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table + table {
          margin-top: 20px
      }

      .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr {
          border: 0
      }

      .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th {
          text-align: left
      }

      .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td, .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th {
          padding: 6px 0 4px
      }

      .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr {
          border-bottom: solid 1px #ebebeb
      }

      .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child {
          width: 60%;
          color: #646464
      }

      .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2) {
          letter-spacing: .5px
      }
/*!
* froala_editor v3.1.1 (https://www.froala.com/wysiwyg-editor)
* License https://froala.com/wysiwyg-editor/terms/
* Copyright 2014-2020 Froala Labs
*/

.fr-element img {
  cursor: pointer;
  padding: 0 1px
}

.fr-image-resizer {
  position: absolute;
  border: 1px solid #0098f7;
  display: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  box-sizing: content-box
}

  .fr-image-resizer.fr-active {
      display: block
  }

  .fr-image-resizer .fr-handler {
      display: block;
      position: absolute;
      background: #0098f7;
      border: 1px solid #FFF;
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      z-index: 4;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 12px;
      height: 12px
  }

      .fr-image-resizer .fr-handler.fr-hnw {
          cursor: nw-resize;
          left: -6px;
          top: -6px
      }

      .fr-image-resizer .fr-handler.fr-hne {
          cursor: ne-resize;
          right: -6px;
          top: -6px
      }

      .fr-image-resizer .fr-handler.fr-hsw {
          cursor: sw-resize;
          left: -6px;
          bottom: -6px
      }

      .fr-image-resizer .fr-handler.fr-hse {
          cursor: se-resize;
          right: -6px;
          bottom: -6px
      }

@media (min-width:1200px) {
  .fr-image-resizer .fr-handler {
      width: 10px;
      height: 10px
  }

      .fr-image-resizer .fr-handler.fr-hnw {
          left: -5px;
          top: -5px
      }

      .fr-image-resizer .fr-handler.fr-hne {
          right: -5px;
          top: -5px
      }

      .fr-image-resizer .fr-handler.fr-hsw {
          left: -5px;
          bottom: -5px
      }

      .fr-image-resizer .fr-handler.fr-hse {
          right: -5px;
          bottom: -5px
      }
}

.fr-image-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483640;
  display: none
}

.fr-popup .fr-image-upload-layer {
  border: 2px dashed #bdbdbd;
  padding: 25px 0;
  margin: 20px;
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 140%;
  text-align: center
}

  .fr-popup .fr-image-upload-layer:hover {
      background: #ebebeb
  }

  .fr-popup .fr-image-upload-layer.fr-drop {
      background: #ebebeb;
      border-color: #0098f7
  }

  .fr-popup .fr-image-upload-layer .fr-form {
      opacity: 0;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 2147483640;
      overflow: hidden;
      margin: 0 !important;
      padding: 0 !important;
      width: 100% !important
  }

      .fr-popup .fr-image-upload-layer .fr-form input {
          cursor: pointer;
          position: absolute;
          right: 0;
          top: 0;
          bottom: 0;
          width: 500%;
          height: 100%;
          margin: 0;
          font-size: 400px
      }

.fr-popup .fr-buttons.fr-tabs .fr-special-character-category span, .fr-popup .fr-image-progress-bar-layer > h3, .plyr__captions {
  font-size: 16px;
  font-weight: 400
}

.fr-popup .fr-image-progress-bar-layer > h3 {
  margin: 10px 0
}

.fr-popup .fr-image-progress-bar-layer > div.fr-action-buttons {
  display: none
}

.fr-popup .fr-image-progress-bar-layer > div.fr-loader {
  background: #b3e0fd;
  height: 10px;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  position: relative
}

  .fr-popup .fr-image-progress-bar-layer > div.fr-loader span {
      display: block;
      height: 100%;
      width: 0%;
      background: #0098f7;
      -webkit-transition: width .2s ease 0s;
      -moz-transition: width .2s ease 0s;
      -ms-transition: width .2s ease 0s;
      -o-transition: width .2s ease 0s
  }

  .fr-popup .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span {
      width: 30% !important;
      position: absolute;
      top: 0;
      -webkit-animation: loading 2s linear infinite;
      -moz-animation: loading 2s linear infinite;
      -o-animation: loading 2s linear infinite;
      animation: loading 2s linear infinite
  }

.fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-loader {
  display: none
}

.fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block
}

.fr-image-size-layer .fr-image-group .fr-input-line {
  width: calc(50% - 5px);
  display: inline-block
}

  .fr-image-size-layer .fr-image-group .fr-input-line + .fr-input-line {
      margin-left: 10px
  }

.fr-uploading {
  -webkit-opacity: .4;
  -moz-opacity: .4;
  opacity: .4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

@-webkit-keyframes loading {
  from {
      left: -25%
  }

  to {
      left: 100%
  }
}

@-moz-keyframes loading {
  from {
      left: -25%
  }

  to {
      left: 100%
  }
}

@-o-keyframes loading {
  from {
      left: -25%
  }

  to {
      left: 100%
  }
}

@keyframes loading {
  from {
      left: -25%
  }

  to {
      left: 100%
  }
}
/*!
* froala_editor v3.1.1 (https://www.froala.com/wysiwyg-editor)
* License https://froala.com/wysiwyg-editor/terms/
* Copyright 2014-2020 Froala Labs
*/

.fr-modal .fr-modal-head .fr-modal-head-line::after {
  clear: both;
  display: block;
  content: "";
  height: 0
}

.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more {
  margin-top: 10px
}

  .fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more.fr-not-available {
      opacity: 0;
      width: 0;
      padding: 12px 0
  }

.fr-modal .fr-modal-head .fr-modal-tags {
  padding: 0 20px;
  display: none;
  text-align: left
}

  .fr-modal .fr-modal-head .fr-modal-tags a {
      display: inline-block;
      opacity: 0;
      padding: 6px 12px;
      margin: 8px 0 8px 8px;
      text-decoration: none;
      border-radius: 32px;
      -moz-border-radius: 32px;
      -webkit-border-radius: 32px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      -webkit-transition: opacity .2s ease 0s,background .2s ease 0s;
      -moz-transition: opacity .2s ease 0s,background .2s ease 0s;
      -ms-transition: opacity .2s ease 0s,background .2s ease 0s;
      -o-transition: opacity .2s ease 0s,background .2s ease 0s;
      cursor: pointer;
      background-color: #f5f5f5
  }

      .fr-modal .fr-modal-head .fr-modal-tags a:focus {
          outline: 0;
          background-color: #ebebeb
      }

      .fr-modal .fr-modal-head .fr-modal-tags a:hover {
          background-color: #ebebeb
      }

      .fr-modal .fr-modal-head .fr-modal-tags a:active {
          background-color: #d6d6d6
      }

      .fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag {
          background-color: #EcF5Ff;
          color: #0098f7
      }

          .fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:focus {
              outline: 0;
              background-color: #ebebeb
          }

          .fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover {
              background-color: #ebebeb
          }

          .fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:active {
              background-color: #d6d6d6
          }

.fr-show-tags .fr-modal-more svg path {
  fill: #0098f7
}

div.fr-modal-body {
  -webkit-transition: background .2s ease 0s;
  -moz-transition: background .2s ease 0s;
  -ms-transition: background .2s ease 0s;
  -o-transition: background .2s ease 0s
}

  div.fr-modal-body .fr-preloader {
      display: block;
      margin: 50px auto
  }

  div.fr-modal-body div.fr-image-list {
      text-align: center;
      margin: 0 20px;
      padding: 0
  }

      div.fr-modal-body div.fr-image-list .fr-list-column {
          float: left;
          width: calc((100% - 20px)/ 2)
      }

@media (min-width:768px) and (max-width:1199px) {
  div.fr-modal-body div.fr-image-list .fr-list-column {
      width: calc((100% - 40px)/ 3)
  }
}

@media (min-width:1200px) {
  div.fr-modal-body div.fr-image-list .fr-list-column {
      width: calc((100% - 60px)/ 4)
  }
}

div.fr-modal-body div.fr-image-list .fr-list-column + .fr-list-column {
  margin-left: 20px
}

div.fr-modal-body div.fr-image-list div.fr-image-container {
  position: relative;
  width: 100%;
  display: block;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden
}

  div.fr-modal-body div.fr-image-list div.fr-image-container + div, div.fr-modal-body div.fr-image-list div.fr-image-container:first-child {
      margin-top: 20px
  }

  div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after {
      position: absolute;
      -webkit-opacity: .5;
      -moz-opacity: .5;
      opacity: .5;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -webkit-transition: opacity .2s ease 0s;
      -moz-transition: opacity .2s ease 0s;
      -ms-transition: opacity .2s ease 0s;
      -o-transition: opacity .2s ease 0s;
      background: #000;
      content: "";
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 2
  }

  div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before {
      content: attr(data-deleting);
      color: #FFF;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      margin: auto;
      position: absolute;
      z-index: 3;
      font-size: 15px;
      height: 20px
  }

  div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty {
      height: 95px;
      background: #CCC;
      z-index: 1
  }

      div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after {
          position: absolute;
          margin: auto;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          content: attr(data-loading);
          display: inline-block;
          height: 20px
      }

  div.fr-modal-body div.fr-image-list div.fr-image-container img {
      width: 100%;
      vertical-align: middle;
      position: relative;
      z-index: 2;
      -webkit-opacity: 1;
      -moz-opacity: 1;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -webkit-transition: opacity .2s ease 0s,filter .2s ease 0s;
      -moz-transition: opacity .2s ease 0s,filter .2s ease 0s;
      -ms-transition: opacity .2s ease 0s,filter .2s ease 0s;
      -o-transition: opacity .2s ease 0s,filter .2s ease 0s;
      -webkit-transform: translateZ(0);
      -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
      -o-transform: translateZ(0)
  }

  div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img {
      -webkit-opacity: .75;
      -moz-opacity: .75;
      opacity: .75;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
  }

  div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img, div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img {
      display: inline-block
  }

  div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img, div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
      display: none;
      top: 50%;
      border-radius: 100%;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      -webkit-transition: background .2s ease 0s,color .2s ease 0s;
      -moz-transition: background .2s ease 0s,color .2s ease 0s;
      -ms-transition: background .2s ease 0s,color .2s ease 0s;
      -o-transition: background .2s ease 0s,color .2s ease 0s;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      position: absolute;
      cursor: pointer;
      margin: 0;
      line-height: 40px;
      text-decoration: none;
      z-index: 3
  }

.fr-line-breaker a.fr-floating-btn svg, .fr-quick-insert a.fr-floating-btn svg {
  margin: 8px;
  width: 24px;
  height: 24px
}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
  background: #B8312F;
  fill: #FFF;
  padding: 8px;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(25%);
  -moz-transform: translateY(-50%) translateX(25%);
  -ms-transform: translateY(-50%) translateX(25%);
  -o-transform: translateY(-50%) translateX(25%)
}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
  background: #FFF;
  fill: #0098f7;
  padding: 8px;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-125%);
  -moz-transform: translateY(-50%) translateX(-125%);
  -ms-transform: translateY(-50%) translateX(-125%);
  -o-transform: translateY(-50%) translateX(-125%)
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img {
  -webkit-opacity: .75;
  -moz-opacity: .75;
  opacity: .75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-qi-helper a.fr-btn.fr-floating-btn, .fr-table-resizer div {
  -webkit-opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img, .fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img {
  display: inline-block;
  width: 40px;
  height: 40px
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover {
  background: #bf4644;
  color: #FFF
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
  background: #ebebeb
}
/*!
* froala_editor v3.1.1 (https://www.froala.com/wysiwyg-editor)
* License https://froala.com/wysiwyg-editor/terms/
* Copyright 2014-2020 Froala Labs
*/

.fr-line-breaker {
  cursor: text;
  border-top: 1px solid #0098f7;
  position: fixed;
  z-index: 2;
  display: none
}

  .fr-line-breaker.fr-visible {
      display: block
  }

  .fr-line-breaker a.fr-floating-btn {
      position: absolute;
      left: calc(50% - (40px / 2));
      top: -20px
  }
/*!
* froala_editor v3.1.1 (https://www.froala.com/wysiwyg-editor)
* License https://froala.com/wysiwyg-editor/terms/
* Copyright 2014-2020 Froala Labs
*/

.fr-quick-insert {
  position: absolute;
  z-index: 2147483639;
  white-space: nowrap;
  padding-right: 10px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

  .fr-quick-insert.fr-on a.fr-floating-btn svg {
      -webkit-transform: rotate(135deg);
      -moz-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      -o-transform: rotate(135deg)
  }

  .fr-quick-insert.fr-hidden {
      display: none
  }

.fr-qi-helper {
  position: absolute;
  z-index: 3;
  padding-left: 20px;
  white-space: nowrap
}

  .fr-qi-helper a.fr-btn.fr-floating-btn {
      text-align: center;
      padding: 0 10px 10px;
      display: inline-block;
      color: #222;
      background: #FFF;
      -moz-opacity: 0;
      opacity: 0;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0)
  }

      .fr-qi-helper a.fr-btn.fr-floating-btn svg {
          fill: #222
      }

      .fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1 {
          -webkit-opacity: 1;
          -moz-opacity: 1;
          opacity: 1;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
          -webkit-transform: scale(1);
          -moz-transform: scale(1);
          -ms-transform: scale(1);
          -o-transform: scale(1)
      }
/*!
* froala_editor v3.1.1 (https://www.froala.com/wysiwyg-editor)
* License https://froala.com/wysiwyg-editor/terms/
* Copyright 2014-2020 Froala Labs
*/

.fr-popup .fr-buttons.fr-tabs .fr-special-character-category {
  padding: 10px 15px
}

.fr-popup .fr-special-character {
  width: 24px;
  height: 24px
}

@media screen and (-ms-high-contrast:active) and (min-width:768px),(-ms-high-contrast:none) and (min-width:768px) {
  .fr-popup .fr-icon-container.fr-sc-container {
      width: 368px
  }
}
/*!
* froala_editor v3.1.1 (https://www.froala.com/wysiwyg-editor)
* License https://froala.com/wysiwyg-editor/terms/
* Copyright 2014-2020 Froala Labs
*/

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0
}

.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0
}

.fr-element table td.fr-selected-cell, .fr-element table th.fr-selected-cell {
  border: 1px double #0098f7
}

.fr-element table tr {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none
}

.fr-element table td, .fr-element table th {
  user-select: text;
  -o-user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text
}

.fr-element .fr-no-selection table td, .fr-element .fr-no-selection table th {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none
}

.fr-table-resizer {
  cursor: col-resize;
  position: absolute;
  z-index: 3;
  display: none
}

  .fr-table-resizer.fr-moving {
      z-index: 2
  }

  .fr-table-resizer div {
      -moz-opacity: 0;
      opacity: 0;
      border-right: 1px solid #0098f7
  }

.fr-no-selection {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none
}

.fr-popup .fr-table-size {
  margin: 20px
}

  .fr-popup .fr-table-size .fr-table-size-info {
      text-align: center;
      font-size: 14px
  }

  .fr-popup .fr-table-size .fr-select-table-size {
      line-height: 0;
      padding: 5px;
      white-space: nowrap
  }

      .fr-popup .fr-table-size .fr-select-table-size > span {
          display: inline-block;
          padding: 0 4px 4px 0;
          background: 0 0
      }

          .fr-popup .fr-table-size .fr-select-table-size > span > span {
              display: inline-block;
              width: 18px;
              height: 18px;
              border: 1px solid #DDD
          }

          .fr-popup .fr-table-size .fr-select-table-size > span.hover {
              background: 0 0
          }

              .fr-popup .fr-table-size .fr-select-table-size > span.hover > span {
                  background: rgba(0,152,247,.3);
                  border: 1px solid #0098f7
              }

      .fr-popup .fr-table-size .fr-select-table-size .new-line::after {
          clear: both;
          display: block;
          content: "";
          height: 0
      }

.fr-popup.fr-above .fr-table-size .fr-select-table-size > span {
  display: inline-block !important
}

.fr-popup .fr-table-colors {
  display: block;
  padding: 20px 20px 0
}

.fr-popup.fr-desktop .fr-table-size .fr-select-table-size > span > span {
  width: 12px;
  height: 12px
}

.fr-insert-helper {
  position: absolute;
  z-index: 9999;
  white-space: nowrap
}

code[class*=language-], pre[class*=language-] {
  color: #000;
  background: 0 0;
  font-family: Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none
}

pre[class*=language-] {
  position: relative;
  margin: .5em 0;
  overflow: visible;
  padding: 0
}

  pre[class*=language-] > code {
      position: relative;
      border-left: 10px solid #358ccb;
      box-shadow: -1px 0 0 0 #358ccb,0 0 0 1px #dfdfdf;
      background-color: #fdfdfd;
      background-image: linear-gradient(transparent 50%,rgba(69,142,209,.04) 50%);
      background-size: 3em 3em;
      background-origin: content-box;
      background-attachment: local
  }

code[class*=language] {
  max-height: inherit;
  height: inherit;
  padding: 0 1em;
  display: block;
  overflow: auto
}

:not(pre) > code[class*=language-], pre[class*=language-] {
  background-color: #fdfdfd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 1em
}

:not(pre) > code[class*=language-] {
  position: relative;
  padding: .2em;
  border-radius: .3em;
  color: #c92c2c;
  border: 1px solid rgba(0,0,0,.1);
  display: inline;
  white-space: normal
}

pre[class*=language-]:after, pre[class*=language-]:before {
  content: '';
  z-index: -2;
  display: block;
  position: absolute;
  bottom: .75em;
  left: .18em;
  width: 40%;
  height: 20%;
  max-height: 13em;
  box-shadow: 0 13px 8px #979797;
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  transform: rotate(-2deg)
}

:not(pre) > code[class*=language-]:after, pre[class*=language-]:after {
  right: .75em;
  left: auto;
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  transform: rotate(2deg)
}

.token.block-comment, .token.cdata, .token.comment, .token.doctype, .token.prolog {
  color: #7D8B99
}

.token.punctuation {
  color: #5F6364
}

.token.boolean, .token.constant, .token.deleted, .token.function-name, .token.number, .token.property, .token.symbol, .token.tag {
  color: #c92c2c
}

.token.attr-name, .token.builtin, .token.char, .token.function, .token.inserted, .token.selector, .token.string {
  color: #2f9c0a
}

.token.entity, .token.operator, .token.url, .token.variable {
  color: #a67f59;
  background: rgba(255,255,255,.5)
}

.token.atrule, .token.attr-value, .token.class-name, .token.keyword {
  color: #1990b8
}

.token.important, .token.regex {
  color: #e90
}

.language-css .token.string, .style .token.string {
  color: #a67f59;
  background: rgba(255,255,255,.5)
}

.token.important {
  font-weight: 400
}

.CodeMirror .cm-liquid-endtag-name, .CodeMirror .cm-liquid-keyword, .CodeMirror .cm-liquid-tag-name, .text__title, .token.bold {
  font-weight: 700
}

.token.italic {
  font-style: italic
}

.token.entity {
  cursor: help
}

.namespace {
  opacity: .7
}

@media screen and (max-width:767px) {
  pre[class*=language-]:after, pre[class*=language-]:before {
      bottom: 14px;
      box-shadow: none
  }
}

.token.cr:before, .token.lf:before, .token.tab:not(:empty):before {
  color: #e0d7d1
}

pre[class*=language-].line-numbers.line-numbers {
  padding-left: 0
}

  pre[class*=language-].line-numbers.line-numbers code {
      padding-left: 3.8em
  }

  pre[class*=language-].line-numbers.line-numbers .line-numbers-rows {
      left: 0
  }

pre[class*=language-][data-line] {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0
}

pre[data-line] code {
  position: relative;
  padding-left: 4em
}

pre .line-highlight {
  margin-top: 0
}

pre[class*=language-].line-numbers {
  position: relative;
  padding-left: 3.8em;
  counter-reset: linenumber
}

  pre[class*=language-].line-numbers > code {
      position: relative;
      white-space: inherit
  }

.line-numbers .line-numbers-rows {
  position: absolute;
  pointer-events: none;
  top: 0;
  font-size: 100%;
  left: -3.8em;
  width: 3em;
  letter-spacing: -1px;
  border-right: 1px solid #999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.plyr, div.code-toolbar {
  position: relative
}

.line-numbers-rows > span {
  pointer-events: none;
  display: block;
  counter-increment: linenumber
}

  .line-numbers-rows > span:before {
      content: counter(linenumber);
      color: #999;
      display: block;
      padding-right: .8em;
      text-align: right
  }

div.code-toolbar > .toolbar {
  position: absolute;
  top: .3em;
  right: .2em;
  transition: opacity .3s ease-in-out;
  opacity: 0
}

div.code-toolbar:focus-within > .toolbar, div.code-toolbar:hover > .toolbar {
  opacity: 1
}

div.code-toolbar > .toolbar .toolbar-item {
  display: inline-block
}

div.code-toolbar > .toolbar a {
  cursor: pointer
}

div.code-toolbar > .toolbar button {
  border: 0;
  font: inherit;
  line-height: normal;
  overflow: visible;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none
}

div.code-toolbar > .toolbar a, div.code-toolbar > .toolbar button, div.code-toolbar > .toolbar span {
  color: #bbb;
  font-size: .8em;
  padding: 0 .5em;
  background: #f5f2f0;
  background: rgba(224,224,224,.2);
  box-shadow: 0 2px 0 0 rgba(0,0,0,.2);
  border-radius: .5em
}

  div.code-toolbar > .toolbar a:focus, div.code-toolbar > .toolbar a:hover, div.code-toolbar > .toolbar button:focus, div.code-toolbar > .toolbar button:hover, div.code-toolbar > .toolbar span:focus, div.code-toolbar > .toolbar span:hover {
      color: inherit;
      text-decoration: none
  }
/*! Hint.css - v2.4.1 - 2016-11-08
* http://kushagragour.in/lab/hint/
* Copyright (c) 2016 Kushagra Gour */

.grid-stack.grid-stack-1 > .grid-stack-item[data-gs-width='1'] {
  width: 100%
}

.grid-stack.grid-stack-1 > .grid-stack-item[data-gs-x='1'] {
  left: 100%
}

.grid-stack.grid-stack-2 > .grid-stack-item, .grid-stack.grid-stack-2 > .grid-stack-item[data-gs-min-width='1'] {
  min-width: 50%
}

.grid-stack.grid-stack-1 > .grid-stack-item[data-gs-max-width='1'] {
  max-width: 100%
}

.grid-stack.grid-stack-2 > .grid-stack-item[data-gs-width='1'] {
  width: 50%
}

.grid-stack.grid-stack-2 > .grid-stack-item[data-gs-x='1'] {
  left: 50%
}

.grid-stack.grid-stack-2 > .grid-stack-item[data-gs-max-width='1'] {
  max-width: 50%
}

.grid-stack.grid-stack-2 > .grid-stack-item[data-gs-width='2'] {
  width: 100%
}

.grid-stack.grid-stack-2 > .grid-stack-item[data-gs-x='2'] {
  left: 100%
}

.grid-stack.grid-stack-2 > .grid-stack-item[data-gs-min-width='2'] {
  min-width: 100%
}

.grid-stack.grid-stack-3 > .grid-stack-item, .grid-stack.grid-stack-3 > .grid-stack-item[data-gs-min-width='1'] {
  min-width: 33.3333333333%
}

.grid-stack.grid-stack-2 > .grid-stack-item[data-gs-max-width='2'] {
  max-width: 100%
}

.grid-stack.grid-stack-3 > .grid-stack-item[data-gs-width='1'] {
  width: 33.3333333333%
}

.grid-stack.grid-stack-3 > .grid-stack-item[data-gs-x='1'] {
  left: 33.3333333333%
}

.grid-stack.grid-stack-3 > .grid-stack-item[data-gs-max-width='1'] {
  max-width: 33.3333333333%
}

.grid-stack.grid-stack-3 > .grid-stack-item[data-gs-width='2'] {
  width: 66.6666666667%
}

.grid-stack.grid-stack-3 > .grid-stack-item[data-gs-x='2'] {
  left: 66.6666666667%
}

.grid-stack.grid-stack-3 > .grid-stack-item[data-gs-min-width='2'] {
  min-width: 66.6666666667%
}

.grid-stack.grid-stack-3 > .grid-stack-item[data-gs-max-width='2'] {
  max-width: 66.6666666667%
}

.grid-stack.grid-stack-3 > .grid-stack-item[data-gs-width='3'] {
  width: 100%
}

.grid-stack.grid-stack-3 > .grid-stack-item[data-gs-x='3'] {
  left: 100%
}

.grid-stack.grid-stack-3 > .grid-stack-item[data-gs-min-width='3'] {
  min-width: 100%
}

.grid-stack.grid-stack-4 > .grid-stack-item, .grid-stack.grid-stack-4 > .grid-stack-item[data-gs-min-width='1'] {
  min-width: 25%
}

.grid-stack.grid-stack-3 > .grid-stack-item[data-gs-max-width='3'] {
  max-width: 100%
}

.grid-stack.grid-stack-4 > .grid-stack-item[data-gs-width='1'] {
  width: 25%
}

.grid-stack.grid-stack-4 > .grid-stack-item[data-gs-x='1'] {
  left: 25%
}

.grid-stack.grid-stack-4 > .grid-stack-item[data-gs-max-width='1'] {
  max-width: 25%
}

.grid-stack.grid-stack-4 > .grid-stack-item[data-gs-width='2'] {
  width: 50%
}

.grid-stack.grid-stack-4 > .grid-stack-item[data-gs-x='2'] {
  left: 50%
}

.grid-stack.grid-stack-4 > .grid-stack-item[data-gs-min-width='2'] {
  min-width: 50%
}

.grid-stack.grid-stack-4 > .grid-stack-item[data-gs-max-width='2'] {
  max-width: 50%
}

.grid-stack.grid-stack-4 > .grid-stack-item[data-gs-width='3'] {
  width: 75%
}

.grid-stack.grid-stack-4 > .grid-stack-item[data-gs-x='3'] {
  left: 75%
}

.grid-stack.grid-stack-4 > .grid-stack-item[data-gs-min-width='3'] {
  min-width: 75%
}

.grid-stack.grid-stack-4 > .grid-stack-item[data-gs-max-width='3'] {
  max-width: 75%
}

.grid-stack.grid-stack-4 > .grid-stack-item[data-gs-width='4'] {
  width: 100%
}

.grid-stack.grid-stack-4 > .grid-stack-item[data-gs-x='4'] {
  left: 100%
}

.grid-stack.grid-stack-4 > .grid-stack-item[data-gs-min-width='4'] {
  min-width: 100%
}

.grid-stack.grid-stack-5 > .grid-stack-item, .grid-stack.grid-stack-5 > .grid-stack-item[data-gs-min-width='1'] {
  min-width: 20%
}

.grid-stack.grid-stack-4 > .grid-stack-item[data-gs-max-width='4'] {
  max-width: 100%
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-width='1'] {
  width: 20%
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-x='1'] {
  left: 20%
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-max-width='1'] {
  max-width: 20%
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-width='2'] {
  width: 40%
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-x='2'] {
  left: 40%
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-min-width='2'] {
  min-width: 40%
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-max-width='2'] {
  max-width: 40%
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-width='3'] {
  width: 60%
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-x='3'] {
  left: 60%
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-min-width='3'] {
  min-width: 60%
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-max-width='3'] {
  max-width: 60%
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-width='4'] {
  width: 80%
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-x='4'] {
  left: 80%
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-min-width='4'] {
  min-width: 80%
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-max-width='4'] {
  max-width: 80%
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-width='5'] {
  width: 100%
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-x='5'] {
  left: 100%
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-min-width='5'] {
  min-width: 100%
}

.grid-stack.grid-stack-6 > .grid-stack-item, .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-min-width='1'] {
  min-width: 16.6666666667%
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-max-width='5'] {
  max-width: 100%
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-width='1'] {
  width: 16.6666666667%
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-x='1'] {
  left: 16.6666666667%
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-max-width='1'] {
  max-width: 16.6666666667%
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-width='2'] {
  width: 33.3333333333%
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-x='2'] {
  left: 33.3333333333%
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-min-width='2'] {
  min-width: 33.3333333333%
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-max-width='2'] {
  max-width: 33.3333333333%
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-width='3'] {
  width: 50%
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-x='3'] {
  left: 50%
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-min-width='3'] {
  min-width: 50%
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-max-width='3'] {
  max-width: 50%
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-width='4'] {
  width: 66.6666666667%
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-x='4'] {
  left: 66.6666666667%
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-min-width='4'] {
  min-width: 66.6666666667%
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-max-width='4'] {
  max-width: 66.6666666667%
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-width='5'] {
  width: 83.3333333333%
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-x='5'] {
  left: 83.3333333333%
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-min-width='5'] {
  min-width: 83.3333333333%
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-max-width='5'] {
  max-width: 83.3333333333%
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-width='6'] {
  width: 100%
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-x='6'] {
  left: 100%
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-min-width='6'] {
  min-width: 100%
}

.grid-stack.grid-stack-7 > .grid-stack-item, .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-min-width='1'] {
  min-width: 14.2857142857%
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-max-width='6'] {
  max-width: 100%
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-width='1'] {
  width: 14.2857142857%
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-x='1'] {
  left: 14.2857142857%
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-max-width='1'] {
  max-width: 14.2857142857%
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-width='2'] {
  width: 28.5714285714%
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-x='2'] {
  left: 28.5714285714%
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-min-width='2'] {
  min-width: 28.5714285714%
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-max-width='2'] {
  max-width: 28.5714285714%
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-width='3'] {
  width: 42.8571428571%
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-x='3'] {
  left: 42.8571428571%
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-min-width='3'] {
  min-width: 42.8571428571%
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-max-width='3'] {
  max-width: 42.8571428571%
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-width='4'] {
  width: 57.1428571429%
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-x='4'] {
  left: 57.1428571429%
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-min-width='4'] {
  min-width: 57.1428571429%
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-max-width='4'] {
  max-width: 57.1428571429%
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-width='5'] {
  width: 71.4285714286%
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-x='5'] {
  left: 71.4285714286%
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-min-width='5'] {
  min-width: 71.4285714286%
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-max-width='5'] {
  max-width: 71.4285714286%
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-width='6'] {
  width: 85.7142857143%
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-x='6'] {
  left: 85.7142857143%
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-min-width='6'] {
  min-width: 85.7142857143%
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-max-width='6'] {
  max-width: 85.7142857143%
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-width='7'] {
  width: 100%
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-x='7'] {
  left: 100%
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-min-width='7'] {
  min-width: 100%
}

.grid-stack.grid-stack-8 > .grid-stack-item, .grid-stack.grid-stack-8 > .grid-stack-item[data-gs-min-width='1'] {
  min-width: 12.5%
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-max-width='7'] {
  max-width: 100%
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-width='1'] {
  width: 12.5%
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-x='1'] {
  left: 12.5%
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-max-width='1'] {
  max-width: 12.5%
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-width='2'] {
  width: 25%
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-x='2'] {
  left: 25%
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-min-width='2'] {
  min-width: 25%
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-max-width='2'] {
  max-width: 25%
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-width='3'] {
  width: 37.5%
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-x='3'] {
  left: 37.5%
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-min-width='3'] {
  min-width: 37.5%
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-max-width='3'] {
  max-width: 37.5%
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-width='4'] {
  width: 50%
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-x='4'] {
  left: 50%
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-min-width='4'] {
  min-width: 50%
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-max-width='4'] {
  max-width: 50%
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-width='5'] {
  width: 62.5%
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-x='5'] {
  left: 62.5%
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-min-width='5'] {
  min-width: 62.5%
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-max-width='5'] {
  max-width: 62.5%
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-width='6'] {
  width: 75%
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-x='6'] {
  left: 75%
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-min-width='6'] {
  min-width: 75%
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-max-width='6'] {
  max-width: 75%
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-width='7'] {
  width: 87.5%
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-x='7'] {
  left: 87.5%
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-min-width='7'] {
  min-width: 87.5%
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-max-width='7'] {
  max-width: 87.5%
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-width='8'] {
  width: 100%
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-x='8'] {
  left: 100%
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-min-width='8'] {
  min-width: 100%
}

.grid-stack.grid-stack-9 > .grid-stack-item, .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='1'] {
  min-width: 11.1111111111%
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-max-width='8'] {
  max-width: 100%
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='1'] {
  width: 11.1111111111%
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='1'] {
  left: 11.1111111111%
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='1'] {
  max-width: 11.1111111111%
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='2'] {
  width: 22.2222222222%
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='2'] {
  left: 22.2222222222%
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='2'] {
  min-width: 22.2222222222%
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='2'] {
  max-width: 22.2222222222%
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='3'] {
  width: 33.3333333333%
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='3'] {
  left: 33.3333333333%
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='3'] {
  min-width: 33.3333333333%
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='3'] {
  max-width: 33.3333333333%
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='4'] {
  width: 44.4444444444%
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='4'] {
  left: 44.4444444444%
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='4'] {
  min-width: 44.4444444444%
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='4'] {
  max-width: 44.4444444444%
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='5'] {
  width: 55.5555555556%
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='5'] {
  left: 55.5555555556%
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='5'] {
  min-width: 55.5555555556%
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='5'] {
  max-width: 55.5555555556%
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='6'] {
  width: 66.6666666667%
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='6'] {
  left: 66.6666666667%
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='6'] {
  min-width: 66.6666666667%
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='6'] {
  max-width: 66.6666666667%
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='7'] {
  width: 77.7777777778%
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='7'] {
  left: 77.7777777778%
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='7'] {
  min-width: 77.7777777778%
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='7'] {
  max-width: 77.7777777778%
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='8'] {
  width: 88.8888888889%
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='8'] {
  left: 88.8888888889%
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='8'] {
  min-width: 88.8888888889%
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='8'] {
  max-width: 88.8888888889%
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='9'] {
  width: 100%
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='9'] {
  left: 100%
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='9'] {
  min-width: 100%
}

.grid-stack.grid-stack-10 > .grid-stack-item, .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-min-width='1'] {
  min-width: 10%
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='9'] {
  max-width: 100%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-width='1'] {
  width: 10%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-x='1'] {
  left: 10%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-max-width='1'] {
  max-width: 10%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-width='2'] {
  width: 20%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-x='2'] {
  left: 20%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-min-width='2'] {
  min-width: 20%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-max-width='2'] {
  max-width: 20%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-width='3'] {
  width: 30%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-x='3'] {
  left: 30%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-min-width='3'] {
  min-width: 30%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-max-width='3'] {
  max-width: 30%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-width='4'] {
  width: 40%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-x='4'] {
  left: 40%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-min-width='4'] {
  min-width: 40%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-max-width='4'] {
  max-width: 40%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-width='5'] {
  width: 50%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-x='5'] {
  left: 50%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-min-width='5'] {
  min-width: 50%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-max-width='5'] {
  max-width: 50%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-width='6'] {
  width: 60%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-x='6'] {
  left: 60%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-min-width='6'] {
  min-width: 60%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-max-width='6'] {
  max-width: 60%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-width='7'] {
  width: 70%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-x='7'] {
  left: 70%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-min-width='7'] {
  min-width: 70%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-max-width='7'] {
  max-width: 70%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-width='8'] {
  width: 80%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-x='8'] {
  left: 80%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-min-width='8'] {
  min-width: 80%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-max-width='8'] {
  max-width: 80%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-width='9'] {
  width: 90%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-x='9'] {
  left: 90%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-min-width='9'] {
  min-width: 90%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-max-width='9'] {
  max-width: 90%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-width='10'] {
  width: 100%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-x='10'] {
  left: 100%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-min-width='10'] {
  min-width: 100%
}

.grid-stack.grid-stack-11 > .grid-stack-item, .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='1'] {
  min-width: 9.0909090909%
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-max-width='10'] {
  max-width: 100%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='1'] {
  width: 9.0909090909%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='1'] {
  left: 9.0909090909%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='1'] {
  max-width: 9.0909090909%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='2'] {
  width: 18.1818181818%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='2'] {
  left: 18.1818181818%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='2'] {
  min-width: 18.1818181818%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='2'] {
  max-width: 18.1818181818%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='3'] {
  width: 27.2727272727%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='3'] {
  left: 27.2727272727%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='3'] {
  min-width: 27.2727272727%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='3'] {
  max-width: 27.2727272727%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='4'] {
  width: 36.3636363636%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='4'] {
  left: 36.3636363636%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='4'] {
  min-width: 36.3636363636%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='4'] {
  max-width: 36.3636363636%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='5'] {
  width: 45.4545454545%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='5'] {
  left: 45.4545454545%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='5'] {
  min-width: 45.4545454545%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='5'] {
  max-width: 45.4545454545%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='6'] {
  width: 54.5454545455%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='6'] {
  left: 54.5454545455%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='6'] {
  min-width: 54.5454545455%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='6'] {
  max-width: 54.5454545455%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='7'] {
  width: 63.6363636364%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='7'] {
  left: 63.6363636364%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='7'] {
  min-width: 63.6363636364%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='7'] {
  max-width: 63.6363636364%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='8'] {
  width: 72.7272727273%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='8'] {
  left: 72.7272727273%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='8'] {
  min-width: 72.7272727273%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='8'] {
  max-width: 72.7272727273%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='9'] {
  width: 81.8181818182%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='9'] {
  left: 81.8181818182%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='9'] {
  min-width: 81.8181818182%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='9'] {
  max-width: 81.8181818182%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='10'] {
  width: 90.9090909091%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='10'] {
  left: 90.9090909091%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='10'] {
  min-width: 90.9090909091%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='10'] {
  max-width: 90.9090909091%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='11'] {
  width: 100%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='11'] {
  left: 100%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='11'] {
  min-width: 100%
}

.grid-stack.grid-stack-12 > .grid-stack-item, .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='1'] {
  min-width: 8.3333333333%
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='11'] {
  max-width: 100%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='1'] {
  width: 8.3333333333%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='1'] {
  left: 8.3333333333%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='1'] {
  max-width: 8.3333333333%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='2'] {
  width: 16.6666666667%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='2'] {
  left: 16.6666666667%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='2'] {
  min-width: 16.6666666667%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='2'] {
  max-width: 16.6666666667%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='3'] {
  width: 25%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='3'] {
  left: 25%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='3'] {
  min-width: 25%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='3'] {
  max-width: 25%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='4'] {
  width: 33.3333333333%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='4'] {
  left: 33.3333333333%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='4'] {
  min-width: 33.3333333333%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='4'] {
  max-width: 33.3333333333%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='5'] {
  width: 41.6666666667%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='5'] {
  left: 41.6666666667%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='5'] {
  min-width: 41.6666666667%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='5'] {
  max-width: 41.6666666667%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='6'] {
  width: 50%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='6'] {
  left: 50%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='6'] {
  min-width: 50%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='6'] {
  max-width: 50%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='7'] {
  width: 58.3333333333%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='7'] {
  left: 58.3333333333%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='7'] {
  min-width: 58.3333333333%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='7'] {
  max-width: 58.3333333333%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='8'] {
  width: 66.6666666667%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='8'] {
  left: 66.6666666667%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='8'] {
  min-width: 66.6666666667%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='8'] {
  max-width: 66.6666666667%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='9'] {
  width: 75%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='9'] {
  left: 75%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='9'] {
  min-width: 75%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='9'] {
  max-width: 75%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='10'] {
  width: 83.3333333333%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='10'] {
  left: 83.3333333333%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='10'] {
  min-width: 83.3333333333%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='10'] {
  max-width: 83.3333333333%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='11'] {
  width: 91.6666666667%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='11'] {
  left: 91.6666666667%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='11'] {
  min-width: 91.6666666667%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='11'] {
  max-width: 91.6666666667%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='12'] {
  width: 100%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='12'] {
  left: 100%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='12'] {
  min-width: 100%
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='12'] {
  max-width: 100%
}

@-webkit-keyframes plyr-progress {
  to {
      background-position: 25px 0
  }
}

@keyframes plyr-progress {
  to {
      background-position: 25px 0
  }
}

.plyr {
  max-width: 100%;
  min-width: 200px;
  font-family: Avenir,'Avenir Next','Helvetica Neue','Segoe UI',Helvetica,Arial,sans-serif;
  direction: ltr
}

  .plyr, .plyr *, .plyr ::after, .plyr ::before {
      -webkit-box-sizing: border-box;
      box-sizing: border-box
  }

      .plyr a, .plyr button, .plyr input, .plyr label {
          -ms-touch-action: manipulation;
          touch-action: manipulation
      }

      .plyr:focus {
          outline: 0
      }

      .plyr audio, .plyr video {
          width: 100%;
          height: auto;
          vertical-align: middle;
          border-radius: inherit
      }

      .plyr input[type=range] {
          display: block;
          height: 20px;
          width: 100%;
          margin: 0;
          padding: 0;
          -webkit-appearance: none;
          -moz-appearance: none;
          cursor: pointer;
          border: none;
          background: 0 0
      }

          .plyr input[type=range]::-webkit-slider-runnable-track {
              height: 8px;
              background: 0 0;
              border: 0;
              border-radius: 4px;
              -webkit-user-select: none;
              user-select: none
          }

          .plyr input[type=range]::-webkit-slider-thumb {
              -webkit-appearance: none;
              margin-top: -4px;
              position: relative;
              height: 16px;
              width: 16px;
              background: #fff;
              border: 2px solid transparent;
              border-radius: 100%;
              -webkit-transition: background .2s ease,border .2s ease,-webkit-transform .2s ease;
              transition: background .2s ease,border .2s ease,-webkit-transform .2s ease;
              transition: background .2s ease,border .2s ease,transform .2s ease;
              transition: background .2s ease,border .2s ease,transform .2s ease,-webkit-transform .2s ease;
              -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.15);
              box-shadow: 0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.15);
              -webkit-box-sizing: border-box;
              box-sizing: border-box
          }

          .plyr input[type=range]::-moz-range-track {
              height: 8px;
              background: 0 0;
              border: 0;
              border-radius: 4px;
              -moz-user-select: none;
              user-select: none
          }

          .plyr input[type=range]::-moz-range-thumb {
              position: relative;
              height: 16px;
              width: 16px;
              background: #fff;
              border: 2px solid transparent;
              border-radius: 100%;
              -webkit-transition: background .2s ease,border .2s ease,-webkit-transform .2s ease;
              transition: background .2s ease,border .2s ease,-webkit-transform .2s ease;
              transition: background .2s ease,border .2s ease,transform .2s ease;
              transition: background .2s ease,border .2s ease,transform .2s ease,-webkit-transform .2s ease;
              box-shadow: 0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.15);
              box-sizing: border-box
          }

          .plyr input[type=range]::-ms-track {
              height: 8px;
              background: 0 0;
              border: 0;
              color: transparent
          }

          .plyr input[type=range]::-ms-fill-upper {
              height: 8px;
              background: 0 0;
              border: 0;
              border-radius: 4px;
              -ms-user-select: none;
              user-select: none
          }

          .plyr input[type=range]::-ms-fill-lower {
              height: 8px;
              border: 0;
              border-radius: 4px;
              -ms-user-select: none;
              user-select: none;
              background: #3498db
          }

          .plyr input[type=range]::-ms-thumb {
              position: relative;
              height: 16px;
              width: 16px;
              background: #fff;
              border: 2px solid transparent;
              border-radius: 100%;
              -webkit-transition: background .2s ease,border .2s ease,-webkit-transform .2s ease;
              transition: background .2s ease,border .2s ease,-webkit-transform .2s ease;
              transition: background .2s ease,border .2s ease,transform .2s ease;
              transition: background .2s ease,border .2s ease,transform .2s ease,-webkit-transform .2s ease;
              box-shadow: 0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.15);
              box-sizing: border-box;
              margin-top: 0
          }

          .plyr input[type=range]::-ms-tooltip {
              display: none
          }

          .plyr input[type=range]:focus {
              outline: 0
          }

          .plyr input[type=range]::-moz-focus-outer {
              border: 0
          }

          .plyr input[type=range].tab-focus:focus {
              outline-offset: 3px
          }

          .plyr input[type=range]:active::-webkit-slider-thumb {
              background: #3498db;
              border-color: #fff;
              -webkit-transform: scale(1.25);
              transform: scale(1.25)
          }

          .plyr input[type=range]:active::-moz-range-thumb {
              background: #3498db;
              border-color: #fff;
              transform: scale(1.25)
          }

          .plyr input[type=range]:active::-ms-thumb {
              background: #3498db;
              border-color: #fff;
              transform: scale(1.25)
          }

.plyr--video input[type=range].tab-focus:focus {
  outline: rgba(255,255,255,.5) dotted 1px
}

.plyr--audio input[type=range].tab-focus:focus {
  outline: rgba(86,93,100,.5) dotted 1px
}

.plyr__sr-only {
  clip: rect(1px,1px,1px,1px);
  overflow: hidden;
  position: absolute !important;
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important
}

.plyr__video-wrapper {
  position: relative;
  background: #000;
  border-radius: inherit
}

.plyr__video-embed {
  padding-bottom: 56.25%;
  height: 0;
  border-radius: inherit;
  overflow: hidden;
  z-index: 0
}

  .plyr__video-embed iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none
  }

  .plyr__video-embed > div {
      position: relative;
      padding-bottom: 200%;
      -webkit-transform: translateY(-35.95%);
      transform: translateY(-35.95%)
  }

.plyr .plyr__video-embed iframe {
  pointer-events: none
}

.plyr video::-webkit-media-text-track-container {
  display: none
}

.plyr__captions {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  -webkit-transform: translateY(-40px);
  transform: translateY(-40px);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease,-webkit-transform .3s ease;
  color: #fff;
  text-align: center
}

  .plyr__captions span {
      border-radius: 2px;
      padding: 3px 10px;
      background: rgba(0,0,0,.7);
      -webkit-box-decoration-break: clone;
      box-decoration-break: clone;
      line-height: 150%
  }

      .plyr__captions span:empty {
          display: none
      }

@media (min-width:768px) {
  .plyr__captions {
      font-size: 24px
  }
}

.plyr--captions-active .plyr__captions {
  display: block
}

.plyr--hide-controls .plyr__captions {
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px)
}

@media (min-width:1024px) {
  .plyr--fullscreen-active .plyr__captions {
      font-size: 32px
  }
}

.plyr ::-webkit-media-controls {
  display: none
}

.plyr__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
  text-align: center;
  pointer-events: none
}

  .plyr__controls > * {
      pointer-events: all
  }

  .plyr__controls .plyr__progress, .plyr__controls .plyr__time, .plyr__controls > button {
      margin-left: 5px
  }

      .plyr__controls .plyr__progress:first-child, .plyr__controls .plyr__time:first-child, .plyr__controls > button:first-child {
          margin-left: 0
      }

  .plyr__controls .plyr__volume {
      margin-left: 5px
  }

  .plyr__controls [data-plyr=pause] {
      margin-left: 0
  }

  .plyr__controls button {
      position: relative;
      display: inline-block;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      overflow: visible;
      vertical-align: middle;
      padding: 7px;
      border: 0;
      background: 0 0;
      border-radius: 3px;
      cursor: pointer;
      -webkit-transition: background .3s ease,color .3s ease,opacity .3s ease;
      transition: background .3s ease,color .3s ease,opacity .3s ease;
      color: inherit
  }

      .plyr__controls button svg {
          width: 18px;
          height: 18px;
          display: block;
          fill: currentColor
      }

      .plyr__controls button:focus {
          outline: 0
      }

  .plyr__controls .icon--captions-on, .plyr__controls .icon--exit-fullscreen, .plyr__controls .icon--muted {
      display: none
  }

@media (min-width:480px) {
  .plyr__controls .plyr__progress, .plyr__controls .plyr__time, .plyr__controls > button {
      margin-left: 10px
  }
}

.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none
}

.plyr--video .plyr__controls {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 50px 10px 10px;
  background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.5)));
  background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  color: #fff;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

  .plyr--video .plyr__controls button.tab-focus:focus, .plyr--video .plyr__controls button:hover {
      background: #3498db;
      color: #fff
  }

.plyr--audio .plyr__controls {
  padding: 10px;
  border-radius: inherit;
  background: #fff;
  border: 1px solid #dbe3e8;
  color: #565d64
}

  .plyr--audio .plyr__controls button.tab-focus:focus, .plyr--audio .plyr__controls button:hover {
      background: #3498db;
      color: #fff
  }

.plyr__play-large {
  display: none;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  padding: 10px;
  background: #3498db;
  border: 4px solid currentColor;
  border-radius: 100%;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15);
  box-shadow: 0 1px 1px rgba(0,0,0,.15);
  color: #fff;
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

  .plyr__play-large svg {
      position: relative;
      left: 2px;
      width: 20px;
      height: 20px;
      display: block;
      fill: currentColor
  }

  .plyr__play-large:focus {
      outline: rgba(255,255,255,.5) dotted 1px
  }

.plyr .plyr__play-large {
  display: inline-block
}

.plyr--audio .plyr__play-large, .plyr--playing .plyr__controls [data-plyr=play], .plyr__controls [data-plyr=pause] {
  display: none
}

.plyr--playing .plyr__play-large {
  opacity: 0;
  visibility: hidden
}

.plyr--playing .plyr__controls [data-plyr=pause] {
  display: inline-block
}

.plyr--captions-active .plyr__controls .icon--captions-on, .plyr--fullscreen-active .icon--exit-fullscreen, .plyr--muted .plyr__controls .icon--muted {
  display: block
}

  .plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr--captions-active .plyr__controls .icon--captions-on + svg, .plyr--fullscreen-active .icon--exit-fullscreen + svg, .plyr--muted .plyr__controls .icon--muted + svg {
      display: none
  }

.plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen] {
  display: inline-block
}

.plyr__tooltip {
  position: absolute;
  z-index: 2;
  bottom: 100%;
  margin-bottom: 10px;
  padding: 5px 7.5px;
  pointer-events: none;
  opacity: 0;
  background: rgba(0,0,0,.7);
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  line-height: 1.3;
  -webkit-transform: translate(-50%,10px) scale(.8);
  transform: translate(-50%,10px) scale(.8);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition: opacity .2s .1s ease,-webkit-transform .2s .1s ease;
  transition: opacity .2s .1s ease,-webkit-transform .2s .1s ease;
  transition: transform .2s .1s ease,opacity .2s .1s ease;
  transition: transform .2s .1s ease,opacity .2s .1s ease,-webkit-transform .2s .1s ease
}

  .plyr__tooltip::before {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      bottom: -4px;
      border-right: 4px solid transparent;
      border-top: 4px solid rgba(0,0,0,.7);
      border-left: 4px solid transparent;
      z-index: 2
  }

.plyr button.tab-focus:focus .plyr__tooltip, .plyr button:hover .plyr__tooltip, .plyr__tooltip--visible {
  opacity: 1;
  -webkit-transform: translate(-50%,0) scale(1);
  transform: translate(-50%,0) scale(1)
}

.plyr button:hover .plyr__tooltip {
  z-index: 3
}

.plyr__controls button:first-child .plyr__tooltip {
  left: 0;
  -webkit-transform: translate(0,10px) scale(.8);
  transform: translate(0,10px) scale(.8);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%
}

  .plyr__controls button:first-child .plyr__tooltip::before {
      left: 16px
  }

.plyr__controls button:last-child .plyr__tooltip {
  right: 0;
  -webkit-transform: translate(0,10px) scale(.8);
  transform: translate(0,10px) scale(.8);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%
}

  .plyr__controls button:last-child .plyr__tooltip::before {
      left: auto;
      right: 16px;
      -webkit-transform: translateX(50%);
      transform: translateX(50%)
  }

.plyr__controls button:first-child .plyr__tooltip--visible, .plyr__controls button:first-child.tab-focus:focus .plyr__tooltip, .plyr__controls button:first-child:hover .plyr__tooltip, .plyr__controls button:last-child .plyr__tooltip--visible, .plyr__controls button:last-child.tab-focus:focus .plyr__tooltip, .plyr__controls button:last-child:hover .plyr__tooltip {
  -webkit-transform: translate(0,0) scale(1);
  transform: translate(0,0) scale(1)
}

.plyr__progress {
  position: relative;
  display: none;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

  .plyr__progress input[type=range] {
      position: relative;
      z-index: 2
  }

      .plyr__progress input[type=range]::-webkit-slider-runnable-track {
          background: 0 0
      }

      .plyr__progress input[type=range]::-moz-range-track {
          background: 0 0
      }

      .plyr__progress input[type=range]::-ms-fill-upper {
          background: 0 0
      }

  .plyr__progress .plyr__tooltip {
      left: 0
  }

.plyr .plyr__progress {
  display: inline-block
}

.plyr__progress--buffer, .plyr__progress--played, .plyr__volume--display {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 8px;
  margin: -4px 0 0;
  padding: 0;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  border-radius: 100px
}

  .plyr__progress--buffer::-webkit-progress-bar, .plyr__progress--played::-webkit-progress-bar, .plyr__volume--display::-webkit-progress-bar {
      background: 0 0
  }

  .plyr__progress--buffer::-webkit-progress-value, .plyr__progress--played::-webkit-progress-value, .plyr__volume--display::-webkit-progress-value {
      background: currentColor;
      border-radius: 100px;
      min-width: 8px
  }

  .plyr__progress--buffer::-moz-progress-bar, .plyr__progress--played::-moz-progress-bar, .plyr__volume--display::-moz-progress-bar {
      background: currentColor;
      border-radius: 100px;
      min-width: 8px
  }

  .plyr__progress--buffer::-ms-fill, .plyr__progress--played::-ms-fill, .plyr__volume--display::-ms-fill {
      border-radius: 100px
  }

.plyr__progress--played, .plyr__volume--display {
  z-index: 1;
  color: #3498db;
  background: 0 0;
  -webkit-transition: none;
  transition: none
}

  .plyr__progress--played::-webkit-progress-value, .plyr__volume--display::-webkit-progress-value {
      min-width: 8px;
      max-width: 99%;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      -webkit-transition: none;
      transition: none
  }

  .plyr__progress--played::-moz-progress-bar, .plyr__volume--display::-moz-progress-bar {
      min-width: 8px;
      max-width: 99%;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      -webkit-transition: none;
      transition: none
  }

  .plyr__progress--played::-ms-fill, .plyr__volume--display::-ms-fill {
      display: none
  }

.plyr__progress--buffer::-webkit-progress-value {
  -webkit-transition: width .2s ease;
  transition: width .2s ease
}

.plyr__progress--buffer::-moz-progress-bar {
  -webkit-transition: width .2s ease;
  transition: width .2s ease
}

.plyr__progress--buffer::-ms-fill {
  -webkit-transition: width .2s ease;
  transition: width .2s ease
}

.plyr--video .plyr__progress--buffer, .plyr--video .plyr__volume--display {
  background: rgba(255,255,255,.25)
}

.plyr--video .plyr__progress--buffer {
  color: rgba(255,255,255,.25)
}

.plyr--audio .plyr__progress--buffer, .plyr--audio .plyr__volume--display {
  background: rgba(198,214,219,.66)
}

.plyr--audio .plyr__progress--buffer {
  color: rgba(198,214,219,.66)
}

.plyr--loading .plyr__progress--buffer {
  -webkit-animation: plyr-progress 1s linear infinite;
  animation: plyr-progress 1s linear infinite;
  background-size: 25px 25px;
  background-repeat: repeat-x;
  background-image: linear-gradient(-45deg,rgba(0,0,0,.15) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.15) 50%,rgba(0,0,0,.15) 75%,transparent 75%,transparent);
  color: transparent
}

.plyr--video.plyr--loading .plyr__progress--buffer {
  background-color: rgba(255,255,255,.25)
}

.plyr--audio.plyr--loading .plyr__progress--buffer {
  background-color: rgba(198,214,219,.66)
}

.plyr__time {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px
}

  .plyr__time + .plyr__time {
      display: none
  }

@media (min-width:768px) {
  .plyr__time + .plyr__time {
      display: inline-block
  }
}

.plyr__time + .plyr__time::before {
  content: '\2044';
  margin-right: 10px
}

.unified360-sidenav [class*=unified360-hint--][aria-label]:after, [class*=hint--][aria-label]:after {
  content: attr(aria-label)
}

.plyr__volume {
  display: none
}

.plyr .plyr__volume {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative
}

  .plyr .plyr__volume input[type=range] {
      position: relative;
      z-index: 2
  }

@media (min-width:480px) {
  .plyr .plyr__volume {
      display: block;
      max-width: 60px
  }
}

.plyr--is-ios .plyr__volume, .plyr--is-ios [data-plyr=mute], [aria-label='']:after, [aria-label='']:before, [data-hint='']:after, [data-hint='']:before {
  display: none !important
}

@media (min-width:768px) {
  .plyr .plyr__volume {
      max-width: 100px
  }
}

.plyr--fullscreen-active {
  height: 100%;
  width: 100%;
  background: #000;
  border-radius: 0 !important
}

  .plyr--fullscreen-active video {
      height: 100%
  }

  .plyr--fullscreen-active .plyr__video-wrapper {
      height: 100%;
      width: 100%
  }

  .plyr--fullscreen-active .plyr__video-embed {
      overflow: visible
  }

  .plyr--fullscreen-active.plyr--vimeo .plyr__video-wrapper {
      height: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%)
  }

.plyr--fullscreen-fallback.plyr--fullscreen-active {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000000
}

.CodeMirror .cm-liquid {
  color: #000;
  background-color: #EEE;
  background-color: rgba(200,200,200,.5)
}

.cm-liquid.CodeMirror-searching {
  background: #FFA;
  background: rgba(255,255,0,.4)
}

.CodeMirror .cm-liquid-atom {
  color: #A0B
}

.CodeMirror .cm-liquid-string {
  color: #281
}

.CodeMirror .cm-liquid-markup-delimiter {
  color: #555
}

.CodeMirror .cm-liquid-filter, .CodeMirror .cm-liquid-method, .CodeMirror .cm-liquid-tag-attribute-name, .CodeMirror .cm-liquid-tag-cycle-name {
  font-style: italic
}
/*! Hint.css - v2.6.0 - 2019-04-27
* http://kushagragour.in/lab/hint/
* Copyright (c) 2019 Kushagra Gour */

[class*=hint--] {
  position: relative;
  display: inline-block
}

  [class*=hint--]:after, [class*=hint--]:before {
      position: absolute;
      -webkit-transform: translate3d(0,0,0);
      -moz-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
      visibility: hidden;
      opacity: 0;
      z-index: 1000000;
      pointer-events: none;
      -webkit-transition: .3s ease;
      -moz-transition: .3s ease;
      transition: .3s ease;
      -webkit-transition-delay: 0s;
      -moz-transition-delay: 0s;
      transition-delay: 0s
  }

  [class*=hint--]:hover:after, [class*=hint--]:hover:before {
      visibility: visible;
      opacity: 1;
      -webkit-transition-delay: .1s;
      -moz-transition-delay: .1s;
      transition-delay: .1s
  }

  [class*=hint--]:before {
      content: '';
      position: absolute;
      background: 0 0;
      border: 6px solid transparent;
      z-index: 1000001
  }

  [class*=hint--]:after {
      background: #383838;
      color: #fff;
      padding: 8px 10px;
      font-size: 12px;
      font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
      line-height: 12px;
      white-space: nowrap;
      text-shadow: 0 -1px 0 #000;
      box-shadow: 4px 4px 8px rgba(0,0,0,.3)
  }

  [class*=hint--][data-hint]:after {
      content: attr(data-hint)
  }

.hint--top-left:before, .hint--top-right:before, .hint--top:before {
  border-top-color: #383838
}

.hint--bottom-left:before, .hint--bottom-right:before, .hint--bottom:before {
  border-bottom-color: #383838
}

.hint--top:after, .hint--top:before {
  bottom: 100%;
  left: 50%
}

.hint--top:before {
  margin-bottom: -11px;
  left: calc(50% - 6px)
}

.hint--top:after {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%)
}

.hint--top:hover:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px)
}

.hint--top:hover:after {
  -webkit-transform: translateX(-50%) translateY(-8px);
  -moz-transform: translateX(-50%) translateY(-8px);
  transform: translateX(-50%) translateY(-8px)
}

.hint--bottom:after, .hint--bottom:before {
  top: 100%;
  left: 50%
}

.hint--bottom:before {
  margin-top: -11px;
  left: calc(50% - 6px)
}

.hint--bottom:after {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%)
}

.hint--bottom:hover:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px)
}

.hint--bottom:hover:after {
  -webkit-transform: translateX(-50%) translateY(8px);
  -moz-transform: translateX(-50%) translateY(8px);
  transform: translateX(-50%) translateY(8px)
}

.hint--right:before {
  border-right-color: #383838;
  margin-left: -11px;
  margin-bottom: -6px
}

.hint--right:after {
  margin-bottom: -14px
}

.hint--right:after, .hint--right:before {
  left: 100%;
  bottom: 50%
}

.hint--right:hover:after, .hint--right:hover:before {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px)
}

.hint--left:before {
  border-left-color: #383838;
  margin-right: -11px;
  margin-bottom: -6px
}

.hint--left:after {
  margin-bottom: -14px
}

.hint--left:after, .hint--left:before {
  right: 100%;
  bottom: 50%
}

.hint--left:hover:after, .hint--left:hover:before {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px)
}

.hint--top-left:after, .hint--top-left:before {
  bottom: 100%;
  left: 50%
}

.hint--top-left:before {
  margin-bottom: -11px;
  left: calc(50% - 6px)
}

.hint--top-left:after {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  transform: translateX(-100%);
  margin-left: 12px
}

.hint--top-left:hover:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px)
}

.hint--top-left:hover:after {
  -webkit-transform: translateX(-100%) translateY(-8px);
  -moz-transform: translateX(-100%) translateY(-8px);
  transform: translateX(-100%) translateY(-8px)
}

.hint--top-right:after, .hint--top-right:before {
  bottom: 100%;
  left: 50%
}

.hint--top-right:before {
  margin-bottom: -11px;
  left: calc(50% - 6px)
}

.hint--top-right:after {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0);
  margin-left: -12px
}

.hint--top-right:hover:after, .hint--top-right:hover:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px)
}

.hint--bottom-left:after, .hint--bottom-left:before {
  top: 100%;
  left: 50%
}

.hint--bottom-left:before {
  margin-top: -11px;
  left: calc(50% - 6px)
}

.hint--bottom-left:after {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  transform: translateX(-100%);
  margin-left: 12px
}

.hint--bottom-left:hover:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px)
}

.hint--bottom-left:hover:after {
  -webkit-transform: translateX(-100%) translateY(8px);
  -moz-transform: translateX(-100%) translateY(8px);
  transform: translateX(-100%) translateY(8px)
}

.hint--bottom-right:after, .hint--bottom-right:before {
  top: 100%;
  left: 50%
}

.hint--bottom-right:before {
  margin-top: -11px;
  left: calc(50% - 6px)
}

.hint--bottom-right:after {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0);
  margin-left: -12px
}

.hint--bottom-right:hover:after, .hint--bottom-right:hover:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px)
}

.hint--large:after, .hint--medium:after, .hint--small:after {
  white-space: normal;
  line-height: 1.4em;
  word-wrap: break-word
}

.hint--medium:after {
  width: 150px
}

.hint--large:after {
  width: 300px
}

.hint--error:after {
  background-color: #b34e4d;
  text-shadow: 0 -1px 0 #592726
}

.hint--error.hint--top-left:before, .hint--error.hint--top-right:before, .hint--error.hint--top:before {
  border-top-color: #b34e4d
}

.hint--error.hint--bottom-left:before, .hint--error.hint--bottom-right:before, .hint--error.hint--bottom:before {
  border-bottom-color: #b34e4d
}

.hint--error.hint--left:before {
  border-left-color: #b34e4d
}

.hint--error.hint--right:before {
  border-right-color: #b34e4d
}

.hint--warning:after {
  background-color: #c09854;
  text-shadow: 0 -1px 0 #6c5328
}

.hint--warning.hint--top-left:before, .hint--warning.hint--top-right:before, .hint--warning.hint--top:before {
  border-top-color: #c09854
}

.hint--warning.hint--bottom-left:before, .hint--warning.hint--bottom-right:before, .hint--warning.hint--bottom:before {
  border-bottom-color: #c09854
}

.hint--warning.hint--left:before {
  border-left-color: #c09854
}

.hint--warning.hint--right:before {
  border-right-color: #c09854
}

.hint--info:after {
  background-color: #3986ac;
  text-shadow: 0 -1px 0 #1a3c4d
}

.hint--info.hint--top-left:before, .hint--info.hint--top-right:before, .hint--info.hint--top:before {
  border-top-color: #3986ac
}

.hint--info.hint--bottom-left:before, .hint--info.hint--bottom-right:before, .hint--info.hint--bottom:before {
  border-bottom-color: #3986ac
}

.hint--info.hint--left:before {
  border-left-color: #3986ac
}

.hint--info.hint--right:before {
  border-right-color: #3986ac
}

.hint--success:after {
  background-color: #458746;
  text-shadow: 0 -1px 0 #1a321a
}

.hint--success.hint--top-left:before, .hint--success.hint--top-right:before, .hint--success.hint--top:before {
  border-top-color: #458746
}

.hint--success.hint--bottom-left:before, .hint--success.hint--bottom-right:before, .hint--success.hint--bottom:before {
  border-bottom-color: #458746
}

.hint--success.hint--left:before {
  border-left-color: #458746
}

.hint--success.hint--right:before {
  border-right-color: #458746
}

.hint--always:after, .hint--always:before {
  opacity: 1;
  visibility: visible
}

.admin-content .fresh-table .list tbody > tr .row-action-btn, .visibility--hidden {
  visibility: hidden
}

.hint--always.hint--top:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px)
}

.hint--always.hint--top:after {
  -webkit-transform: translateX(-50%) translateY(-8px);
  -moz-transform: translateX(-50%) translateY(-8px);
  transform: translateX(-50%) translateY(-8px)
}

.hint--always.hint--top-left:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px)
}

.hint--always.hint--top-left:after {
  -webkit-transform: translateX(-100%) translateY(-8px);
  -moz-transform: translateX(-100%) translateY(-8px);
  transform: translateX(-100%) translateY(-8px)
}

.hint--always.hint--top-right:after, .hint--always.hint--top-right:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px)
}

.hint--always.hint--bottom:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px)
}

.hint--always.hint--bottom:after {
  -webkit-transform: translateX(-50%) translateY(8px);
  -moz-transform: translateX(-50%) translateY(8px);
  transform: translateX(-50%) translateY(8px)
}

.hint--always.hint--bottom-left:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px)
}

.hint--always.hint--bottom-left:after {
  -webkit-transform: translateX(-100%) translateY(8px);
  -moz-transform: translateX(-100%) translateY(8px);
  transform: translateX(-100%) translateY(8px)
}

.hint--always.hint--bottom-right:after, .hint--always.hint--bottom-right:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px)
}

.hint--always.hint--left:after, .hint--always.hint--left:before {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px)
}

.hint--always.hint--right:after, .hint--always.hint--right:before {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px)
}

.hint--rounded:after {
  border-radius: 4px
}

.hint--no-animate:after, .hint--no-animate:before {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  transition-duration: 0s
}

.hint--bounce:after, .hint--bounce:before {
  -webkit-transition: opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24);
  -moz-transition: opacity .3s ease,visibility .3s ease,-moz-transform .3s cubic-bezier(.71,1.7,.77,1.24);
  transition: opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24)
}

.hint--no-shadow:after, .hint--no-shadow:before {
  text-shadow: initial;
  box-shadow: initial
}

.attachment::after {
  content: "";
  display: table;
  clear: both
}

.page-sidebar .sidebar__title {
  font-weight: 500
}

.text__content, .text__link-heading {
  word-break: break-word;
  -ms-word-wrap: break-word;
  word-wrap: break-word
}

.app-dropdown__item, .attachment__item-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.text--antialias, .text__infotext {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.app-dropdown, .card__media--play-btn, .dropdown-menu, .dropdown-normal {
  box-shadow: 0 2px 18px 0 rgba(18,52,77,.16),0 2px 4px 0 rgba(18,52,77,.06)
}

.admin-content__section .light-table {
  box-shadow: 0 2px 4px 0 rgba(18,52,77,.06)
}

.title-small {
  font-size: 14px
}

.title-normal {
  font-size: 16px
}

.title-large {
  font-size: 20px
}

.link {
  color: #2c5cc5
}

.list-none {
  list-style: none
}

.muted {
  color: #6f7c87
}

.link-on-hover {
  color: inherit
}

  .link-on-hover:hover {
      color: #2c5cc5
  }

.link-no-underline:focus, .link-no-underline:hover {
  text-decoration: none
}

.inactive {
  color: #acb6be
}

.icon-size-small {
  font-size: 14px;
  color: #999
}

.icon-size-normal {
  font-size: 16px;
  color: #999
}

.icon-size-large {
  font-size: 20px;
  color: #999
}

.icon-color-dark {
  color: #183247
}

.icon-color-primary {
  color: #2c5cc5
}

.app-notification {
  background-color: #f7f5e9
}

.overflow-visible {
  overflow: visible
}

.cursor-pointer {
  cursor: pointer
}

.cursor-disabled {
  cursor: not-allowed
}

.cursor-auto {
  cursor: auto
}

.disable-section {
  pointer-events: none;
  cursor: not-allowed;
  opacity: .2
}

.box-shadow-light {
  box-shadow: 0 2px 6px 0 rgba(22,29,37,.05)
}

.background-none {
  background: 0 0
}

.background-white {
  background-color: #fff
}

.background-app-link {
  background: #2c5cc5
}

.background--grey {
  background: #f5f7f9
}

.border {
  border: 1px solid #cfd7df
}

.border-xsmall {
  border: .5px solid #cfd7df
}

.border-none {
  border: 0
}

.border-left {
  border-left: 1px #cfd7df solid
}

.border-right {
  border-right: 1px #cfd7df solid
}

.border-top {
  border-top: 1px #cfd7df solid
}

.border-bottom {
  border-bottom: 1px #cfd7df solid
}

.border-all--none, .bs-dropdown.basic-dropdown-content {
  border: none
}

.border-left--none {
  border-left: none
}

.border-right--none {
  border-right: none
}

.border-top--none {
  border-top: none
}

.border-bottom--none {
  border-bottom: none
}

.border--active {
  border: 1px solid #2c5cc5
}

.border-secondary--top {
  border-top: 1px #ebeff3 solid
}

.border-secondary--bottom {
  border-bottom: 1px #ebeff3 solid
}

.border-secondary {
  border: 1px solid #ebeff3
}

.border-divider--bottom {
  border-bottom: 1px #ebeff3 solid
}

.border-divider--top {
  border-top: 1px #ebeff3 solid
}

.border-radius--xsmall {
  border-radius: 2px
}

.border-radius--medium {
  border-radius: 4px
}

.border-radius--medium--top {
  border-radius: 4px 4px 0 0
}

.border-radius--medium--bottom {
  border-radius: 0 0 4px 4px
}

.border-radius--large {
  border-radius: 6px
}

.border-radius--xlarge {
  border-radius: 8px
}

.border-radius--xlarge-1 {
  border-radius: 10px
}

.border-radius--xxlarge {
  border-radius: 12px
}

.border-radius--xxxlarge {
  border-radius: 14px
}

.border-radius--circle {
  border-radius: 50%
}

.center {
  margin: 0 auto
}

.white-bg {
  background-color: #fff
}

.primary-bg {
  background-color: #2c5cc5
}

.code--light, .secondary-bg {
  background-color: #f5f7f9
}

.success-background {
  background-color: #e0f5f1
}

.warning-bg {
  background-color: #fef1e1
}

.transparent-bg {
  background-color: transparent
}

.overlay-btn-bg {
  background: #f5f7f9
}

.element-up {
  position: relative;
  z-index: 1
}

.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.white-space--normal {
  white-space: normal
}

.overflow--scroll {
  overflow: scroll
}

.overflow--auto {
  overflow: auto
}

.overflow--visible {
  overflow: visible
}

.overflow--y-auto {
  overflow-y: auto
}

.overflow--hidden {
  overflow: hidden
}

.float-right {
  float: right
}

.float-left {
  float: left
}

.clear-both {
  clear: both
}

.m0 {
  margin: 0
}

.p0 {
  padding: 0
}

.max-height {
  height: 100%
}

.max-width {
  width: 100%
}

.width--80 {
  width: 80%
}

.width--90 {
  width: 90%
}

.width-auto {
  width: auto
}

.width__fit-content {
  width: fit-content
}

.width__max-content {
  width: max-content
}

.height-auto {
  height: auto
}

.row-eq-height {
  display: table;
  height: 100%;
  width: 100%;
  border-spacing: 10px
}

.row-eq-height__left {
  margin-right: 10px;
  padding-bottom: 20px
}

.row-eq-height__left, .row-eq-height__right {
  display: table-cell;
  box-shadow: 0 1px 0 0 #d3dbda;
  float: none;
  vertical-align: top;
  height: 100%
}

.ma-0 {
  margin: 0
}

.ma-1 {
  margin: 1px
}

.ma-2 {
  margin: 2px
}

.ma-3 {
  margin: 3px
}

.ma-4 {
  margin: 4px
}

.ma-5 {
  margin: 5px
}

.ma-6 {
  margin: 6px
}

.ma-7 {
  margin: 7px
}

.ma-8 {
  margin: 8px
}

.ma-9 {
  margin: 9px
}

.ma-10 {
  margin: 10px
}

.ma-11 {
  margin: 11px
}

.ma-12 {
  margin: 12px
}

.ma-13 {
  margin: 13px
}

.ma-14 {
  margin: 14px
}

.ma-15 {
  margin: 15px
}

.ma-16 {
  margin: 16px
}

.ma-17 {
  margin: 17px
}

.ma-18 {
  margin: 18px
}

.ma-19 {
  margin: 19px
}

.ma-20 {
  margin: 20px
}

.ma--auto {
  margin: auto
}

.ml-0 {
  margin-left: 0
}

.ml-1 {
  margin-left: 1px
}

.ml-2 {
  margin-left: 2px
}

.ml-3 {
  margin-left: 3px
}

.ml-4 {
  margin-left: 4px
}

.ml-5 {
  margin-left: 5px
}

.ml-6 {
  margin-left: 6px
}

.ml-7 {
  margin-left: 7px
}

.ml-8 {
  margin-left: 8px
}

.ml-9 {
  margin-left: 9px
}

.ml-10 {
  margin-left: 10px
}

.ml-11 {
  margin-left: 11px
}

.ml-12 {
  margin-left: 12px
}

.ml-13 {
  margin-left: 13px
}

.ml-14 {
  margin-left: 14px
}

.ml-15 {
  margin-left: 15px
}

.ml-16 {
  margin-left: 16px
}

.ml-17 {
  margin-left: 17px
}

.ml-18 {
  margin-left: 18px
}

.ml-19 {
  margin-left: 19px
}

.ml-20 {
  margin-left: 20px
}

.ml--auto {
  margin-left: auto
}

.mr-0 {
  margin-right: 0
}

.mr-1 {
  margin-right: 1px
}

.mr-2 {
  margin-right: 2px
}

.mr-3 {
  margin-right: 3px
}

.mr-4 {
  margin-right: 4px
}

.mr-5 {
  margin-right: 5px
}

.mr-6 {
  margin-right: 6px
}

.mr-7 {
  margin-right: 7px
}

.mr-8 {
  margin-right: 8px
}

.mr-9 {
  margin-right: 9px
}

.mr-10 {
  margin-right: 10px
}

.mr-11 {
  margin-right: 11px
}

.mr-12 {
  margin-right: 12px
}

.mr-13 {
  margin-right: 13px
}

.mr-14 {
  margin-right: 14px
}

.mr-15 {
  margin-right: 15px
}

.mr-16 {
  margin-right: 16px
}

.mr-17 {
  margin-right: 17px
}

.mr-18 {
  margin-right: 18px
}

.mr-19 {
  margin-right: 19px
}

.mr-20 {
  margin-right: 20px
}

.mr--auto {
  margin-right: auto
}

.mx-0 {
  margin-left: 0;
  margin-right: 0
}

.mx-4 {
  margin-left: 4px;
  margin-right: 4px
}

.mx-8 {
  margin-left: 8px;
  margin-right: 8px
}

.mx-12 {
  margin-left: 12px;
  margin-right: 12px
}

.mx-16 {
  margin-left: 16px;
  margin-right: 16px
}

.mx-20 {
  margin-left: 20px;
  margin-right: 20px
}

.mx-24 {
  margin-left: 24px;
  margin-right: 24px
}

.mx-28 {
  margin-left: 28px;
  margin-right: 28px
}

.mx-32 {
  margin-left: 32px;
  margin-right: 32px
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0
}

.my-4 {
  margin-top: 4px;
  margin-bottom: 4px
}

.my-8 {
  margin-top: 8px;
  margin-bottom: 8px
}

.my-12 {
  margin-top: 12px;
  margin-bottom: 12px
}

.my-16 {
  margin-top: 16px;
  margin-bottom: 16px
}

.my-20 {
  margin-top: 20px;
  margin-bottom: 20px
}

.my-24 {
  margin-top: 24px;
  margin-bottom: 24px
}

.my-28 {
  margin-top: 28px;
  margin-bottom: 28px
}

.invite-collaborator-input-header.for-email, .my-32 {
  margin-top: 32px
}

.my-32 {
  margin-bottom: 32px
}

.pa-0 {
  padding: 0
}

.pa-1 {
  padding: 1px
}

.pa-2 {
  padding: 2px
}

.pa-3 {
  padding: 3px
}

.pa-4 {
  padding: 4px
}

.pa-5 {
  padding: 5px
}

.pa-6 {
  padding: 6px
}

.pa-7 {
  padding: 7px
}

.pa-8 {
  padding: 8px
}

.pa-9 {
  padding: 9px
}

.pa-10 {
  padding: 10px
}

.pa-11 {
  padding: 11px
}

.pa-12 {
  padding: 12px
}

.pa-13 {
  padding: 13px
}

.pa-14 {
  padding: 14px
}

.pa-15 {
  padding: 15px
}

.pa-16 {
  padding: 16px
}

.pa-17 {
  padding: 17px
}

.pa-18 {
  padding: 18px
}

.pa-19 {
  padding: 19px
}

.pa-20 {
  padding: 20px
}

.pl-0 {
  padding-left: 0
}

.pl-1 {
  padding-left: 1px
}

.pl-2 {
  padding-left: 2px
}

.pl-3 {
  padding-left: 3px
}

.pl-4 {
  padding-left: 4px
}

.pl-5 {
  padding-left: 5px
}

.pl-6 {
  padding-left: 6px
}

.pl-7 {
  padding-left: 7px
}

.pl-8 {
  padding-left: 8px
}

.pl-9 {
  padding-left: 9px
}

.pl-10 {
  padding-left: 10px
}

.pl-11 {
  padding-left: 11px
}

.pl-12 {
  padding-left: 12px
}

.pl-13 {
  padding-left: 13px
}

.pl-14 {
  padding-left: 14px
}

.pl-15 {
  padding-left: 15px
}

.pl-16 {
  padding-left: 16px
}

.pl-17 {
  padding-left: 17px
}

.pl-18 {
  padding-left: 18px
}

.pl-19 {
  padding-left: 19px
}

.pl-20 {
  padding-left: 20px
}

.pl-21 {
  padding-left: 21px
}

.pl-22 {
  padding-left: 22px
}

.pl-23 {
  padding-left: 23px
}

.pl-24 {
  padding-left: 24px
}

.pr-0 {
  padding-right: 0
}

.pr-1 {
  padding-right: 1px
}

.pr-2 {
  padding-right: 2px
}

.pr-3 {
  padding-right: 3px
}

.pr-4 {
  padding-right: 4px
}

.pr-5 {
  padding-right: 5px
}

.pr-6 {
  padding-right: 6px
}

.pr-7 {
  padding-right: 7px
}

.pr-8 {
  padding-right: 8px
}

.pr-9 {
  padding-right: 9px
}

.pr-10, .sidebar-present .page-content {
  padding-right: 10px
}

.pr-11 {
  padding-right: 11px
}

.pr-12 {
  padding-right: 12px
}

.pr-13 {
  padding-right: 13px
}

.pr-14 {
  padding-right: 14px
}

.pr-15 {
  padding-right: 15px
}

.pr-16 {
  padding-right: 16px
}

.pr-17 {
  padding-right: 17px
}

.pr-18 {
  padding-right: 18px
}

.pr-19 {
  padding-right: 19px
}

.pr-20 {
  padding-right: 20px
}

.pt-0 {
  padding-top: 0
}

.pt-1 {
  padding-top: 1px
}

.pt-2 {
  padding-top: 2px
}

.pt-3 {
  padding-top: 3px
}

.pt-4 {
  padding-top: 4px
}

.pt-5 {
  padding-top: 5px
}

.pt-6 {
  padding-top: 6px
}

.pt-7 {
  padding-top: 7px
}

.pt-8 {
  padding-top: 8px
}

.pt-9 {
  padding-top: 9px
}

.pt-10 {
  padding-top: 10px
}

.pt-11 {
  padding-top: 11px
}

.pt-12 {
  padding-top: 12px
}

.pt-13 {
  padding-top: 13px
}

.pt-14 {
  padding-top: 14px
}

.pt-15 {
  padding-top: 15px
}

.pt-16 {
  padding-top: 16px
}

.pt-17 {
  padding-top: 17px
}

.pt-18 {
  padding-top: 18px
}

.pt-19 {
  padding-top: 19px
}

.pt-20 {
  padding-top: 20px
}

.px-0 {
  padding-left: 0;
  padding-right: 0
}

.px-4 {
  padding-left: 4px;
  padding-right: 4px
}

.px-8 {
  padding-left: 8px;
  padding-right: 8px
}

.px-12 {
  padding-left: 12px;
  padding-right: 12px
}

.px-16 {
  padding-left: 16px;
  padding-right: 16px
}

.px-20 {
  padding-left: 20px;
  padding-right: 20px
}

.px-24 {
  padding-left: 24px;
  padding-right: 24px
}

.px-28 {
  padding-left: 28px;
  padding-right: 28px
}

.px-32 {
  padding-left: 32px;
  padding-right: 32px
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0
}

.py-4 {
  padding-top: 4px;
  padding-bottom: 4px
}

.py-8 {
  padding-top: 8px;
  padding-bottom: 8px
}

.py-12 {
  padding-top: 12px;
  padding-bottom: 12px
}

.py-16 {
  padding-top: 16px;
  padding-bottom: 16px
}

.py-20 {
  padding-top: 20px;
  padding-bottom: 20px
}

.py-24 {
  padding-top: 24px;
  padding-bottom: 24px
}

.py-28 {
  padding-top: 28px;
  padding-bottom: 28px
}

.py-32 {
  padding-top: 32px;
  padding-bottom: 32px
}

.mt-0 {
  margin-top: 0
}

.mt-1 {
  margin-top: 1px
}

.mt-2 {
  margin-top: 2px
}

.mt-3 {
  margin-top: 3px
}

.mt-4 {
  margin-top: 4px
}

.mt-5 {
  margin-top: 5px
}

.mt-6 {
  margin-top: 6px
}

.mt-7 {
  margin-top: 7px
}

.mt-8 {
  margin-top: 8px
}

.mt-9 {
  margin-top: 9px
}

.mt-10 {
  margin-top: 10px
}

.mt-11 {
  margin-top: 11px
}

.mt-12 {
  margin-top: 12px
}

.mt-13 {
  margin-top: 13px
}

.mt-14 {
  margin-top: 14px
}

.mt-15 {
  margin-top: 15px
}

.mt-16 {
  margin-top: 16px
}

.mt-17 {
  margin-top: 17px
}

.mt-18 {
  margin-top: 18px
}

.mt-19 {
  margin-top: 19px
}

.mt-20 {
  margin-top: 20px
}

.pb-0 {
  padding-bottom: 0
}

.pb-1 {
  padding-bottom: 1px
}

.pb-2 {
  padding-bottom: 2px
}

.pb-3 {
  padding-bottom: 3px
}

.pb-4 {
  padding-bottom: 4px
}

.pb-5 {
  padding-bottom: 5px
}

.pb-6 {
  padding-bottom: 6px
}

.pb-7 {
  padding-bottom: 7px
}

.pb-8 {
  padding-bottom: 8px
}

.pb-9 {
  padding-bottom: 9px
}

.pb-10 {
  padding-bottom: 10px
}

.pb-11 {
  padding-bottom: 11px
}

.pb-12 {
  padding-bottom: 12px
}

.pb-13 {
  padding-bottom: 13px
}

.pb-14 {
  padding-bottom: 14px
}

.pb-15 {
  padding-bottom: 15px
}

.pb-16 {
  padding-bottom: 16px
}

.pb-17 {
  padding-bottom: 17px
}

.pb-18 {
  padding-bottom: 18px
}

.pb-19 {
  padding-bottom: 19px
}

.pb-20 {
  padding-bottom: 20px
}

.mb-0 {
  margin-bottom: 0
}

.mb-1 {
  margin-bottom: 1px
}

.mb-2 {
  margin-bottom: 2px
}

.mb-3 {
  margin-bottom: 3px
}

.mb-4 {
  margin-bottom: 4px
}

.mb-5 {
  margin-bottom: 5px
}

.mb-6 {
  margin-bottom: 6px
}

.mb-7 {
  margin-bottom: 7px
}

.mb-8 {
  margin-bottom: 8px
}

.mb-9 {
  margin-bottom: 9px
}

.mb-10 {
  margin-bottom: 10px
}

.mb-11 {
  margin-bottom: 11px
}

.mb-12 {
  margin-bottom: 12px
}

.mb-13 {
  margin-bottom: 13px
}

.mb-14 {
  margin-bottom: 14px
}

.mb-15 {
  margin-bottom: 15px
}

.mb-16 {
  margin-bottom: 16px
}

.mb-17 {
  margin-bottom: 17px
}

.mb-18 {
  margin-bottom: 18px
}

.mb-19 {
  margin-bottom: 19px
}

.mb-20 {
  margin-bottom: 20px
}

.top-0 {
  top: 0
}

.top-1 {
  top: 1px
}

.top-2 {
  top: 2px
}

.top-3 {
  top: 3px
}

.top-4 {
  top: 4px
}

.top-5 {
  top: 5px
}

.top-6 {
  top: 6px
}

.top-7 {
  top: 7px
}

.top-8 {
  top: 8px
}

.top-9 {
  top: 9px
}

.top-10 {
  top: 10px
}

.top-11 {
  top: 11px
}

.top-12 {
  top: 12px
}

.top-13 {
  top: 13px
}

.top-14 {
  top: 14px
}

.collab-container .thread-message__content__data .attachment-thumb .itemholder .action, .top-15 {
  top: 15px
}

.top-16 {
  top: 16px
}

.top-17 {
  top: 17px
}

.top-18 {
  top: 18px
}

.top-19 {
  top: 19px
}

.top-20 {
  top: 20px
}

.bottom-0 {
  bottom: 0
}

.bottom-1 {
  bottom: 1px
}

.bottom-2 {
  bottom: 2px
}

.bottom-3 {
  bottom: 3px
}

.bottom-4 {
  bottom: 4px
}

.bottom-5 {
  bottom: 5px
}

.bottom-6 {
  bottom: 6px
}

.bottom-7 {
  bottom: 7px
}

.bottom-8 {
  bottom: 8px
}

.bottom-9 {
  bottom: 9px
}

.bottom-10 {
  bottom: 10px
}

.bottom-11 {
  bottom: 11px
}

.bottom-12 {
  bottom: 12px
}

.bottom-13 {
  bottom: 13px
}

.bottom-14 {
  bottom: 14px
}

.bottom-15 {
  bottom: 15px
}

.bottom-16 {
  bottom: 16px
}

.bottom-17 {
  bottom: 17px
}

.bottom-18 {
  bottom: 18px
}

.bottom-19 {
  bottom: 19px
}

.bottom-20 {
  bottom: 20px
}

.right-0 {
  right: 0
}

.right-1 {
  right: 1px
}

.right-2 {
  right: 2px
}

.right-3 {
  right: 3px
}

.right-4 {
  right: 4px
}

.right-5 {
  right: 5px
}

.right-6 {
  right: 6px
}

.right-7 {
  right: 7px
}

.right-8 {
  right: 8px
}

.right-9 {
  right: 9px
}

.right-10 {
  right: 10px
}

.right-11 {
  right: 11px
}

.right-12 {
  right: 12px
}

.right-13 {
  right: 13px
}

.right-14 {
  right: 14px
}

.right-15 {
  right: 15px
}

.right-16 {
  right: 16px
}

.right-17 {
  right: 17px
}

.right-18 {
  right: 18px
}

.right-19 {
  right: 19px
}

.right-20 {
  right: 20px
}

.left-0 {
  left: 0
}

.left-1 {
  left: 1px
}

.left-2 {
  left: 2px
}

.left-3 {
  left: 3px
}

.left-4 {
  left: 4px
}

.left-5 {
  left: 5px
}

.left-6 {
  left: 6px
}

.zIndex-0 {
  z-index: 0
}

.zIndex-1 {
  z-index: 1
}

.zIndex-2 {
  z-index: 2
}

.collab-sidebar .collaborators-tab .members-tab-avatar-wrapper:nth-child(1), .zIndex-3 {
  z-index: 3
}

.zIndex-4 {
  z-index: 4
}

.zIndex-5 {
  z-index: 5
}

.zIndex-6 {
  z-index: 6
}

.zIndex-7 {
  z-index: 7
}

.zIndex-8 {
  z-index: 8
}

.zIndex-9 {
  z-index: 9
}

.zIndex-10 {
  z-index: 10
}

.zIndex-11 {
  z-index: 11
}

.zIndex-12 {
  z-index: 12
}

.zIndex-13 {
  z-index: 13
}

.zIndex-14 {
  z-index: 14
}

.zIndex-15 {
  z-index: 15
}

.zIndex-16 {
  z-index: 16
}

.zIndex-17 {
  z-index: 17
}

.zIndex-18 {
  z-index: 18
}

.zIndex-19 {
  z-index: 19
}

.zIndex-20 {
  z-index: 20
}

svg {
  max-height: 100%
}

.new-article-plus-icon {
  position: absolute;
  fill: #fff;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  margin-top: 1px
}

.new-article-button {
  margin-left: 10px
}

.app-icon {
  fill: #12344d
}

.app-icon--link {
  cursor: pointer;
  fill: #2c5cc5
}

  .app-icon--hover:hover, .app-icon--link:hover {
      fill: #081824
  }

.app-icon--disablehover {
  pointer-events: none
}

.app-icon--topalign {
  position: relative;
  top: 2px
}

.app-icon--bottomalign {
  position: relative;
  bottom: 2px
}

.app-icon--leftalign {
  position: relative;
  left: 2px
}

.app-icon--micro {
  width: 4px;
  height: 4px;
  fill: #6f7c87;
  margin: 1px 2px
}

.app-icon--mini {
  width: 7px;
  height: 7px
}

.app-icon--verysmall {
  width: 9px;
  height: 9px
}

.app-icon--verysmallsecondary {
  width: 12px;
  height: 12px
}

.app-icon--regular {
  width: 14px;
  height: 14px
}

.app-icon--small {
  width: 13px;
  fill: #12344d;
  height: 13px
}

.app-icon--smallsecondary {
  width: 15px;
  height: 15px
}

.app-icon--regularsecondary {
  width: 16px;
  height: 16px
}

.app-icon--normal {
  width: 18px;
  height: 18px;
  fill: #12344d
}

.app-icon--medium, .app-icon--mediumsecondary {
  width: 20px;
  height: 20px
}

.app-icon--medium {
  fill: #12344d
}

.app-icon--large {
  width: 22px;
  height: 22px;
  fill: #12344d
}

.app-icon--largesecondary {
  width: 24px;
  height: 24px
}

.app-icon--xlarge {
  width: 28px;
  height: 28px
}

.app-icon--xxlarge {
  width: 32px;
  height: 32px
}

.app-icon--xx-large-secondary {
  width: 36px;
  height: 36px
}

.app-icon--xxxlarge {
  width: 40px;
  height: 40px
}

.app-icon--dark {
  fill: #183247
}

.app-icon--dark-blue {
  fill: #12344d
}

.app-icon--primary-color {
  fill: #2c5cc5
}

.app-icon--muted-secondary {
  fill: #acb6be
}

.app-icon--warning {
  fill: #d7461f
}

.app-icon--editor, .collab-container .collab-icon--editor svg {
  fill: #5a6670
}

.app-icon--orange {
  fill: #ffb50f
}

.app-icon--grey {
  fill: #b6c0bd
}

.app-icon--light-grey {
  fill: #ebeff3
}

.app-icon--dark-grey {
  fill: #647a8e
}

.app-icon--red {
  fill: #d72d30
}

.app-icon--muted {
  fill: #acb6be
}

.app-icon--muted-grey {
  fill: #475867
}

.app-icon--green {
  fill: #28bd8b
}

.app-icon--dark-green {
  fill: #007958
}

.app-icon--error {
  fill: #e02000
}

.app-icon--blue {
  fill: #4ca2ff
}

.app-icon--midnight-blue {
  fill: #264966
}

.app-icon--white {
  fill: #fff
}

.app-icon--yellow {
  fill: #ffd012
}

.app-icon--violet {
  fill: #8c6ea9
}

.app-icon--muted-black {
  fill: #92a2b1
}

.app-icon--nucleus-grey {
  fill: #cfd7df
}

.app-icon--transparent {
  fill: transparent
}

.app-icon--applink {
  fill: #2c5cc5
}

.app-icon--link-dark-blue {
  fill: #264966
}

.app-icon--collab {
  fill: #6f7c87
}

.app-icon--info {
  fill: #2c5cc5
}

.app-icon--fillbg {
  border-radius: 50%;
  padding: 4px
}

  .app-icon--fillbg:hover {
      background-color: #ebeff3
  }

.app-icon--lighthover {
  fill: #6f6f6f
}

  .app-icon--lighthover:hover {
      fill: #183247
  }

.app-icon--image-annotate {
  display: block;
  width: 18px;
  height: 18px;
  fill: #222;
  margin: 0 auto
}

.app-icon-btnsize {
  width: 14px;
  height: 14px
}

.app-icon-attachment {
  position: absolute;
  left: 9px;
  bottom: 12px;
  z-index: 5;
  width: 16px;
  cursor: pointer
}

  .app-icon-attachment:hover {
      fill: #081824
  }

.app-icon-fileupload {
  position: absolute;
  bottom: 9px;
  width: 26px;
  z-index: 5;
  left: 5px;
  height: 23px;
  overflow: hidden;
  opacity: 0
}

.app-icon--private {
  background-color: #ff9d00;
  padding: 0 4px;
  border-radius: 50%;
  font-size: 13px
}

  .app-icon--private .app-icon {
      margin-bottom: 1px;
      margin-left: -1px;
      padding-left: 1px
  }

.survey-icon {
  margin-top: -3px
}

.nav-icon {
  width: 20px;
  height: 20px;
  fill: #cacbcc
}

.whatsapp-icon {
  fill: #128c7e
}

.error-block {
  background-color: #ffd2d3;
  color: #d72d30;
  font-size: 12px;
  padding: 5px 10px
}

.error-block--replysection {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  position: relative
}

  .error-block--replysection .app-icon {
      vertical-align: baseline
  }

.wordbreak-fix {
  word-break: break-word;
  -ms-word-wrap: break-word;
  word-wrap: break-word
}

.min-width__fit-content {
  min-width: fit-content
}

.min-width-0 {
  min-width: 0
}

.icon-detail-right-wrapper {
  border-left: 0;
  border-radius: 0 2px 2px 0
}

.dot-separator {
  margin: 0 5px
}

.line-separator {
  padding: 0 2px
}

.h-18 {
  height: 18px
}

.h-16 {
  height: 16px
}

.vertical-align {
  vertical-align: middle
}

.vertical-align--bottom {
  vertical-align: bottom
}

.vertical-align--top {
  vertical-align: top
}

.vertical-align--baseline {
  vertical-align: baseline
}

.align-encrypted-icon, .attachment__excluded .text .error-text, .vertical-align--text-bottom {
  vertical-align: text-bottom
}

.flip {
  transform: rotate(180deg)
}

[class*=hint--]::after {
  padding: 6px 10px;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  border-radius: 2px;
  font-weight: 400;
  color: #fff
}

input[type=text]::-ms-clear {
  display: none
}

input[type=text]::-ms-reveal {
  display: none
}

.no-scale:focus {
  transform: scale(1)
}

.show {
  display: block
}

.element-width-70 {
  width: 70%
}

.element-inline {
  display: inline-block
}

.element-block {
  display: block
}

.element-flex {
  display: flex
}

.element-flex--wrap {
  flex-wrap: wrap
}

.element-flex--center, .element-flex--start {
  align-items: center;
  display: flex
}

.element-inline-flex {
  display: inline-flex
}

.element-flex--center {
  justify-content: center
}

.element-flex--end {
  display: flex;
  align-items: center;
  justify-content: flex-end
}

.flex-direction--column {
  flex-direction: column
}

.flex-direction--row-reverse {
  flex-direction: row-reverse
}

.flex-direction--column-reverse {
  flex-direction: column-reverse
}

.flex-direction--row {
  flex-direction: row
}

.flex-1 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%
}

.flex-grow--auto {
  flex: 1 0 auto
}

.flex-shrink--0 {
  flex-shrink: 0
}

.flex-basis--100 {
  flex-basis: 100%
}

.flex-auto {
  flex: auto
}

.gap-24 {
  gap: 24px
}

.gap-20 {
  gap: 20px
}

.gap-16 {
  gap: 16px
}

.gap-8 {
  gap: 8px
}

.gap-5 {
  gap: 5px
}

.align-items--start {
  align-items: flex-start
}

.align-items--center {
  align-items: center
}

.align-items--end {
  align-items: flex-end
}

.align-items--baseline {
  align-items: baseline
}

.justify-content--center, .nucleus-banner {
  justify-content: center
}

.justify-content--end {
  justify-content: flex-end
}

.justify-content--start {
  justify-content: flex-start
}

.code, .justify-content--space-between {
  justify-content: space-between
}

.justify-content--space-evenly {
  justify-content: space-evenly
}

.align-self--center {
  align-self: center
}

.align-self--flex-start {
  align-self: flex-start
}

.align-self--flex-end {
  align-self: flex-end
}

.pointer-events--none {
  pointer-events: none
}

.text-transform--lowercase {
  text-transform: lowercase
}

.text-align--right {
  text-align: right
}

.app-dropdown, .text-align--left {
  text-align: left
}

.text-align--center {
  text-align: center
}

.text-align--justify {
  text-align: justify
}

.text-case--upper {
  text-transform: uppercase
}

.line-height-20 {
  line-height: 20px
}

.notifications-empty-message {
  margin: 40px 0;
  text-align: center;
  font-size: 12px;
  color: #6f7c87
}

.sticky-bottom {
  bottom: 0;
  z-index: 9;
  position: absolute
}

.position--relative {
  position: relative
}

.position--absolute {
  position: absolute
}

.position--fixed {
  position: fixed
}

.position--sticky {
  position: sticky
}

.separator-line::after, .separator-line::before {
  content: "";
  display: inline-block;
  height: 14px;
  position: absolute;
  top: 5px
}

.separator-line--medium::after, .separator-line--medium::before {
  height: 20px
}

.separator-line.separator--after::after {
  border-right: 1px solid #cfd7df;
  margin-right: 8px
}

.separator-line.separator--before::before {
  border-left: 1px solid #cfd7df;
  margin-left: 8px
}

.code {
  display: flex;
  border-radius: 4px
}

.code--light {
  color: #12344d;
  border: 1px solid #cfd7df
}

.status-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #92a2b1
}

.status-indicator--green {
  background: #009a79
}

.status-indicator--orange {
  background: #e86f25
}

.tabs-disable-outline .nucleus-tabs__list__item, .tabs-disable-outline .nucleus-tabs__panel {
  outline: 0
}

.horizontal-divider {
  height: 1px;
  width: 100%;
  background: #cfd7df
}

.card__media--play-btn {
  width: 37px;
  height: 37px;
  position: absolute;
  background: rgba(50,50,50,.7);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%,-50%)
}

  .card__media--play-btn:hover {
      background: #323232
  }

.position-right-corner {
  position: absolute;
  bottom: -2px;
  right: -6px
}

.position-left-corner {
  position: absolute;
  bottom: -2px;
  left: -6px
}

.text__content {
  color: #183247;
  margin: 0;
  padding: 0
}

.text__infotext {
  font-size: 13px;
  color: #6f7c87
}

.text__title {
  margin-bottom: 6px;
  font-size: 22px
}

.text__empty-state {
  margin-top: 30px;
  display: block;
  text-align: center;
  color: #6f7c87
}

.text__empty-state--large {
  font-size: 16px;
  color: #183247
}

.text__link {
  color: #2c5cc5;
  margin: 0;
  padding: 0;
  cursor: pointer
}

.text__link-heading {
  color: #183247
}

  .text__link-heading:hover {
      color: #2c5cc5;
      text-decoration: none
  }

.text--warning {
  color: #ff2525
}

.text--error {
  color: #d72d30
}

.text--uppercase {
  letter-spacing: .2px
}

.text--capatalize, .text--capatalize-first-letter::first-letter {
  text-transform: capitalize
}

.text-sub-title {
  text-transform: uppercase;
  letter-spacing: .2px;
  color: #6f7c87;
  font-size: 12px
}

.text--modified {
  transform: skewX(-7deg)
}

  .text--modified::before {
      content: "*";
      font-size: 20px;
      position: relative;
      top: 2px
  }

.text--nowrap {
  white-space: nowrap;
  display: inline-block
}

.text--Jumbo {
  font-size: 52px
}

.text--jumbo-mini {
  font-size: 34px
}

.text--xxverylarge {
  font-size: 32px
}

.text--verylarge {
  font-size: 30px
}

.text--xxxlarge {
  font-size: 28px
}

.text--xxlarge {
  font-size: 26px
}

.admin-content__title, .text--larger {
  font-size: 24px
}

.text--xlarge {
  font-size: 22px
}

.text--large {
  font-size: 20px
}

.text--xxmedium {
  font-size: 18px
}

.text--medium {
  font-size: 16px
}

.admin-content__headline, .text--default, .text--xxsmall {
  font-size: 14px
}

.text--small {
  font-size: 13px
}

.text--xsmall {
  font-size: 12px
}

.avatar-icon--small .avatar__initial--icon-wrapper, .text--verysmall {
  font-size: 11px
}

.text--micro {
  font-size: 10px
}

.text--verymicro {
  font-size: 4px
}

.text--ultrabold {
  font-weight: 800
}

.text--bold {
  font-weight: 700
}

.text--italic {
  font-style: italic
}

.text--extrabold {
  font-weight: 600
}

.text--faded {
  font-weight: 300
}

.text--extra-bold {
  font-weight: 600
}

.text--dark {
  color: #183247
}

.text--green {
  color: #15be00
}

.text--dark-green {
  color: #00795b
}

.text--primary-color {
  color: #2c5cc5
}

.text--orange {
  color: #ffa405
}

.text--blue {
  color: #4ca2ff
}

.text--darkblue, .text--transparentblue {
  color: #12344d
}

.attachment__item, .text--darkgray {
  color: #707070
}

.text--mediumlightblue {
  color: #12344d
}

.text--gray {
  color: #6f7c87
}

.admin-content__headline, .text--verylightgrey {
  color: #475867
}

.text--lightgray {
  color: #dadfe3
}

.text--red {
  color: rgba(224,32,0,.77)
}

.text--facebook {
  color: #39579a
}

.text--twitter {
  color: #74c0f7
}

.text--meta {
  color: #6f7c87
}

.text--info-message {
  color: #92a2b1
}

.text--chateau {
  color: #acb6be
}

.text--secondary {
  color: #475867
}

.text--white {
  color: #fff
}

.text--disabled {
  color: #647a8e
}

.text--dark-link, .text--dark-link:hover {
  color: #183247
}

.text-list {
  margin: 5px 0
}

.text-list__item {
  padding-bottom: 5px
}

.text--right {
  text-align: right
}

.text--justify {
  text-align: justify
}

.text--line-height {
  line-height: 1.5
}

.avatar-icon, .profilepic {
  color: #fff;
  display: inline-block;
  position: relative;
  text-align: center;
  border-radius: 10%
}

.avatar-icon__img, .profilepic__img {
  border-radius: 4px;
  max-width: 100%;
  height: 100%
}

.avatar-icon__unverified, .profilepic__unverified {
  display: none;
  font-size: 10px;
  color: #183247;
  text-transform: uppercase
}

.avatar-icon .company-default, .profilepic .company-default {
  vertical-align: middle;
  margin-bottom: 2px
}

.avatar-icon--inline, .profilepic--inline {
  vertical-align: middle
}

.avatar-icon .verify, .profilepic .verify {
  text-align: center;
  background-color: #fff;
  color: #ffb50f;
  position: absolute;
  border-radius: 50%;
  top: 0;
  display: inline-block
}

.avatar-icon--small, .profilepic--small {
  width: 24px;
  height: 24px
}

  .avatar-icon--small .verify, .profilepic--small .verify {
      width: 12px;
      height: 12px;
      right: -2px;
      top: -2px;
      line-height: 1.2
  }

      .avatar-icon--small .verify .app-icon, .profilepic--small .verify .app-icon {
          width: 12px
      }

.avatar-icon--medium, .profilepic--medium {
  width: 44px;
  height: 44px
}

  .avatar-icon--medium .verify, .profilepic--medium .verify {
      width: 16px;
      height: 16px;
      top: -4px;
      right: -3px;
      font-size: 10px
  }

      .avatar-icon--medium .verify .app-icon, .profilepic--medium .verify .app-icon {
          width: 12px;
          margin-top: 0;
          position: absolute;
          left: 2px;
          top: 2px
      }

.avatar-icon--large, .profilepic--large {
  width: 44px;
  height: 44px
}

  .avatar-icon--large .verify, .profilepic--large .verify {
      width: 20px;
      height: 20px;
      line-height: 1.2;
      font-size: 19px;
      right: -3px;
      top: -3px
  }

      .avatar-icon--large .verify .app-icon, .profilepic--large .verify .app-icon {
          width: 16px
      }

.avatar-icon--xlarge, .profilepic--xlarge {
  width: 80px;
  height: 80px
}

.avatar-icon--huge, .profilepic--huge {
  width: 100px;
  height: 100px;
  line-height: 15px
}

  .avatar-icon--huge .profilepic__unverified, .profilepic--huge .profilepic__unverified {
      display: block
  }

  .avatar-icon--huge .verify, .profilepic--huge .verify {
      display: none;
      width: 30px;
      height: 30px;
      line-height: 1.4;
      font-size: 13px;
      top: -14px;
      right: -14px
  }

      .avatar-icon--huge .verify .app-icon, .profilepic--huge .verify .app-icon {
          width: 26px;
          position: relative;
          top: 2px
      }

.attachment {
  margin: 12px 15px 15px;
  padding: 15px 15px 5px 11px;
  border-radius: 5px;
  border: 1px solid #dadfe3
}

.attachment__excluded .text {
  font-size: 12px;
  display: block;
  clear: both;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #ff5959
}

  .attachment__excluded .text .warning-custom {
      fill: transparent;
      stroke: #ff5959;
      stroke-width: 5px
  }

.attachment__title {
  margin: 0 0 10px 4px;
  font-weight: 600
}

  .attachment__title .title-icon {
      position: relative;
      top: 2px;
      fill: #000
  }

.attachment__alert {
  padding: 7px 10px;
  margin: 0 5px 10px 4px;
  border-radius: 2px;
  border: 1px solid #ffad1e;
  background-color: #fff9f0;
  color: #ff9822;
  font-size: 13px;
  clear: both;
  float: left
}

.attachment__alert-text {
  padding-left: 7px
}

.attachment__alert-close {
  cursor: pointer
}

  .attachment__alert-close:hover .alert-icon {
      fill: #081824
  }

.attachment__alert .alert-icon {
  position: relative;
  top: 2px;
  fill: #ff9822
}

.attachment__item {
  padding: 5px 10px;
  border-radius: 2px;
  border: 1px solid #dadfe3;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
  margin-right: 5px;
  font-size: 12px
}

.attachment__item-text {
  color: #183247;
  max-width: 230px
}

.attachment__item-excluded {
  position: relative;
  vertical-align: middle;
  display: inline-block
}

.attachment__item-status {
  background-color: #2c5cc5;
  width: 65%;
  height: 2px;
  border-radius: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: width 1s
}

.attachment__item-refresh {
  cursor: pointer;
  color: #6f7c87;
  position: relative;
  top: 1px;
  padding-right: 0
}

.attachment__item-close {
  padding-left: 0;
  position: relative;
  top: 1px;
  color: #1d1d1d;
  cursor: pointer
}

  .attachment__item-close:hover {
      color: #081824
  }

.attachment__item-container {
  display: inline-block;
  vertical-align: middle
}

.attachment__item .file-size {
  color: #acb6be
}

.attachment__item--error {
  border: 1px solid #ff5959
}

  .attachment__item--error .attachment__item-text {
      color: #ff5959
  }

.attachment__item--progress .attachment__item-text, .attachment__item--progress .file-size {
  color: #dbdfe3
}

.attachment__link:hover {
  text-decoration: none
}

  .attachment__link:hover .text__content, .collab-chat-box .system-msg-wrapper .zoom-meeting-start .zoom-meeting-info .meeting-link .anchor, .nucleus-banner-item__link:hover, .text--underline {
      text-decoration: underline
  }

  .attachment__link:hover .text__content {
      color: #183247
  }

.attachment-thumb {
  margin-top: 16px;
  position: relative
}

.attachment-thumb__info {
  width: 100%;
  overflow: hidden;
  position: relative
}

  .attachment-thumb__info::after {
      content: "";
      position: absolute;
      top: 10px;
      width: 100%;
      border-bottom: 1px dashed #c9d1d0
  }

  .attachment-thumb__info .attachment-icon {
      margin-top: 3px
  }

.attachment-thumb__info-count {
  margin-left: -1px;
  display: inline-block;
  vertical-align: top;
  padding-right: 5px
}

.attachment-thumb .itemholder {
  position: relative;
  padding-top: 16px
}

  .attachment-thumb .itemholder .item {
      position: relative;
      display: inline-block;
      box-sizing: border-box;
      min-width: 200px;
      padding: 8px 12px;
      border-radius: 4px;
      background-color: #fff;
      cursor: pointer;
      margin: 0 8px 8px 0;
      transition: .1s ease-in;
      border: 1px solid #ebeff3
  }

      .attachment-thumb .itemholder .item .model-attachment {
          width: auto;
          height: 100%
      }

.admin-content, .bs-dropdown--full, .dropdown-normal--full {
  width: 100%
}

.attachment-thumb .itemholder .item .custom-icon {
  fill: #475867
}

.attachment-thumb .itemholder .item .selected-icon {
  fill: #c2c8cd
}

.attachment-thumb .itemholder .item .attachment-action:hover .custom-icon, .ui-components__inline-slider .inline-slider__expand-btn .collapse-path, .ui-components__inline-slider .inline-slider__expand-btn .expand-path {
  fill: #12344d
}

.attachment-thumb .itemholder .item .backlayer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: .1s ease-in;
  border-radius: 4px;
  background-image: linear-gradient(to left,#fff,#fff 47%,rgba(255,255,255,0))
}

.attachment-thumb .itemholder .item .action {
  position: absolute;
  top: 18px;
  right: 12px;
  opacity: 0;
  transition: .1s ease-in
}

  .attachment-thumb .itemholder .item .action .button {
      margin-right: 0
  }

.attachment-thumb .itemholder .item:hover {
  border: 1px solid #475867
}

  .attachment-thumb .itemholder .item:hover .action, .attachment-thumb .itemholder .item:hover .backlayer {
      opacity: 1
  }

.attachment-thumb .itemholder .item .reference {
  position: relative
}

.attachment-thumb .itemholder .item .basic, .attachment-thumb .itemholder .item .reference {
  display: inline-block;
  vertical-align: middle;
  height: 42px
}

.attachment-thumb .itemholder .item .extension {
  position: absolute;
  color: #fff;
  top: 7px;
  left: 2px;
  font-size: 7px;
  font-weight: 500;
  min-width: 20px
}

.attachment-thumb .itemholder .item .attachment-action {
  padding: 4px 5px 5px 6px;
  border-radius: 2px;
  margin-left: 4px;
  line-height: 1
}

  .attachment-thumb .itemholder .item .attachment-action:hover {
      background-color: #f3f5f7
  }

.attachment-thumb .itemholder .item.disabled {
  background-color: #ebeff3
}

.attachment-thumb .itemholder .item .details .basic {
  margin-left: 8px
}

.attachment-thumb .itemholder .item .details .text__content {
  color: #183247
}

.attachment-thumb .itemholder .item .details .text__infotext {
  color: #6f7c87
}

.app-dropdown {
  padding: 10px;
  max-width: 480px;
  border-radius: 4px;
  z-index: 1000;
  min-width: 160px;
  list-style: none
}

.app-dropdown__item {
  border-radius: 4px;
  color: #183247;
  position: relative
}

  .app-dropdown__item .selectedtick {
      right: 5px;
      top: 5px;
      fill: #2c5cc5;
      position: absolute
  }

  .app-dropdown__item.disabled {
      color: #acb6be;
      text-decoration: none;
      cursor: not-allowed;
      text-shadow: none
  }

      .app-dropdown__item.disabled:focus, .app-dropdown__item.disabled:hover {
          color: #acb6be;
          text-decoration: none;
          background: 0 0
      }

  .app-dropdown__item a {
      display: block;
      clear: both;
      padding: 5px 10px;
      line-height: 1.42857;
      color: #183247;
      white-space: nowrap
  }

      .app-dropdown__item a:hover {
          text-decoration: none;
          background-color: #ebeff3
      }

.dropdown-normal {
  background-color: #fff;
  min-width: 160px;
  padding: 10px;
  border-radius: 2px
}

.dropdown-normal__item {
  cursor: pointer;
  position: relative
}

  .dropdown-normal__item a {
      padding: 10px 5px;
      border-radius: 3px;
      display: block
  }

      .dropdown-normal__item a:hover {
          background-color: #eef1f3
      }

  .dropdown-normal__item .selected, .dropdown-normal__item.selected .item-link {
      color: #2c5cc5
  }

.dropdown-normal__item--active {
  background-color: #2c5cc5
}

.dropdown-normal.dropdown-menu > li > a {
  padding: 5px 25px 5px 10px;
  position: relative;
  color: #183247
}

  .dropdown-normal.dropdown-menu > li > a.disabled {
      color: #acb6be;
      text-decoration: none;
      cursor: not-allowed;
      text-shadow: none
  }

      .dropdown-normal.dropdown-menu > li > a.disabled:focus, .dropdown-normal.dropdown-menu > li > a.disabled:hover {
          color: #acb6be;
          text-decoration: none;
          background: 0 0
      }

.dropdown-normal .selectedtick {
  position: absolute;
  right: 5px;
  top: 7px;
  fill: #2c5cc5
}

.dropdown-menu {
  display: none
}

.bs-dropdown.basic-dropdown-content > .dropdown-menu, .open > .dropdown-menu {
  display: block
}

.dropdown-menu > li > a {
  padding: 3px 10px
}

.admin-content {
  background-color: #fff;
  border-radius: 2px 0 0 2px;
  padding: 56px 56px 0;
  height: calc(100vh - 80px);
  overflow: auto
}

.admin-content__list--row {
  cursor: pointer
}

  .admin-content__list--row .list-action-buttons {
      display: none
  }

  .admin-content__list--row[disabled], .admin-content__list--row[disabled] [role=button] {
      cursor: not-allowed
  }

  .admin-content__list--row:not([disabled]):focus, .admin-content__list--row:not([disabled]):hover {
      background-color: #f3f5f7
  }

      .admin-content__list--row:not([disabled]):focus .list-action-buttons, .admin-content__list--row:not([disabled]):hover .list-action-buttons {
          display: block
      }

  .admin-content__list--row [role=button] {
      box-shadow: none;
      outline: 0
  }

.admin-content__list--list-view {
  max-width: 800px
}

.admin-content__list--list-view__header {
  margin: 0 0 24px
}

.admin-content__list--list-view__header__left {
  width: 560px
}

.admin-content__list--list-view__header__right a:focus, .admin-content__list--list-view__header__right a:hover {
  color: #fff
}

.admin-content__list--list-view .items-list {
  margin: 24px 0
}

  .admin-content__list--list-view .items-list .sync-failed {
      height: auto;
      border: none
  }

.admin-content__list--list-view .list-view-item {
  margin: 0 0 16px;
  height: 76px;
  border-radius: 4px;
  border: 2px solid transparent;
  background-color: #fff;
  box-shadow: 0 0 1px 0 rgba(24,50,71,.3),0 2px 6px 0 rgba(22,29,37,.05);
  transition: transform .4s ease-in-out
}

.admin-content__control-group--separator, .admin-content__section .light-table .lt-row {
  border-bottom: 1px solid #ebeff3
}

.admin-content__list--list-view .list-view-item:last-child {
  margin: 0
}

.admin-content__list--list-view .list-view-item .content-wrap {
  display: inline-block;
  padding: 0 0 0 24px
}

  .admin-content__list--list-view .list-view-item .content-wrap .title {
      display: block;
      font-weight: 500;
      color: #12344d
  }

.admin-content__list--list-view .list-view-item .dot-separator {
  margin: 0 8px
}

.admin-content__list--list-view .list-view-item .content-wrap a:hover {
  text-decoration: none
}

.admin-content__list--list-view .list-view-item .dropdown-toggle {
  width: 25px;
  height: 25px
}

.admin-content__list--pagination {
  max-width: 800px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  padding: 9px 56px;
  background-color: #f7f9fa
}

  .admin-content__list--pagination .pagination-wrapper {
      padding: 0
  }

.admin-content__title {
  font-weight: 700;
  color: #12344d;
  margin-top: 0;
  margin-bottom: 8px
}

.admin-content__headline {
  max-width: 680px
}

.admin-content__wrapper--max-width {
  max-width: 640px
}

.admin-content__control-group {
  margin-bottom: 24px
}

.admin-content__form {
  max-width: 600px
}

.admin-content__form--secondary {
  max-width: 800px
}

.admin-content__form--sticky {
  display: flex;
  flex-direction: column;
  height: 100%
}

  .admin-content__form--sticky .admin-content__footer {
      position: sticky;
      bottom: 0;
      margin-top: auto
  }

.admin-content__section {
  padding: 20px 0
}

  .admin-content__section .light-table {
      border: 1px solid #ebeff3;
      border-radius: 4px
  }

      .admin-content__section .light-table .lt-head .lt-column {
          color: #475867;
          font-size: 12px;
          background-color: #f5f7f9
      }

.admin-content .basic-select-box--small {
  min-width: 180px
}

.admin-content__tab.__ui-components__nav-tabs .nav-secondary {
  margin-top: 8px
}

.admin-content__footer {
  text-align: right;
  padding: 16px 56px;
  background-color: #fff;
  border-top: 1px solid #e5e5e5
}

  .admin-content__footer.align--left {
      text-align: left;
      padding: 16px 0
  }

.admin-content .fresh-table .list tbody > tr:focus .row-action-btn, .admin-content .fresh-table .list tbody > tr:hover .row-action-btn, .collab-container .thread-message:hover .threads-action-menu .basic-dropdown-trigger {
  visibility: visible
}

.admin-content .fresh-table .list tbody > tr:focus, .admin-content .fresh-table .list tbody > tr:hover {
  background-color: #f5f7f9
}

.admin-content .overflow-fix {
  padding-bottom: 75px
}

.admin-content .agent-list-btn {
  font-size: 14px;
  padding: 6px 12px
}

  .admin-content .agent-list-btn:hover {
      background-color: #e5f2fd
  }

.__page-layout__admin-sidebar {
  background-color: #f5f7f9;
  width: 300px;
  border-radius: 0 2px 2px 0;
  border-left: 1px #ebeff3 solid;
  padding: 24px;
  height: calc(100vh - 80px);
  overflow: auto;
  flex-shrink: 0
}

.__page-layout__admin-sidebar__sidebar .description {
  font-size: 14px;
  margin: 0 0 20px;
  line-height: 20px;
  color: #475867
}

.__page-layout__admin-sidebar .sidebar-title {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 16px
}

.__page-layout__admin-sidebar .sidebar-title-manage-language {
  font-weight: 600;
  margin: 0 0 8px
}

.__page-layout__admin-sidebar .sidebar-content {
  color: #6f7c87
}

.__page-layout__admin-sidebar .sidebar-description {
  color: #475867
}

.__page-layout__admin-sidebar .sidebar-content-manage-language {
  color: #6f7c87;
  margin: 0 0 16px
}

.__page-layout__admin-sidebar .subtext-title {
  color: #183247
}

.responsive__left {
  height: 100%;
  position: absolute;
  left: 10px;
  right: 10px
}

  .responsive__left .scroll-to-bottom {
      padding-top: 9px;
      height: 100%
  }

.content-widget, .page-content {
  right: 0;
  bottom: 0;
  top: 121px;
  padding: 10px;
  position: absolute
}

.__page-layout__content-sidebar {
  width: 250px;
  height: 100%;
  float: right
}

.content-widget {
  left: 64px
}

  .content-widget .responsive {
      height: initial;
      max-width: 100%
  }

.page-content {
  left: 65px
}

  .page-content.responsive-content {
      right: 25% !important
  }

.page-sidebar, .page-sidebar .sidebar {
  background-color: #f5f7f9;
  right: 0;
  bottom: 0
}

.page-sidebar {
  padding-bottom: 110px;
  position: fixed;
  top: 120px;
  flex-flow: row wrap
}

  .page-sidebar .sidebar {
      border-left: 1px solid #cfd7df;
      overflow-y: auto;
      padding: 10px 8px 30px 16px;
      position: absolute;
      top: 0;
      min-width: 50px
  }

  .page-sidebar .sidebar__title {
      color: #183247;
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: .2px;
      padding-bottom: 10px
  }

  .page-sidebar.responsive-sidebar {
      width: 25%
  }

      .page-sidebar.responsive-sidebar .sidebar {
          width: 100%;
          padding: 0
      }

.__page-layout__page-wrapper {
  min-width: 1100px
}

  .__page-layout__page-wrapper .content-sidebar-present {
      right: 260px
  }

.ui-components__inline-slider {
  position: absolute;
  top: 0;
  width: 300px;
  height: 100%;
  background: #fff;
  display: flex;
  flex-direction: column;
  transition: top .5s 0s cubic-bezier(.1,1.2,.3,1),transform .5s 0s cubic-bezier(.1,1.2,.3,1),width .5s cubic-bezier(.1,1.2,.3,1),opacity .3s
}

  .ui-components__inline-slider.right {
      right: 0;
      border-left: solid 1px #cfd7df
  }

  .ui-components__inline-slider .inline-slider__row {
      margin: 16px 16px 0
  }

      .ui-components__inline-slider .inline-slider__row:last-child {
          margin-bottom: 16px
      }

  .ui-components__inline-slider .inline-slider__row--header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-flow: row-reverse wrap
  }

  .ui-components__inline-slider.slide-right-enter {
      opacity: 0;
      transform: translate3d(100%,0,0)
  }

      .ui-components__inline-slider.slide-right-enter.slide-right-enter-active {
          opacity: 1;
          transform: translate3d(0,0,0);
          transition: all .3s ease-in-out
      }

  .ui-components__inline-slider.slide-right-leave {
      opacity: 1;
      transform: translate3d(0,0,0)
  }

      .ui-components__inline-slider.slide-right-leave.slide-right-leave-active {
          opacity: 0;
          transform: translate3d(100%,0,0);
          transition: all .3s ease-in-out
      }

  .ui-components__inline-slider.minimized {
      width: 316px;
      position: fixed;
      bottom: 0;
      right: 25px;
      border: none;
      background: 0 0;
      top: calc(100% - 45px)
  }

      .ui-components__inline-slider.minimized .inline-slider__row--body, .ui-components__inline-slider.minimized .inline-slider__row--footer, .ui-components__inline-slider.minimized .inline-slider__row--header {
          display: none
      }

      .ui-components__inline-slider.minimized .ui-components__inline-slider__dock {
          display: flex;
          background: #27313a;
          border-radius: 12px 12px 0 0
      }

      .ui-components__inline-slider.minimized .ui-components__inline-slider__dock__btn {
          background: inherit
      }

          .ui-components__inline-slider.minimized .ui-components__inline-slider__dock__btn:hover {
              border-color: #ebeff3
          }

  .ui-components__inline-slider.inline-slider.inline-slider--expanded {
      top: 50px;
      left: 140px;
      width: calc(100vw - 280px);
      height: calc(100vh - 100px);
      border: 1px solid #cfd7df;
      border-radius: 6px;
      box-shadow: 0 4px 12px rgba(245,247,249,.5);
      z-index: 5
  }

.ui-components__inline-slider__dock {
  display: none;
  height: 45px
}

.avatar-icon, .avatar__initial {
  display: inline-block;
  text-align: center
}

.modal-overlay.inline-slider__modal-overlay {
  z-index: 4
}

.avatar-icon {
  position: relative
}

  .avatar-icon.avatar-icon--small {
      width: 24px;
      height: 24px
  }

      .avatar-icon.avatar-icon--small .avatar-svg {
          width: 15px
      }

  .avatar-icon.avatar-icon--medium {
      width: 30px;
      height: 30px
  }

      .avatar-icon.avatar-icon--medium .avatar-svg {
          width: 17px
      }

  .avatar-icon.avatar-icon--medium-secondary {
      width: 32px;
      height: 32px
  }

  .avatar-icon.avatar-icon--large {
      width: 44px;
      height: 44px
  }

      .avatar-icon.avatar-icon--large .avatar-svg {
          width: 22px
      }

  .avatar-icon.avatar-icon--xlarge {
      width: 80px;
      height: 80px
  }

      .avatar-icon.avatar-icon--xlarge .avatar-svg {
          width: 40px
      }

  .avatar-icon.avatar-icon--huge {
      width: 100px;
      height: 100px
  }

      .avatar-icon.avatar-icon--huge .avatar-svg {
          width: 50px
      }

  .avatar-icon.avatar-icon--circle {
      border-radius: 100%
  }

      .avatar-icon.avatar-icon--circle .avatar-block {
          border-radius: 6px
      }

  .avatar-icon .avatar-svg {
      fill: #fff;
      position: absolute;
      transform: translateX(-50%) translateY(-50%);
      top: 48%;
      left: 48%;
      color: #fff
  }

.avatar__initial--1, .avatar__initial--2, .avatar__initial--3, .avatar__initial--4, .avatar__initial--5, .avatar__initial--6, .avatar__initial--7, .avatar__initial--8 {
  color: rgba(0,0,0,.3);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.04)
}

.avatar__initial {
  position: relative;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  border-radius: 2px
}

.avatar__initial--icon-wrapper {
  text-transform: uppercase;
  position: absolute;
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
  left: 50%;
  fill: #fff;
  font-weight: 500
}

.avatar-icon--large .avatar__initial--icon-wrapper, .avatar-icon--medium .avatar__initial--icon-wrapper {
  font-size: 14px
}

.avatar-icon--xlarge .avatar__initial--icon-wrapper {
  font-size: 32px
}

.avatar-icon--huge .avatar__initial--icon-wrapper {
  font-size: 54px
}

.avatar__initial--1 {
  background-color: #cdebc4
}

.avatar__initial--2 {
  background-color: #ffdee0
}

.avatar__initial--3 {
  background-color: #eed8f7
}

.avatar__initial--4 {
  background-color: #ffd8c2
}

.avatar__initial--5 {
  background-color: #dbd6f5
}

.avatar__initial--6 {
  background-color: #f3f1f1
}

.avatar__initial--7 {
  background-color: #fff4a8
}

.avatar__initial--8 {
  background-color: #d1e4ff
}

.attachment__item__file-item .backlayer {
  position: absolute;
  top: 0;
  left: 20px;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: .1s ease-in;
  background-image: linear-gradient(to left,#fff,#fff 47%,rgba(255,255,255,0))
}

.attachment__item__file-item .action-btns {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0
}

.attachment__item__file-item .annotate-image-btn-wrapper .app-icon-btn {
  margin-right: 0;
  height: 29px;
  border-radius: 0 1px 1px 0;
  padding-top: 7px
}

.attachment__item__file-item .hint--top {
  z-index: 500
}

.attachment__item__file-item:hover .action, .attachment__item__file-item:hover .backlayer {
  opacity: 1
}

.__ui-form__editor__drag-and-drop {
  display: none
}

  .__ui-form__editor__drag-and-drop.drop-zone {
      width: auto;
      height: 100px;
      padding-top: 40px;
      text-align: center;
      border: 1px dashed #979797;
      margin: 10px
  }

.canned-response--modal, .csat-survey--modal {
  height: 100%
}

.__ui-form__editor__drag-and-drop.drop-active {
  display: block
}

.__ui-form__editor__drag-and-drop.drop-target {
  background: #f6fff8
}

.show-more {
  max-height: 210px
}

  .show-more.expanded {
      max-height: none;
      transition: max-height .3s ease-in-out
  }

.show-more__section {
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 15px 0;
  background: linear-gradient(180deg,#fff 0,rgba(255,255,255,0) .01%,rgba(255,255,255,.687873) 23.4%,#fff 69.18%)
}

.show-more__section__btn {
  box-shadow: 0 4px 34px #ebeff3
}

.__ui-components__basic-accordion .accordion-item {
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #ebeff3;
  margin-bottom: 12px
}

  .__ui-components__basic-accordion .accordion-item .basic-heading {
      cursor: pointer
  }

.__ui-components__emails-info {
  width: 100%;
  display: inline-block
}

  .__ui-components__emails-info .info-left, .__ui-components__emails-info .info-right {
      float: left
  }

  .__ui-components__emails-info .display_emails {
      margin-left: 4px
  }

  .__ui-components__emails-info .display-email--primary {
      color: #183247
  }

  .__ui-components__emails-info .display__more {
      font-weight: 500;
      color: #2c5cc5;
      padding: 0
  }

.emails-popup {
  border-radius: 4px;
  border: none
}

.emails-popup__card {
  padding: 12px;
  max-width: 560px;
  max-height: 180px;
  word-break: break-word;
  word-wrap: break-word;
  display: block;
  overflow-y: scroll
}

  .emails-popup__card .email-item .left, .emails-popup__card .email-item .right {
      float: left
  }

  .emails-popup__card .email-item .left {
      position: absolute;
      left: 8px
  }

  .emails-popup__card .email-item .right {
      margin-left: 24px
  }

.emails-popup.dropdown-pointer-left.basic-dropdown-content--above::after, .emails-popup.dropdown-pointer-left.basic-dropdown-content--above::before, .emails-popup.dropdown-pointer-left.basic-dropdown-content--below::after, .emails-popup.dropdown-pointer-left.basic-dropdown-content--below::before {
  left: 30px
}

.emails-popup.dropdown-pointer-left.basic-dropdown-content--above::before {
  border: none
}

.emails-popup.dropdown-pointer-left.basic-dropdown-content--above::after {
  border-top-color: #fff
}

.emails-popup.dropdown-pointer-left.basic-dropdown-content--below::before {
  border-bottom-color: #fff
}

.emails-popup.dropdown-pointer-left.basic-dropdown-content--below::after {
  border: none
}

.canned-response .description-text {
  background-color: #f5f7f9;
  padding-left: 24px;
  overflow: scroll;
  scroll-behavior: smooth;
  width: 100%
}

  .canned-response .description-text .modal-spinner {
      top: 100%
  }

.canned-response--btn-data {
  width: 28px;
  height: 28px
}

  .canned-response--btn-data::after {
      left: -50px
  }

.canned-response--title .content-arrow {
  background-color: #f5f7f9;
  width: 24px;
  height: 24px;
  border-radius: 4px
}

  .canned-response--title .content-arrow.is-expanded {
      background-color: #92a2b1
  }

      .canned-response--title .content-arrow.is-expanded .app-icon {
          fill: #fff
      }

  .canned-response--title .content-arrow .app-icon {
      fill: #647a8e
  }

.canned-response .accordion-item {
  border: 1px solid #ebeff3;
  box-shadow: 0 0 1px 0 rgba(24,50,71,.3),0 2px 6px 0 rgba(22,29,37,.05);
  border-radius: 4px;
  margin-bottom: 12px
}

  .canned-response .accordion-item:focus, .canned-response .accordion-item:focus-within, .canned-response .accordion-item:hover {
      box-shadow: 0 0 0 2px #2c5cc5
  }

      .canned-response .accordion-item:focus .insert-phase, .canned-response .accordion-item:focus-within .insert-phase, .canned-response .accordion-item:hover .insert-phase {
          transition: .2s linear;
          opacity: 1
      }

.canned-response__item:hover {
  border-color: #cfd7df
}

.canned-response__item .item-container {
  width: 100%;
  padding: 6px 12px;
  display: inline-block
}

.canned-response__folder {
  margin: 10px 0 20px
}

.canned-response__foldericon {
  margin: 6px 3px 0 0
}

.canned-response .item-description {
  display: inline-block;
  width: 90%;
  overflow: hidden
}

  .canned-response .item-description .description-title {
      position: relative;
      top: 8px;
      padding-bottom: 5px
  }

      .canned-response .item-description .description-title:hover {
          color: #2c5cc5
      }

.canned-response__search {
  position: relative
}

  .canned-response__search input {
      border: 0;
      border-bottom: 1px solid #ebeef0;
      width: 100%
  }

      .canned-response__search input:focus {
          outline: 0
      }

.canned-response__result {
  padding: 10px 0
}

.canned-response__recent {
  padding-bottom: 8px
}

  .canned-response__recent .app-icon, .canned-response__recent .text-sub-title {
      vertical-align: middle;
      display: inline
  }

.canned-response .power-select-trigger {
  border: none;
  background: 0 0;
  text-align: left;
  text-transform: none;
  word-spacing: 1px;
  font-size: 14px
}

.recent-responses, .text--uppercase {
  text-transform: uppercase
}

.canned-response .power-select-trigger:focus, .canned-response .power-select-trigger:focus:hover, .canned-response .power-select-trigger:hover {
  border: none;
  box-shadow: none
}

.canned-response .power-select-trigger[aria-expanded=true] {
  border: none
}

.canned-response img {
  max-width: 100%
}

.canned-response .modal-filter-search {
  padding: 0 176px 0 35px;
  border-radius: 4px;
  box-shadow: 0 1px 0 #ebeff3,0 -1px 0 #ebeff3
}

  .canned-response .modal-filter-search:focus {
      border: 1px solid #2c5cc5;
      box-shadow: 0 0 0 1px #2c5cc5
  }

.canned-response .search-field {
  position: relative
}

.canned-response .search-cancel {
  position: absolute;
  right: 168px;
  top: 12px
}

.canned-response .power-select-folder-icon {
  position: absolute;
  top: 3px;
  left: 12px;
  z-index: 1
}

.canned-response .power-select-selected-item {
  border: none;
  display: inline-block;
  font-weight: 600;
  margin-left: 0;
  padding: 0 4px 0 24px
}

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
  .canned-response .power-select-folder-icon {
      top: 5px
  }

  .canned-response .power-select-selected-item {
      padding: 0 4px 0 30px
  }
}

.canned-response .folder-dropdown {
  float: right;
  border: none;
  width: 150px;
  border-left: 1px solid #dadfe3;
  position: absolute;
  top: 5px;
  right: 2px;
  height: 30px;
  background: linear-gradient(180deg,#fff 2.56%,#f5f7f9 95.75%);
  border-radius: 4px
}

  .canned-response .folder-dropdown .power-select-trigger[aria-expanded=true] {
      border: none;
      box-shadow: none
  }

.canned-response .list-power-select-name {
  max-width: 300px;
  min-width: 70px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  vertical-align: bottom
}

.canned-response .search-power-select-name {
  max-width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  vertical-align: bottom
}

.canned-response .count {
  color: #12344d;
  font-weight: 300
}

.canned-response .text-empty-button {
  color: #2c5cc5
}

.canned-response .canned-folderlist .power-select-trigger {
  border: none;
  color: #183247;
  background-color: transparent
}

.canned-response .recent-title {
  display: inline-block;
  padding-top: 10px;
  padding-left: 14px;
  max-width: 230px
}

.canned-response .search-clear {
  position: absolute;
  right: 178px;
  top: 10px
}

.canned-response .power-select-placeholder {
  font-weight: 500;
  padding-left: 30px;
  color: #183247
}

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
  .canned-response .power-select-placeholder {
      padding-bottom: 0 !important;
      top: 2px
  }
}

.canned-response .modal-search-icon {
  top: 10px;
  left: 16px
}

.canned-response .search-result-text {
  font-weight: 300;
  color: #6f7c87
}

.canned-response .power-select-status-icon {
  right: 10px
}

.canned-response .folder-icon-dropdown {
  height: 16px;
  width: 16px
}

.canned-response .recent-canned-response-wrap {
  position: relative;
  padding: 0 12px 0 0;
  width: 50%;
  float: left
}

  .canned-response .recent-canned-response-wrap:nth-child(2), .canned-response .recent-canned-response-wrap:nth-child(4) {
      padding-right: 0
  }

      .canned-response .recent-canned-response-wrap:nth-child(2) .insert-rectangle, .canned-response .recent-canned-response-wrap:nth-child(4) .insert-rectangle {
          right: -1px;
          left: 1px
      }

.canned-response--accordion-list.is-folder .insert-phase {
  bottom: 44px
}

.canned-response .text__empty-state {
  margin-top: 15%
}

  .canned-response .text__empty-state .empty-state-img {
      width: 100px;
      margin-bottom: 32px
  }

  .canned-response .text__empty-state .cannedresponse-no-data {
      color: #12344d
  }

  .canned-response .text__empty-state .cannedresponse-no-data--subtitle {
      color: #475867;
      margin-bottom: 32px
  }

  .canned-response .text__empty-state .new-canned-response:focus, .canned-response .text__empty-state .new-canned-response:hover {
      color: #12344d
  }

.canned-response .response-suggest--icon {
  background: #e5f2fd;
  border-radius: 4px
}

.canned-response__empty {
  text-align: center;
  margin-top: 25px
}

.canned-folderlist, .canned-response-container .canned-response__item {
  padding: 0
}

.search-icon {
  margin-top: 12px;
  margin-left: 16px;
  height: 13px;
  width: 13px
}

.recent-canned-response {
  height: 96px;
  border: 1px solid #dadfe3;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
  margin-bottom: 12px;
  cursor: pointer
}

  .recent-canned-response:focus, .recent-canned-response:focus-within, .recent-canned-response:hover {
      border: 1px solid #2c5cc5;
      box-shadow: 0 0 0 1px #2c5cc5
  }

      .recent-canned-response:focus-within .insert-rectangle {
          transition: .2s ease-in-out;
          -ms-transition: .2s ease-in-out;
          opacity: 1;
          display: block
      }

      .recent-canned-response:focus-within .recent-response-folder {
          display: none
      }

      .recent-canned-response:focus .insert-rectangle, .recent-canned-response:focus-within .insert-text-phase, .recent-canned-response:hover .insert-rectangle {
          display: block
      }

          .recent-canned-response:focus-within .insert-text-phase svg {
              fill: #fff
          }

      .recent-canned-response:focus .recent-insert-animation, .recent-canned-response:hover .recent-insert-animation {
          -webkit-animation: mymove .2s;
          -webkit-animation-fill-mode: backwards;
          animation: mymove .2s;
          animation-fill-mode: forwards
      }

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
  .recent-canned-response:focus .recent-insert-animation, .recent-canned-response:hover .recent-insert-animation {
      height: 38px;
      display: block
  }
}

.recent-canned-response:focus .recent-response-folder, .recent-canned-response:hover .recent-response-folder {
  display: none
}

.recent-canned-response:focus .insert-text-phase, .recent-canned-response:hover .insert-text-phase {
  -webkit-animation: animateText .3s linear;
  -webkit-animation-fill-mode: backwards;
  animation: animateText .3s linear;
  animation-fill-mode: backwards
}

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
  .recent-canned-response:focus .insert-text-phase, .recent-canned-response:hover .insert-text-phase {
      display: block
  }

  .insert-text-phase, .recent-insert-animation {
      display: none
  }
}

.insert-rectangle {
  border-radius: 0 0 2px 2px;
  float: right;
  right: 11px;
  bottom: 13px;
  left: 1px;
  height: 0;
  position: absolute;
  display: none;
  background-color: #2c5cc5;
  color: #fff
}

@-webkit-keyframes mymove {
  from {
      height: 0
  }

  to {
      height: 34px
  }
}

@keyframes mymove {
  from {
      height: 0
  }

  to {
      height: 34px
  }
}

@-webkit-keyframes animateText {
  0% {
      opacity: 0
  }

  50% {
      opacity: .5
  }

  100% {
      opacity: 1
  }
}

@keyframes animateText {
  0% {
      opacity: 0
  }

  50% {
      opacity: .5
  }

  100% {
      opacity: 1
  }
}

.recent-response-folder {
  color: #6f7c87;
  position: absolute;
  left: 16px;
  bottom: 24px
}

.recent-folder-name {
  max-width: 230px;
  vertical-align: bottom;
  display: inline-block;
  margin: 0
}

.list-folder {
  color: #6f7c87;
  text-align: left;
  padding-left: 34px
}

.power-select-border {
  position: relative;
  color: #183247;
  font-weight: 600;
  display: inline-block;
  background: linear-gradient(180deg,#fff 2.56%,#f5f7f9 95.75%);
  border: 1px solid #cfd7df;
  border-radius: 4px
}

.recent-responses {
  color: #475867
}

.response-list {
  position: relative;
  text-align: left;
  transition: .2s linear;
  width: 85%
}

.insert-phase {
  opacity: 0
}

.canned-form__item {
  border: 1px solid #ebedf0;
  border-radius: 3px;
  padding: 0;
  margin-bottom: 8px
}

  .canned-form-list:hover, .canned-form__item:hover {
      border-color: #cfd7df
  }

      .canned-form__item:hover .item-insert-btn {
          opacity: 1;
          transition: .4s ease-in-out
      }

.canned-form-list {
  position: relative;
  padding: 0
}

  .canned-form-list .action-holder {
      opacity: 0;
      margin: 0 5px;
      padding: 5px 10px;
      background-color: #fff;
      transition: .4s ease-in-out;
      position: absolute;
      right: 15px
  }

  .canned-form-list .action-holder__left {
      right: 110px
  }

  .canned-form-list .action-holder__btn {
      position: static;
      margin-left: 0;
      margin-right: 10px
  }

  .canned-form-list .action-holder .content-holder {
      padding: 5px 8px;
      margin: 3px
  }

  .canned-form-list:hover .action-holder {
      opacity: 1
  }

.canned-form-item {
  padding: 10px
}

.canned-form-title {
  padding: 5px
}

.survey-item-content {
  padding: 14px
}

.survey-col-3 {
  width: 60%
}

.survey-col-2 {
  width: 40%
}

.survey-item {
  position: relative;
  width: 542px;
  margin-bottom: 24px;
  min-height: 68px;
  max-height: 106px;
  left: 32px;
  top: 80px;
  background: #fff;
  border: 1px solid #ebeff3;
  box-shadow: 0 2 4 rgba(18,52,77,.06);
  border-radius: 8px
}

.csat-survey-preview {
  padding: 66px 32px 0 40px
}

.csat-survey-container {
  overflow: auto;
  height: calc(100vh - 48px)
}

.csat-preview-container {
  padding-left: 120px;
  overflow: auto
}

.survey-heading {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -.08px;
  color: #264966
}

.survey-sub-heading {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: .07px;
  color: #475867
}

.csat-survey-desc {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -.08px;
  color: #475867
}

.plan-upgrade-modal .header-container {
  width: 100%;
  height: 208px;
  border-width: 1px 0 0;
  background: linear-gradient(276.79deg,rgba(255,206,34,.1) -17.15%,rgba(0,133,255,.1) 2.66%,rgba(138,128,255,.1) 110.65%);
  margin-bottom: 24px
}

  .plan-upgrade-modal .header-container .quotes-container {
      width: 50%
  }

  .plan-upgrade-modal .header-container .quotes-container__quote {
      width: 244px;
      min-height: 32px;
      box-shadow: 12px 12px 24px 0 #12344d0d;
      z-index: 2
  }

      .plan-upgrade-modal .header-container .quotes-container__quote:nth-child(1) {
          top: 17px;
          left: 85px
      }

      .plan-upgrade-modal .header-container .quotes-container__quote:nth-child(2) {
          top: 73px;
          left: 21px;
          z-index: 1
      }

      .plan-upgrade-modal .header-container .quotes-container__quote:nth-child(3) {
          top: 127px;
          left: 112px
      }

  .plan-upgrade-modal .header-container .quotes-container__quote__text {
      font-size: 12px;
      font-weight: 600;
      line-height: 20px;
      letter-spacing: .06px
  }

  .plan-upgrade-modal .header-container .quotes-container__quote .app-icon {
      width: 15px;
      height: 12px
  }

  .plan-upgrade-modal .header-container .quotes-container__quote .app-icon--orange path {
      fill: #e16023
  }

  .plan-upgrade-modal .header-container .quotes-container__quote .app-icon--purple path {
      fill: #6257d0
  }

  .plan-upgrade-modal .header-container .quotes-container__quote .app-icon--green path {
      fill: #00795b
  }

.plan-upgrade-modal .header-container__description {
  width: 50%;
  line-height: 32px;
  font-weight: 700;
  font-size: 24px;
  padding-right: 25px
}

.plan-upgrade-modal .plan-upgrade-modal-close {
  top: 8px;
  right: 12px;
  height: 8px
}

.plan-upgrade-modal .features__container {
  padding: 0 12px
}

.plan-upgrade-modal .features__container__heading__headline {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -.4px
}

.plan-upgrade-modal .features__container__heading__detail {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -.08px
}

.plan-upgrade-modal .features__container__box {
  display: grid;
  grid-template-columns: 2fr 1fr
}

.plan-upgrade-modal .features__container__box__item {
  width: 300px
}

  .plan-upgrade-modal .features__container__box__item:nth-child(2) .feature-icon-container {
      background-color: #eef5e0
  }

  .plan-upgrade-modal .features__container__box__item:nth-child(3) .feature-icon-container {
      background-color: #eceaff
  }

  .plan-upgrade-modal .features__container__box__item:nth-child(4) .feature-icon-container {
      background-color: #dff0ff
  }

.plan-upgrade-modal .features__container__box .feature-icon-container {
  width: 32px;
  height: 32px;
  border-radius: 30px;
  background-color: #fef1e1
}

.plan-upgrade-modal .features__container__box .feature-details__header {
  line-height: 24px;
  font-size: 16px;
  font-weight: 600
}

.plan-upgrade-modal .features__container__box .feature-details__details {
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #647a8e;
  word-break: break-word
}

.plan-upgrade-modal .plan-upgrade-model-footer {
  justify-content: flex-start;
  padding: 12px 46px 12px 0;
  border: 1px
}

.plan-upgrade-modal .plan-upgrade-model-footer__note {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .07px
}

.nucleus-badge, .nucleus-button {
  line-height: 1.2;
  letter-spacing: .3px;
  vertical-align: middle;
  outline: 0
}

.plan-upgrade-modal .nucleus-modal__footer {
  background-color: #fff;
  border-top: 1px solid #ebeff3
}

.plan-upgrade-modal .nucleus-modal__dialog {
  max-height: 75vh
}

.tribute-container {
  display: none;
  margin-top: 8px;
  color: #475867;
  box-shadow: 0 2px 6px 0 rgba(18,52,77,.06);
  overflow: auto;
  z-index: 1000;
  height: auto;
  max-height: 184px;
  width: auto;
  border-radius: 4px;
  background-color: #fff
}

  .tribute-container ul {
      padding: 0;
      margin: 8px;
      list-style: none
  }

      .tribute-container ul li {
          display: block;
          padding: 5px 8px;
          border-radius: 4px;
          cursor: pointer;
          color: #475867
      }

  .nucleus-banner--danger .nucleus-banner__main, .nucleus-banner--info .nucleus-banner__main, .nucleus-banner--success .nucleus-banner__main, .nucleus-banner--warning .nucleus-banner__main, .tribute-container .at-name {
      color: #12344d
  }

  .tribute-container .highlight {
      background: #ebeff3
  }

  .tribute-container .at-email {
      color: #475867
  }

  .tribute-container .add-email-container {
      width: 350px;
      padding: 7px;
      cursor: pointer
  }

      .tribute-container .add-email-container:hover {
          background-color: #e5f2fd;
          border-radius: 4px
      }

      .tribute-container .add-email-container .email {
          color: #2c5cc5;
          border-radius: 5px;
          word-break: break-all
      }

.inserted-agents {
  color: #2c5cc5
}

.text--lowercase {
  text-transform: lowercase
}

.nucleus-badge {
  font-size: 10px;
  padding: 6px 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: all .2s linear;
  font-weight: 700;
  height: 10px
}

  .nucleus-badge:focus {
      border: 1px solid #2c5cc5;
      box-shadow: 0 0 0 1px #2c5cc5;
      outline: 0
  }

  .nucleus-badge:active {
      box-shadow: inset 0 0 4px 0 rgba(0,0,0,.25)
  }

.nucleus-badge--line--critical {
  color: #d72d30;
  background-color: #ffd0d6
}

.nucleus-badge--line--neutral {
  color: #475867;
  background-color: #cfd7df
}

.nucleus-badge--line--new {
  color: #00795b;
  background-color: #b4e5da
}

.nucleus-badge--line--primary {
  color: #2c5cc5;
  background-color: #bbdcfe
}

.nucleus-badge--solid--critical {
  color: #fff;
  background-color: #d72d30
}

.nucleus-badge--solid--neutral {
  color: #fff;
  background-color: #475867
}

.nucleus-badge--solid--new {
  color: #fff;
  background-color: #00795b
}

.nucleus-badge--solid--primary {
  color: #fff;
  background-color: #2c5cc5
}

.nucleus-banner {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background: #fff;
  align-items: center;
  height: 40px
}

.nucleus-banner--fixed {
  position: fixed
}

.nucleus-banner__main {
  display: flex;
  max-width: 85%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  font-weight: 500;
  text-overflow: ellipsis
}

.nucleus-banner__more {
  border-left: 1px solid #000;
  margin: 8px;
  padding-left: 8px;
  position: relative
}

  .nucleus-banner__more .stack-title {
      display: inline
  }

  .nucleus-banner__more .stack-icon {
      float: left;
      margin: 4px 10px 0 2px
  }

  .nucleus-banner__more .more-card {
      position: absolute;
      top: 40px;
      right: 0;
      max-width: 400px;
      width: calc(100vw - 16px);
      background: #fff;
      box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
      padding: 8px 8px 0;
      border-radius: 4px;
      max-height: 400px;
      overflow-y: auto
  }

      .nucleus-banner__more .more-card ul.nucleus-banners {
          list-style: none;
          padding: 0;
          margin: 8px 0
      }

.nucleus-banner--warning {
  background-color: #fef1e1;
  border: 1px solid #fedcb3
}

  .nucleus-banner--warning .nucleus-banner__more {
      border-color: #fedcb3
  }

.nucleus-banner--danger {
  background-color: #ffecf0;
  border: 1px solid #ffd0d6
}

  .nucleus-banner--danger .nucleus-banner__more {
      border-color: #ffd0d6
  }

.nucleus-banner--info {
  background-color: #e5f2fd;
  border: 1px solid #bbdcfe
}

  .nucleus-banner--info .nucleus-banner__more {
      border-color: #bbdcfe
  }

.nucleus-banner--success {
  background-color: #e0f5f1;
  border: 1px solid #b4e5da
}

  .nucleus-banner--success .nucleus-banner__more {
      border-color: #b4e5da
  }

.nucleus-banner--mini {
  position: relative;
  padding: 4px 24px 4px 4px;
  border-radius: 4px;
  font-size: 14px;
  margin-bottom: 8px;
  display: flex
}

.nucleus-button, .nucleus-button__icon {
  display: inline-flex
}

.nucleus-banner--mini:last-child {
  margin-bottom: 0
}

@media screen and (min-width:320px) and (max-width:480px) {
  .nucleus-banner__main {
      overflow-x: auto;
      padding-left: 8px
  }
}

.nucleus-banner-item__icon {
  position: relative;
  top: 2px;
  margin-right: 4px
}

.nucleus-banner-item__link {
  color: #2c5cc5
}

.nucleus-banner-item__close {
  position: absolute;
  top: 8px;
  right: 16px
}

.nucleus-banner-item__content {
  overflow: hidden;
  text-overflow: ellipsis
}

.nucleus-banner-item__bullet {
  padding-left: 22px
}

  .nucleus-banner-item__bullet li {
      list-style: disc
  }

.nucleus-banner--mini .nucleus-banner-item__close {
  position: absolute;
  top: 4px;
  right: 4px
}

.nucleus-button {
  font-size: 14px;
  padding: 6px 12px;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #264966;
  cursor: pointer;
  transition: all .2s linear;
  font-weight: 500;
  height: 32px;
  min-width: 80px
}

  .collab-container .disabled.collab--create, .collab-container .disabled.collab-card, .nucleus-button.disabled, .nucleus-button[disabled] {
      cursor: not-allowed
  }

.nucleus-button__icon.nucleus--active {
  margin-right: 4px
}

.nucleus-button:focus {
  border: 1px solid #2c5cc5;
  box-shadow: 0 0 0 1px #2c5cc5;
  outline: 0
}

.nucleus-button:active {
  box-shadow: inset 0 0 4px 0 rgba(0,0,0,.25)
}

.nucleus-button.disabled .nucleus-button__icon, .nucleus-button[disabled] .nucleus-button__icon {
  opacity: .5
}

.nucleus-button--iconOnly {
  min-width: 32px;
  padding: 7px
}

.nucleus-button--primary {
  background-color: #264966;
  color: #fff;
  border: 1px solid #12344d;
  background-image: linear-gradient(to bottom,#264966,#12344d)
}

  .nucleus-button--primary:active {
      border: 1px solid #264966
  }

  .nucleus-button--primary:hover:not([disabled]) {
      background-color: #12344d;
      background-image: none
  }

  .nucleus-button--primary.disabled, .nucleus-button--primary[disabled] {
      color: #cfd7df;
      border: 1px solid #7b8e9f;
      background-image: linear-gradient(to bottom,#92a2b1,#7b8e9f)
  }

.nucleus-button--secondary {
  background-color: #f3f5f7;
  color: #12344d;
  border: 1px solid #cfd7df;
  background-image: linear-gradient(to bottom,#fff,#f3f5f7)
}

  .nucleus-button--secondary:active {
      border: 1px solid #ebeff3
  }

  .nucleus-button--secondary:hover:not([disabled]) {
      background-color: #f3f5f7;
      background-image: none
  }

  .nucleus-button--secondary.disabled, .nucleus-button--secondary[disabled] {
      color: #92a2b1;
      border: 1px solid #cfd7df;
      background-image: none;
      background-color: #ebeff3
  }

.nucleus-button--danger {
  color: #fff;
  background-color: #d72d30;
  border: 1px solid #c82124;
  background-image: linear-gradient(to bottom,#d72d30,#c82124)
}

  .nucleus-button--danger:hover:not([disabled]) {
      background-color: #c82124;
      background-image: none
  }

  .nucleus-button--danger.disabled, .nucleus-button--danger[disabled] {
      border: 1px solid #f2797b;
      color: #ffd0d6;
      background-image: linear-gradient(to bottom,#f89fa1,#f2797b)
  }

.nucleus-button--link {
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  color: #2c5cc5;
  font-weight: 600
}

  .nucleus-button--link:hover:not([disabled]) {
      background-color: #ebeff3;
      border-color: #ebeff3
  }

  .nucleus-button--link.disabled, .nucleus-button--link[disabled] {
      color: #bbdcfe
  }

.nucleus-button--text {
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  color: #264966
}

  .nucleus-button--text:hover:not([disabled]) {
      background-color: #ebeff3;
      border-color: #ebeff3
  }

  .nucleus-button--text.active, .nucleus-button--text.active:hover {
      color: #2c5cc5
  }

  .nucleus-button--text.disabled, .nucleus-button--text[disabled] {
      color: #92a2b1
  }

.nucleus-button--block {
  width: 100%
}

.nucleus-button--mini {
  padding: 2px;
  font-size: 10px;
  min-width: 16px;
  line-height: 1;
  height: 16px
}

.nucleus-button--small {
  padding: 4px 6px;
  font-size: 12px;
  min-width: 16px;
  height: 24px
}

.nucleus-button-group {
  display: flex;
  justify-content: flex-start
}

  .nucleus-button-group .nucleus-button.is-active {
      background: #2c5cc5
  }

      .nucleus-button-group .nucleus-button.is-active:hover {
          background: #bbdcfe
      }

  .nucleus-button-group .nucleus-button:first-child {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0
  }

  .nucleus-button-group .nucleus-button:last-child {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0
  }

  .nucleus-button-group .nucleus-button:not(:first-child):not(:last-child) {
      border-radius: 0
  }

.collab-container .thread-message .info-left, .text--lowercase {
  text-transform: lowercase
}

.text--capitalize {
  text-transform: capitalize
}

.text--no-underline {
  text-decoration: none
}

.text--semibold {
  font-weight: 500
}

.text--normal {
  font-weight: 400
}

.text--light {
  font-weight: 300
}

.text-danger {
  color: #d72d30
}

.text-warning {
  color: #e86f25
}

.text-info {
  color: #2c5cc5
}

.text-default {
  color: #12344d
}

.text-muted {
  color: #92a2b1
}

.text-semi-muted {
  color: #475867
}

.collab-container .disabled.collab--create .collab-icon, .collab-container .disabled.collab-card .collab-icon {
  opacity: .65
}

.collab-container .attachment-thumb .itemholder .item {
  width: 215px
}

  .collab-container .attachment-thumb .itemholder .item .reference {
      height: 31px
  }

      .collab-container .attachment-thumb .itemholder .item .reference .extension {
          top: 5px;
          left: 0;
          font-size: 6px
      }

  .collab-container .attachment-thumb .itemholder .item .text__content {
      width: 143px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      font-size: 11px
  }

  .collab-container .attachment-thumb .itemholder .item .text__infotext {
      font-size: 11px
  }

.collab-container .anchored-threads__red-dot__anchor::before, .collab-container .anchored-threads__red-dot__link::before, .collab-container .red-dot::before {
  content: "";
  border-radius: 50%;
  background: #c82124;
  position: absolute
}

.collab-container h1, .collab-container h2, .collab-container h3, .collab-container h4, .collab-container h5, .collab-container h6 {
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 500
}

.collab-container p {
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: 14px
}

.collab-container .threads-base-editor .fr-element {
  height: 100%
}

  .collab-container .threads-base-editor .fr-element.fr-view {
      font-family: inherit;
      font-size: inherit
  }

.collab-container .threads-base-editor .row {
  margin-left: 0;
  margin-right: 0
}

.collab-container .toolbar-container .fr-toolbar.fr-bottom {
  border-radius: 0
}

  .collab-container .toolbar-container .fr-toolbar.fr-bottom .fr-newline + .fr-btn-grp {
      padding-left: 8px
  }

  .collab-container .toolbar-container .fr-toolbar.fr-bottom .fr-btn-grp {
      margin: 0
  }

      .collab-container .toolbar-container .fr-toolbar.fr-bottom .fr-btn-grp .fr-btn svg {
          width: 14px
      }

@keyframes placeholder-animation {
  0%,100% {
      opacity: 1
  }

  50% {
      opacity: .5
  }
}

.collab-container .placeholder {
  animation: placeholder-animation 1.5s ease-in-out infinite
}

.collab-container .placeholder-img, .collab-container .placeholder-item, .collab-container .placeholder-text {
  background-color: #ebeff3
}

.collab-container .placeholder-text {
  height: 20px;
  border-radius: 4px
}

.collab-container .placeholder-text-20 {
  width: 20%
}

.collab-container .placeholder-text-30 {
  width: 30%
}

.collab-container .placeholder-text-40 {
  width: 40%
}

.collab-container .placeholder-text-50 {
  width: 50%
}

.collab-container .placeholder-text-60 {
  width: 60%
}

.collab-container .placeholder-text-70 {
  width: 70%
}

.collab-container .placeholder-text-80 {
  width: 80%
}

.collab-container .placeholder-text-90 {
  width: 90%
}

.collab-container .placeholder-text--regular {
  height: 32px
}

.collab-container .placeholder-img--small {
  width: 24px;
  height: 24px
}

.collab-container .placeholder-img--regular {
  width: 32px;
  height: 32px
}

.collab-container .placeholder-img--large {
  width: 44px;
  height: 44px
}

.collab-container .placeholder-center {
  margin: auto
}

.collab-container .mx-0, .collab-container .thread-message .row {
  margin-right: 0;
  margin-left: 0
}

.collab-container.collab-slider {
  width: 560px
}

  .collab-container.collab-slider.minimized {
      width: 316px
  }

  .collab-container.collab-slider.collab-container.collab-slider__editor--expanded {
      position: static
  }

      .collab-container.collab-slider.collab-container.collab-slider__editor--expanded .collab-container.collab-slider-footer {
          z-index: 5;
          margin: 0
      }

.collab-container .collab-icon {
  display: block
}

.collab-container .collab-icon--medium {
  width: 14px;
  height: 14px
}

.collab-container .collab-icon--xmedium {
  width: 20px;
  height: 20px
}

.collab-container .collab-icon--large {
  width: 24px;
  height: 24px
}

.collab-container .collab-icon--xlarge {
  width: 28px;
  height: 28px
}

.collab-container .collab-icon--xxlarge {
  width: 32px;
  height: 32px
}

.collab-container .collab-icon--link, .collab-container .collab-icon--link--hover:hover {
  fill: #2c5cc5
}

.collab-container .collab-card {
  box-shadow: 0 4px 19px rgba(18,52,77,.04);
  display: flex;
  border: 1px solid #ebeff3;
  border-radius: 8px;
  padding: 16px 16px 20px;
  margin-bottom: 12px
}

  .collab-container .collab-card.disabled {
      background-color: #f7f9fa
  }

  .collab-container .collab-card:hover {
      border: 1px solid #cfd7df
  }

.collab-container .red-dot {
  position: relative
}

  .collab-container .red-dot::before {
      border: 2px solid #fff;
      width: 10px;
      height: 10px;
      left: 20px;
      top: 1px
  }

.collab-container .threads-create-wrapper.dropdown-menu {
  left: unset;
  right: 0;
  border: 1px solid #ebeff3;
  border-radius: 8px;
  top: 3px;
  padding: 10px 8px;
  box-shadow: -10px 20px 80px rgba(0,0,0,.05)
}

  .collab-container .thread-slider-back-btn:hover, .collab-container .threads-create-wrapper.dropdown-menu .app-dropdown__item:hover {
      background-color: #f5f7f9
  }

.collab-container .thread-list-desc {
  color: #576c7d
}

.collab-container .collab--create {
  min-width: 240px;
  display: flex
}

.collab-container .collab-slider-footer .thread-editor-expand-container {
  z-index: 2
}

  .collab-container .collab-slider-footer .thread-editor-expand-container .thread-editor-expand-btn {
      width: 20px;
      height: 20px
  }

.collab-container .collab-slider-footer .thread-editor-maximize, .collab-container .collab-slider-footer .thread-editor-minimize {
  z-index: 2;
  width: 20px;
  height: 20px
}

  .collab-container .collab-slider-footer .thread-editor-maximize .nucleus-icon--info, .collab-container .collab-slider-footer .thread-editor-minimize .nucleus-icon--info {
      fill: none
  }

.collab-container .collab-slider-footer.nucleus-modal .fullscreen-modal {
  top: 50px;
  left: 140px;
  width: calc(100vw - 280px);
  height: calc(100vh - 100px);
  border: 1px solid #cfd7df;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(245,247,249,.5);
  z-index: 999;
  background-color: #fff
}

  .collab-container .collab-slider-footer.nucleus-modal .fullscreen-modal #reply-editor-container {
      height: 100%;
      overflow: scroll;
      display: flex;
      flex-direction: column
  }

      .collab-container .collab-slider-footer.nucleus-modal .fullscreen-modal #reply-editor-container .thread-reply-editor--body {
          overflow: scroll;
          height: calc(100% - 44px)
      }

          .collab-container .collab-slider-footer.nucleus-modal .fullscreen-modal #reply-editor-container .thread-reply-editor--body .froala-editor-container, .collab-container .collab-slider-footer.nucleus-modal .fullscreen-modal #reply-editor-container .thread-reply-editor--body .froala-editor-instance {
              height: 100%
          }

          .collab-container .collab-slider-footer.nucleus-modal .fullscreen-modal #reply-editor-container .thread-reply-editor--body .froala-editor-instance {
              border: 0
          }

          .collab-container .collab-slider-footer.nucleus-modal .fullscreen-modal #reply-editor-container .thread-reply-editor--body .fr-wrapper {
              height: calc(100% - 15px) !important;
              max-height: 100% !important
          }

  .collab-container .collab-slider-footer.nucleus-modal .fullscreen-modal .thread-reply-editor .email-action-fields__field {
      border: 0;
      border-bottom: 1px solid #ebeff3
  }

.collab-container .collab-slider-footer .thread-reply-editor blockquote {
  width: 500px;
  overflow: initial
}

.collab-container .anchor__content__data, .collab-container .message-container .message__content__data {
  overflow-x: auto
}

.collab-container .draggable-element {
  border-top: 3px solid #fff;
  cursor: row-resize
}

.collab-container .threads-list-container {
  height: 100%;
  max-width: unset
}

  .collab-container .threads-list-container .inactive-thread {
      filter: grayscale(100%);
      opacity: .5;
      background-color: #f5f7f9
  }

.collab-container .rename-thread__form label {
  font-size: 12px;
  font-weight: 500
}

.collab-container .threads-list-header {
  width: 525px
}

  .collab-container .threads-list-header .sort-by-selector {
      width: 150px
  }

.collab-container .anchor {
  border-radius: .5rem;
  margin-bottom: 16px
}

  .collab-container .anchor .anchor__content, .collab-container .anchor .anchor__header {
      display: flex
  }

  .collab-container .anchor .anchor__content__icon, .collab-container .anchor .anchor__header__icon {
      padding: 8px
  }

  .collab-container .anchor .anchor__content__data, .collab-container .anchor .anchor__header__data {
      padding: 8px;
      flex-grow: 1
  }

.collab-container .thread-message:hover {
  background-color: #f7f9fa
}

.collab-container .reply-editor__toolbar .fr-newline, .collab-container .thread-message .threads-action-menu .basic-dropdown-trigger, .nucleus-tabs__list__item::before {
  visibility: hidden
}

  .collab-container .thread-message .threads-action-menu .basic-dropdown-trigger[aria-expanded=true] {
      visibility: visible
  }

.collab-container .thread-message .message-editor-panel .reply-editor__footer, .collab-container .thread-message .message-editor-panel .thread-upload-attachments-wrapper {
  background-color: #fff
}

.collab-container .thread-message .collab-threads__action-menu__trigger, .collab-container .thread-message .collab-threads__action-menu__trigger:not(.active) {
  background-color: inherit
}

  .collab-container .thread-message .collab-threads__action-menu__trigger:hover {
      background-color: #ebeff3
  }

  .collab-container .thread-message .collab-threads__action-menu__trigger.active {
      box-shadow: inset 0 2px 2px 1px rgba(0,0,0,.08);
      background-color: #fff
  }

.collab-container .thread-message__content__data div.thread-message-table-wrapper {
  overflow: auto;
  max-width: 455px
}

  .collab-container .thread-message__content__data div.thread-message-table-wrapper > table {
      word-break: keep-all !important
  }

.collab-container .thread-message__content__data .attachment-thumb .itemholder .item::after {
  max-width: 300px;
  white-space: normal;
  width: intrinsic;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content
}

.collab-container .thread-message__content__data .attachment-thumb .itemholder .basic {
  height: auto
}

.collab-container .thread-message__content__data .show-more__section {
  width: 96%
}

.collab-container .thread-message .info-left {
  font-weight: 300
}

.collab-container .thread-message__new::before {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  background-color: #fac386;
  top: 50%;
  z-index: 1;
  margin-left: 50px
}

.collab-container .thread-message__new .tag {
  z-index: 2;
  color: #c13e1b;
  background-color: #fddbb5;
  border: 1px solid #fddbb5
}

.collab-container .thread-message .__module-tickets__ticket-details__expandable-banner {
  width: 100%;
  display: flex;
  height: max-content;
  padding: 16px;
  align-items: start;
  justify-content: space-between;
  border-bottom: 1px solid
}

  .collab-container .thread-message .__module-tickets__ticket-details__expandable-banner:first-child {
      border-radius: 8px 8px 0 0
  }

  .collab-container .thread-message .__module-tickets__ticket-details__expandable-banner.warning {
      background: #ffecf0;
      border-color: #ffd0d6
  }

  .collab-container .thread-message .__module-tickets__ticket-details__expandable-banner .message {
      font-size: 14px;
      color: #12344d
  }

  .collab-container .thread-message .__module-tickets__ticket-details__expandable-banner .message__action {
      font-weight: 600;
      font-size: 12px;
      color: #2c5cc5
  }

  .collab-container .thread-message .__module-tickets__ticket-details__expandable-banner .email-error-description {
      font-size: 12px;
      line-height: 20px;
      color: #475867;
      word-break: break-word
  }

  .collab-container .thread-message .__module-tickets__ticket-details__expandable-banner .email-error-short {
      line-height: 20px;
      color: #d72d30
  }

  .collab-container .thread-message .__module-tickets__ticket-details__expandable-banner .email-list {
      border-bottom: 1px solid #ffd0d6
  }

      .collab-container .thread-message .__module-tickets__ticket-details__expandable-banner .email-list:last-child {
          border-bottom: none
      }

.collab-container .thread-message .__module-tickets__ticket-details__conversation__quoted-content .ticket-note-typography {
  width: max-content
}

  .collab-container .thread-message .__module-tickets__ticket-details__conversation__quoted-content .ticket-note-typography blockquote {
      width: 500px;
      overflow: initial
  }

  .collab-container .thread-message .__module-tickets__ticket-details__conversation__quoted-content .ticket-note-typography img {
      max-width: 100%;
      cursor: pointer
  }

.collab-container .reply-editor__toolbar .fr-toolbar {
  border: 1px solid #cfd7df;
  border-top: none
}

.collab-container .reply-editor__toolbar .fr-btn-grp .fr-btn path {
  fill: #576c7d
}

.collab-container .reply-editor__toolbar .fr-btn-grp .fr-btn.fr-active path {
  fill: #2c5cc5
}

.collab-container .reply-editor__footer {
  height: 45px;
  border: 1px solid #cfd7df;
  border-top: none;
  border-radius: 0 0 10px 10px
}

  .collab-container .reply-editor__footer .attachment-wrapper {
      width: 32px;
      height: 32px
  }

      .collab-container .reply-editor__footer .attachment-wrapper:hover {
          background: #ebedf0
      }

      .collab-container .reply-editor__footer .attachment-wrapper .app-icon-fileupload {
          position: absolute;
          width: 100%;
          z-index: 5;
          height: 100%;
          overflow: hidden;
          opacity: 0;
          top: 0;
          left: 0;
          cursor: pointer
      }

          .collab-container .reply-editor__footer .attachment-wrapper .app-icon-fileupload input[type=file] {
              display: none
          }

.collab-container .reply-editor__footer__border-top {
  border-top: 1px #ebeff3 solid
}

.collab-container .reply-editor__action {
  border-radius: 2px
}

  .collab-container .reply-editor__action.show-toolbar, .collab-container .reply-editor__action:hover {
      background: #f3f5f7
  }

  .collab-container .reply-editor__action .app-icon {
      fill: #12344d
  }

.collab-container .reply-editor__action__dropdown {
  width: 528px;
  box-shadow: -10px 20px 80px rgba(0,0,0,.05)
}

  .collab-container .reply-editor__action__dropdown .dropdown-content {
      overflow: auto;
      padding: 0 20px 20px
  }

.collab-container .reply-editor__container {
  border: 1px solid #cfd7df;
  border-bottom: none;
  overflow: hidden;
  border-radius: 10px 10px 0 0
}

  .collab-container .reply-editor__container.no-radius {
      border-radius: 0
  }

  .collab-container .reply-editor__container .fr-wrapper {
      border: none
  }

  .collab-container .reply-editor__container .fr-quoted-controls {
      overflow: hidden;
      position: relative;
      z-index: 1;
      left: 20px;
      height: 20px
  }

      .collab-container .reply-editor__container .fr-quoted-controls .fr-quoted-marker-remove {
          position: absolute;
          left: 25px;
          bottom: 20px;
          transition: opacity .3s ease
      }

.collab-container .thread-editor-errors {
  padding: 5px 0 5px 5px;
  background-color: #ffecf0;
  color: #f2797b;
  border: 1px solid rgba(255,89,89,.11);
  border-radius: 4px
}

.collab-container .threads-to-button {
  width: 43px;
  height: 28px;
  top: 36px;
  left: 510px;
  padding: 4px 8px;
  border-radius: 30px;
  border: 1px;
  background: #e5f2fd
}

.collab-container .from-email-field_count {
  color: #2c5cc5
}

.collab-container .nucleus-modal .reply-editor__toolbar {
  border: 1px solid #ebeff3
}

  .collab-container .nucleus-modal .reply-editor__toolbar .fr-toolbar {
      border: 0
  }

.collab-container .nucleus-modal .reply-editor__footer {
  border: 0;
  background-color: #f5f7f9
}

.collab-container .title-card .created-time {
  font-style: italic;
  color: #475867;
  font-weight: 400;
  font-size: 12px;
  padding-top: 6px
}

.collab-container .title-card .highlighted-contact {
  font-weight: 600;
  color: #2c5cc5
}

.collab-container .thread-reply-editor .fr-box.fr-basic .fr-element {
  padding: 14px 12px
}

.collab-container .thread-reply-editor .fr-box.fr-basic .fr-wrapper [dir=auto] [dir=rtl], .collab-container .thread-reply-editor .fr-box.fr-basic .fr-wrapper [dir=rtl] [dir=ltr] {
  text-align: right
}

.collab-container .thread-reply-editor .fr-box.fr-basic .fr-wrapper [dir=rtl] [dir=rtl] {
  text-align: left
}

.collab-container .thread-reply-editor .thread-upload-attachments-wrapper {
  border: 1px solid #cfd7df;
  border-top: none;
  border-bottom: none
}

  .collab-container .thread-reply-editor .thread-upload-attachments-wrapper .attachment {
      margin-top: 0;
      margin-bottom: 0;
      max-height: 150px;
      overflow: auto
  }

      .collab-container .thread-reply-editor .thread-upload-attachments-wrapper .attachment .attachment__item {
          margin-bottom: 10px;
          margin-left: 4px;
          float: left;
          overflow: unset
      }

.collab-container .thread-reply-editor .attachment-dropzone {
  border: 1px solid #cfd7df;
  border-top: 0;
  border-bottom: 0
}

  .collab-container .thread-reply-editor .attachment-dropzone .__ui-form__editor__drag-and-drop {
      margin: 0 10px
  }

.collab-container .anchored-threads__container {
  border-radius: 0 0 .5rem .5rem
}

.collab-container .anchored-threads__item__time-ago {
  color: #475867
}

.collab-container .anchored-threads__more-threads .divider {
  border-left: 1px solid #b1bdc8;
  height: 12px
}

.collab-container .anchored-threads__view-thread {
  padding: 16px 65px
}

.collab-container .anchored-threads__red-dot__anchor {
  position: relative
}

  .collab-container .anchored-threads__red-dot__anchor::before {
      border: 1px solid #c82124;
      width: 6px;
      height: 6px;
      left: 6px;
      top: 6px
  }

.collab-container .anchored-threads__red-dot__link {
  position: relative
}

  .collab-container .anchored-threads__red-dot__link::before {
      border: 1px solid #c82124;
      width: 6px;
      height: 6px;
      left: -9px;
      top: 5px
  }

.collab-container .retry-action--error {
  background-color: #ffecf0;
  box-shadow: 0 1px 0 #ffd0d6
}

.collab-container .retry-action--running {
  background-color: #e5f2fd;
  box-shadow: 0 1px 0 #bbdcfe
}

.collab-container .retry-action--success {
  background-color: #e0f5f1;
  box-shadow: 0 1px 0 #b4e5da
}

.collab-container .retry-action__cta {
  margin-right: 28px
}

  .collab-container .retry-action__cta button {
      color: #2c5cc5
  }

.collab-container .retry-action-enter {
  opacity: .01
}

  .collab-container .retry-action-enter.retry-action-enter-active {
      opacity: 1;
      animation-name: fadeIn;
      animation-duration: .3s
  }

.collab-container .retry-action-leave {
  opacity: 1
}

  .collab-container .retry-action-leave.retry-action-leave-active {
      opacity: .01;
      animation-name: fadeOut;
      animation-duration: .3s
  }

.collab-container .thread-messages {
  display: flex;
  flex-direction: column-reverse;
  overflow: auto;
  flex-grow: 1
}

.collab-container .thread-messages--reverse {
  flex-direction: column
}

.collab-container .messages-placeholder .message-container--placeholder {
  background-color: rgba(243,245,247,.5)
}

.collab-container .dropdown-menu.collab-threads__action-menu {
  padding: 6px 0;
  border-radius: 8px;
  box-shadow: -15px 20px 80px rgba(0,0,0,.08)
}

  .collab-container .dropdown-menu.collab-threads__action-menu .collab-threads__action-menu__option__btn {
      display: inline-flex;
      padding-top: 7px;
      padding-bottom: 7px
  }

.collab-container .attachment__placeholder__container {
  width: 215px;
  background-color: rgba(243,245,247,.5)
}

.collab-container .message-container {
  border-radius: .5rem
}

  .collab-container .message-container .message__subject__data {
      line-height: 20px;
      color: #12344d
  }

  .collab-container .message-container .message--failed {
      background: #f3f5f7
  }

  .collab-container .message-container .message__email__divider {
      display: inline-block;
      width: 2px;
      height: 8px;
      background: #92a2b1
  }

.collab-container .email-action-fields__field .power-select-status-icon, .nucleus-inline-banner.nucleus-inactive {
  display: none
}

.collab-container .message-container .message__content__icon {
  width: 32px
}

.collab-container .email-action-fields {
  border: 1px solid #cfd7df;
  border-bottom: none;
  border-top: none
}

.collab-container .email-action-fields__field {
  border-top: 1px solid #ebeff3;
  overflow: auto
}

.collab-container .email-action-fields__field-wrapper {
  width: 90%
}

.collab-container .email-action-fields__field .power-select-trigger {
  border: none;
  max-height: 100px;
  overflow: auto
}

.collab-container .from-email-field {
  border: 1px solid #cfd7df;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  position: relative;
  display: flex
}

.collab-container .from-email-field__wrapper .power-select-trigger, .collab-container .from-email-field__wrapper .power-select-trigger:hover[aria-disabled=true] {
  border: none
}

.collab-container .from-email-field__wrapper {
  width: auto;
  max-width: calc(100% - 160px);
  display: inline-block;
  white-space: nowrap
}

  .collab-container .from-email-field__wrapper .power-select-trigger[aria-disabled=true] {
      border-style: none
  }

.collab-container .from-email-field__label {
  width: 100%
}

.collab-container .from-email-field__count {
  border-radius: 10px;
  padding: 2px 6px
}

.collab-container .from-email-field .thread-editor-expand-container .thread-editor-expand-btn {
  width: 20px;
  height: 20px
}

.collab-container .nucleus-modal .from-email-field {
  border: 0;
  border-bottom: 1px solid #ebeff3
}

.collab-container .thread-properties {
  margin-left: 56px;
  background-color: #f5f7f9
}

.collab-container .thread-properties__container {
  overflow: hidden
}

.collab-container .thread-properties__property {
  width: 45%
}

.collab-container .thread-properties__toggle_btn:hover {
  background: 0 0;
  border: 2px solid #f5f7f9
}

.collab-container .thread-properties__toggle_btn:focus {
  border: none;
  box-shadow: none
}

.collab-container .message-reply {
  height: 32px;
  padding: 6px 12px
}

  .collab-container .message-reply[disabled] {
      color: #95ade2
  }

.collab-container .send-and-set .message-reply {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

  .collab-container .send-and-set .message-reply[disabled] {
      color: #acb6be
  }

.collab-container .send-and-set .set-btn {
  border-color: #cfd7df
}

  .collab-container .send-and-set .set-btn[disabled] svg {
      fill: #acb6be
  }

.collab-container .send-and-set .send-and-set-trigger:has(.set-btn[disabled]) {
  cursor: not-allowed
}

.collab-container .thread-reply-editor .field-container {
  border: 1px solid #cfd7df;
  border-bottom: none;
  border-top: none
}

  .collab-container .thread-reply-editor .field-container .thread-subject-field {
      border-top: 1px solid #ebeff3
  }

  .collab-container .thread-reply-editor .field-container .thread-subject-field__wrapper {
      width: 90%
  }

      .collab-container .thread-reply-editor .field-container .thread-subject-field__wrapper .text__infotext::after {
          content: "*";
          position: relative;
          top: 2px;
          font-size: 14px;
          color: #d72d30;
          padding-left: 2px;
          font-weight: 700
      }

      .collab-container .thread-reply-editor .field-container .thread-subject-field__wrapper .input {
          margin: 0;
          width: 82%
      }

  .collab-container .thread-reply-editor .field-container .thread-subject-field .text-field {
      border: none;
      max-height: 100px;
      overflow: auto;
      margin-top: 2px
  }

.collab-container .nucleus-modal #reply-editor-container .thread-subject-field__wrapper .input {
  width: 92%
}

.collab-container .nucleus-modal #reply-editor-container blockquote, .inline-slider--expanded .thread-message .__module-tickets__ticket-details__conversation__quoted-content .ticket-note-typography {
  width: auto
}

  .collab-container .nucleus-modal #reply-editor-container blockquote img {
      max-width: 100%;
      cursor: pointer
  }

.collab-container .nucleus-modal .send-and-set .set-btn {
  border-top-color: #12344d;
  border-bottom-color: #12344d
}

  .collab-container .nucleus-modal .send-and-set .set-btn[disabled] {
      border-color: #7b8e9f
  }

.collab-container .integration_product_items__occulion-container {
  max-height: 296px
}

.collab-container .fs-incident-form form {
  display: flex;
  flex-direction: column;
  height: 100%
}

.collab-container .fs-incident-form .reply-editor__container {
  border-radius: 4px 4px 0 0
}

.collab-container .fs-incident-form .reply-editor__footer {
  border-radius: 0 0 4px 4px
}

.collab-container .ma-0 {
  margin: 0
}

.collab-container .my-0 {
  margin-top: 0;
  margin-bottom: 0
}

.collab-container .mt-0 {
  margin-top: 0
}

.collab-container .form-field--label, .collab-container .input--label, .collab-container .mb-0 {
  margin-bottom: 0
}

.collab-container .ml-0 {
  margin-left: 0
}

.collab-container .ml-4, .collab-container .mx-4 {
  margin-left: 4px
}

.collab-container .mr-0 {
  margin-right: 0
}

.collab-container .mr-4, .collab-container .mx-4, .collab-midbar .collab-quick-notification .no-signal-icon-wrapper {
  margin-right: 4px
}

.collab-container .ma-4 {
  margin: 4px
}

.collab-container .my-4 {
  margin-top: 4px;
  margin-bottom: 4px
}

.collab-container .mt-4 {
  margin-top: 4px
}

.collab-container .mb-4 {
  margin-bottom: 4px
}

.collab-container .ml-8, .collab-container .mx-8 {
  margin-left: 8px
}

.collab-container .mr-8, .collab-container .mx-8, .nucleus-modal__footer button:not(:last-child), .nucleus-modal__header .header-icon {
  margin-right: 8px
}

.collab-container .ma-8 {
  margin: 8px
}

.collab-container .my-8 {
  margin-top: 8px;
  margin-bottom: 8px
}

.collab-container .mt-8 {
  margin-top: 8px
}

.collab-container .mb-8 {
  margin-bottom: 8px
}

.collab-container .ma-12 {
  margin: 12px
}

.collab-container .mx-12 {
  margin-left: 12px;
  margin-right: 12px
}

.collab-container .my-12 {
  margin-top: 12px;
  margin-bottom: 12px
}

.collab-container .mt-12 {
  margin-top: 12px
}

.collab-container .mb-12 {
  margin-bottom: 12px
}

.collab-container .ml-12 {
  margin-left: 12px
}

.collab-container .mr-12 {
  margin-right: 12px
}

.collab-container .ma-16 {
  margin: 16px
}

.collab-container .mx-16 {
  margin-left: 16px;
  margin-right: 16px
}

.collab-container .my-16 {
  margin-top: 16px;
  margin-bottom: 16px
}

.collab-container .mt-16 {
  margin-top: 16px
}

.collab-container .mb-16 {
  margin-bottom: 16px
}

.collab-container .ml-16 {
  margin-left: 16px
}

.collab-container .ml-20, .collab-container .mx-20, .unified360-sidenav .unified360-marketplace-cti-content.show + .marketplace-cti-content {
  margin-left: 20px
}

.collab-container .mr-16 {
  margin-right: 16px
}

.collab-container .ma-20 {
  margin: 20px
}

.collab-container .mx-20 {
  margin-right: 20px
}

.collab-container .my-20 {
  margin-top: 20px;
  margin-bottom: 20px
}

.collab-container .mt-20 {
  margin-top: 20px
}

.collab-container .mb-20 {
  margin-bottom: 20px
}

.collab-container .mr-20 {
  margin-right: 20px
}

.collab-container .pa-0 {
  padding: 0
}

.collab-container .px-0 {
  padding-left: 0;
  padding-right: 0
}

.collab-container .py-0 {
  padding-top: 0;
  padding-bottom: 0
}

.collab-container .pt-0 {
  padding-top: 0
}

.collab-container .pb-0 {
  padding-bottom: 0
}

.collab-container .pl-0 {
  padding-left: 0
}

.collab-container .pr-0 {
  padding-right: 0
}

.collab-container .pa-4 {
  padding: 4px
}

.collab-container .px-4 {
  padding-left: 4px;
  padding-right: 4px
}

.collab-container .py-4 {
  padding-top: 4px;
  padding-bottom: 4px
}

.collab-container .pt-4 {
  padding-top: 4px
}

.collab-container .pb-4 {
  padding-bottom: 4px
}

.collab-container .pl-4 {
  padding-left: 4px
}

.collab-container .pr-4 {
  padding-right: 4px
}

.collab-container .collab--create.app-dropdown__item, .collab-container .pa-8 {
  padding: 8px
}

.collab-container .px-8 {
  padding-left: 8px;
  padding-right: 8px
}

.collab-container .py-8 {
  padding-top: 8px;
  padding-bottom: 8px
}

.collab-container .pt-8 {
  padding-top: 8px
}

.collab-container .pb-8 {
  padding-bottom: 8px
}

.collab-container .pl-8 {
  padding-left: 8px
}

.collab-container .pr-8 {
  padding-right: 8px
}

.collab-container .pa-12 {
  padding: 12px
}

.collab-container .px-12 {
  padding-left: 12px;
  padding-right: 12px
}

.collab-container .py-12 {
  padding-top: 12px;
  padding-bottom: 12px
}

.collab-container .pt-12 {
  padding-top: 12px
}

.collab-container .pb-12 {
  padding-bottom: 12px
}

.collab-container .pl-12 {
  padding-left: 12px
}

.collab-container .pr-12 {
  padding-right: 12px
}

.collab-container .pa-16 {
  padding: 16px
}

.collab-container .px-16 {
  padding-left: 16px;
  padding-right: 16px
}

.collab-container .py-16 {
  padding-top: 16px;
  padding-bottom: 16px
}

.collab-container .pt-16 {
  padding-top: 16px
}

.collab-container .pb-16 {
  padding-bottom: 16px
}

.collab-container .pl-16 {
  padding-left: 16px
}

.collab-container .pr-16 {
  padding-right: 16px
}

.collab-container .pa-20 {
  padding: 20px
}

.collab-container .px-20 {
  padding-left: 20px;
  padding-right: 20px
}

.collab-container .py-20 {
  padding-top: 20px;
  padding-bottom: 20px
}

.collab-container .pt-20 {
  padding-top: 20px
}

.collab-container .pb-20 {
  padding-bottom: 20px
}

.collab-container .pl-20 {
  padding-left: 20px
}

.collab-container .pr-20 {
  padding-right: 20px
}

.collab-container .anchor-body .inline-image, .collab-container .max-w-100, .collab-container .thread-message__content__data .inline-image {
  max-width: 100%
}

.collab-container .vertical-align {
  vertical-align: middle
}

.collab-container .vertical-align--bottom {
  vertical-align: bottom
}

.collab-container .vertical-align--top {
  vertical-align: top
}

.collab-container .vertical-align--baseline {
  vertical-align: baseline
}

.collab-container .flex-grow-1 {
  flex-grow: 1
}

.collab-container .bg-smoke-25, .collab-container .bg-smoke-25-hover:hover, .collab-container .collab-threads__action-menu__trigger:hover, .collab-container .dropdown-menu.collab-threads__action-menu .collab-threads__action-menu__option:hover {
  background-color: #f3f5f7
}

.collab-container .form-field.form-field--has-errors .form-field--control, .collab-container .input.form-field--has-errors .form-field--control {
  border-color: #d72d30
}

  .collab-container .form-field.form-field--has-errors .form-field--control:focus, .collab-container .input.form-field--has-errors .form-field--control:focus {
      box-shadow: none
  }

.collab-container .form-field--errors, .collab-container .input--errors {
  font-family: inherit;
  font-size: 11px;
  margin-top: 3px;
  position: inherit;
  margin-bottom: 0;
  -webkit-font-smoothing: antialiased
}

.collab-container .form-field--label, .collab-container .input--label {
  font-size: 12px
}

.collab-container .form-field .star, .collab-container .form-field--errors, .collab-container .input .star, .collab-container .input--errors {
  color: #d72d30
}

.collab-container .form-field:not(.form-field--has-errors) .form-field--control:not(:focus):hover {
  border-color: #475867;
  transition: .2s linear
}

.inline-slider--expanded .thread-message .__module-tickets__ticket-details__conversation__quoted-content blockquote {
  width: auto !important
}

.inline-slider--expanded .thread-message .__module-tickets__ticket-details__conversation__quoted-content img {
  max-width: 100%;
  cursor: pointer
}

.threads-hello-world-btn {
  font-size: 14px;
  padding: 4px 15px 5px
}

.threads-trigger .threads-dropdown-trigger.icon-detail-right-trigger, .threads-trigger .threads-view-button.icon-detail-right-trigger {
  border-left: 0;
  border-radius: 0 4px 4px 0
}

.threads-trigger .threads-dropdown-trigger.nucleus-button:active, .threads-trigger .threads-dropdown-trigger.nucleus-button:focus, .threads-trigger .threads-view-button.nucleus-button:active, .threads-trigger .threads-view-button.nucleus-button:focus {
  border: 1px solid #cfd7df;
  box-shadow: none
}

.threads-trigger .red-dot {
  position: relative
}

  .threads-trigger .red-dot::before {
      content: "";
      border: 2px solid #fff;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #c82124;
      position: absolute;
      left: 22px;
      top: -4px
  }

.nucleus-icon {
  width: 12px;
  height: 12px
}

.nucleus-icon--micro {
  width: 8px;
  height: 8px
}

.nucleus-icon--mini {
  width: 10px;
  height: 10px
}

.nucleus-icon--small {
  width: 12px;
  height: 12px
}

.nucleus-icon--medium {
  width: 14px;
  height: 14px
}

.nucleus-icon--large {
  width: 16px;
  height: 16px
}

.nucleus-icon--primary {
  fill: #12344d
}

.nucleus-icon--secondary {
  fill: #fff
}

.nucleus-icon--danger {
  fill: #d72d30
}

.nucleus-icon--warning {
  fill: #e86f25
}

.nucleus-icon--success {
  fill: #00795b
}

.nucleus-icon--info {
  fill: #2c5cc5
}

.nucleus-inline-banner {
  border-radius: 4px;
  background-color: transparent;
  display: flex;
  align-items: flex-start;
  padding: 6px 8px;
  font-size: 14px
}

.nucleus-inline-banner__icon {
  padding: 4px 8px 4px 0;
  color: #fff;
  display: inline-flex;
  align-self: flex-start
}

.nucleus-inline-banner__content {
  padding: 0 8px;
  color: #fff;
  position: relative;
  flex-grow: 2;
  border-left: 1px solid #cfd7df
}

.nucleus-inline-banner__close {
  display: inline-flex;
  align-self: flex-start;
  padding: 3px 0
}

.nucleus-inline-banner--warning {
  background-color: #fef1e1;
  border: 1px solid #fedcb3
}

  .nucleus-inline-banner--warning .nucleus-inline-banner__content {
      color: #12344d;
      border-left-color: #fedcb3
  }

.nucleus-inline-banner--danger {
  background-color: #ffecf0;
  border: 1px solid #ffd0d6
}

  .nucleus-inline-banner--danger .nucleus-inline-banner__content {
      color: #12344d;
      border-left-color: #ffd0d6
  }

.nucleus-inline-banner--info {
  background-color: #e5f2fd;
  border: 1px solid #bbdcfe
}

  .nucleus-inline-banner--info .nucleus-inline-banner__content {
      color: #12344d;
      border-left-color: #bbdcfe
  }

.nucleus-inline-banner--success {
  background-color: #e0f5f1;
  border: 1px solid #b4e5da
}

  .nucleus-inline-banner--success .nucleus-inline-banner__content {
      color: #12344d;
      border-left-color: #b4e5da
  }

.nucleus-modal {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
  display: flex
}

.nucleus-modal__dialog, .nucleus-modal__header {
  position: relative;
  background: #fff;
  display: flex
}

.nucleus-modal--center {
  align-items: center;
  justify-content: center
}

.nucleus-modal--right {
  align-items: flex-end;
  flex-direction: column;
  justify-content: flex-start
}

.nucleus-modal--left {
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start
}

.nucleus-modal__dialog {
  max-height: 70vh;
  width: 512px;
  border-radius: 4px;
  flex-direction: column
}

.nucleus-modal__dialog--large {
  width: 800px
}

.nucleus-modal__dialog--small {
  width: 424px
}

.nucleus-modal__dialog--slider {
  width: 600px;
  height: 100vh;
  max-height: 100vh;
  border-radius: 0
}

.nucleus-modal__header {
  padding: 32px 32px 0;
  border-radius: 4px 4px 0 0;
  transition: all .1s linear;
  justify-content: space-between;
  flex: none
}

  .nucleus-modal__header.sticky {
      position: sticky;
      top: 0;
      z-index: 9;
      padding: 16px 32px;
      box-shadow: 0 2px 4px 0 rgba(18,52,77,.08)
  }

  .nucleus-modal__header .header-content {
      flex-grow: 2
  }

      .nucleus-modal__header .header-content .title {
          font-size: 18px;
          font-weight: 600;
          margin: 0;
          line-height: 1.1
      }

      .nucleus-modal__header .header-content .description {
          font-size: 12px;
          color: #475867
      }

.nucleus-modal__body {
  padding: 16px 32px;
  font-size: 14px;
  position: relative;
  flex: 1 1 auto;
  overflow-y: auto
}

.nucleus-modal__footer {
  padding: 12px 16px 12px 32px;
  background-color: #f3f5f7;
  border-radius: 0 0 4px 4px;
  display: flex;
  justify-content: flex-end;
  flex: none
}

  .nucleus-modal__footer.sticky {
      position: sticky;
      bottom: 0
  }

.collab-midbar .collab-att-msg-img .collab-att-name-size-row, .collab-sidebar .collab-att-msg-img .collab-att-name-size-row, .nucleus-tabs__list__item {
  margin: 0 4px
}

.nucleus-modal__close {
  position: absolute;
  top: 8px;
  right: 8px;
  transition: all .3s
}

  .nucleus-modal__close.right {
      top: 0;
      right: 600px;
      border-radius: 0 0 0 2px
  }

.nucleus-modal__backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-color: rgba(18,52,77,.5)
}

.nucleus-modal--open {
  overflow: hidden
}

@media screen and (min-width:320px) and (max-width:480px) {
  .nucleus-modal .nucleus-modal__dialog {
      max-height: 100vh;
      width: 100%
  }

  .nucleus-modal__close.right {
      right: 0
  }
}

.fade-enter {
  opacity: 0
}

  .fade-enter.fade-enter-active {
      opacity: 1;
      transition: opacity .3s ease-in-out
  }

.fade-leave {
  opacity: 1
}

  .fade-leave.fade-leave-active {
      opacity: 0;
      transition: opacity .3s ease-in-out
  }

.slide-down-enter {
  opacity: 0;
  transform: translate3d(0,-10%,0)
}

  .slide-down-enter.slide-down-enter-active {
      opacity: 1;
      transform: translate3d(0,0,0);
      transition: all .3s ease-in-out
  }

.slide-down-leave {
  opacity: 1;
  transform: translate3d(0,0,0)
}

  .slide-down-leave.slide-down-leave-active {
      opacity: 0;
      transform: translate3d(0,-10%,0);
      transition: all .3s ease-in-out
  }

.slide-right-enter {
  opacity: 0;
  transform: translate3d(10%,0,0)
}

  .slide-right-enter.slide-right-enter-active {
      opacity: 1;
      transform: translate3d(0,0,0);
      transition: all .3s ease-in-out
  }

.slide-right-leave {
  opacity: 1;
  transform: translate3d(0,0,0)
}

  .slide-right-leave.slide-right-leave-active {
      opacity: 0;
      transform: translate3d(10%,0,0);
      transition: all .3s ease-in-out
  }

.circle-loader {
  border: 2px solid rgba(0,0,0,.15);
  border-left-color: #fff;
  animation: loader-spin 1.2s infinite linear;
  position: relative;
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  width: 16px;
  height: 16px
}

.load-complete {
  -webkit-animation: none;
  animation: none;
  border: none;
  transition: all .5s ease-out
}

  .load-complete .checkmark.draw {
      display: block
  }

.checkmark {
  display: none
}

  .checkmark.draw::after {
      animation-duration: .8s;
      animation-timing-function: ease;
      animation-name: checkmark;
      transform: scaleX(-1) rotate(135deg)
  }

  .checkmark::after {
      opacity: 1;
      height: 10px;
      width: 5px;
      transform-origin: left top;
      border-right: 2px solid #fff;
      border-top: 2px solid #fff;
      content: "";
      left: 4px;
      top: 8px;
      position: absolute
  }

@keyframes loader-spin {
  0% {
      transform: rotate(0)
  }

  100% {
      transform: rotate(360deg)
  }
}

@keyframes checkmark {
  0% {
      height: 0;
      width: 0;
      opacity: 1
  }

  20% {
      height: 0;
      width: 5px;
      opacity: 1
  }

  100%,40% {
      height: 10px;
      width: 5px;
      opacity: 1
  }
}

.nucleus-tabs {
  display: flex;
  flex-direction: column;
  width: 100%
}

.nucleus-tabs__list {
  width: 100%;
  overflow: scroll hidden
}

.nucleus-tabs__list__container {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  padding: 0 12px;
  border-bottom: 1px solid #ebeff3
}

.nucleus-tabs__list__item {
  flex-shrink: 0;
  position: relative;
  text-align: center;
  line-height: 20px;
  padding: 10px 8px;
  font-size: 14px;
  color: #475867
}

  .nucleus-tabs__list__item:first-child {
      margin-left: 0
  }

  .nucleus-tabs__list__item:last-child {
      margin-right: 0
  }

  .nucleus-tabs__list__item::before {
      display: block;
      content: attr(title);
      font-weight: 500;
      height: 0;
      overflow: hidden
  }

  .nucleus-tabs__list__item::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -1px;
      width: 100%;
      box-sizing: border-box
  }

  .nucleus-tabs__list__item:hover {
      outline: 0;
      border: 0;
      box-shadow: none;
      cursor: pointer
  }

      .nucleus-tabs__list__item:hover::after {
          border-bottom: 2px solid #cfd7df
      }

  .nucleus-tabs__list__item:focus {
      outline: 0;
      border: 0;
      box-shadow: none
  }

      .nucleus-tabs__list__item:focus::after {
          height: calc(100% + 1px);
          border: 2px solid #2c5cc5;
          border-radius: 4px
      }

  .nucleus-tabs__list__item.is-pressed::after {
      border: 0;
      border-radius: 0;
      border-bottom: 0
  }

  .nucleus-tabs__list__item.is-pressed:hover::after {
      border-bottom: 2px solid #cfd7df
  }

  .nucleus-tabs__list__item.is-active::after, .nucleus-tabs__list__item.is-pressed.is-active::after {
      border-bottom: 2px solid #2c5cc5
  }

  .nucleus-tabs__list__item.is-active {
      color: #2c5cc5;
      font-weight: 500
  }

  .nucleus-tabs__list__item.is-disabled {
      color: #92a2b1
  }

      .nucleus-tabs__list__item.is-disabled:hover {
          cursor: default
      }

          .nucleus-tabs__list__item.is-disabled:hover::after {
              display: none
          }

.nucleus-tabs__panel {
  width: 100%;
  display: none
}

  .nucleus-tabs__panel.is-active {
      display: block
  }

.nucleus-tabs--background .nucleus-tabs__list {
  background: #f3f5f7;
  border: 1px solid #ebeff3;
  border-radius: 4px
}

.nucleus-toast-messages {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: fixed;
  z-index: 9999999999
}

  .nucleus-toast-messages.top {
      top: 0
  }

  .nucleus-toast-messages.bottom {
      bottom: 0
  }

  .nucleus-toast-messages.left {
      left: 0
  }

  .nucleus-toast-messages.right {
      right: 0
  }

  .nucleus-toast-messages.center {
      left: 50%;
      transform: translate(-50%,0)
  }

.nucleus-toast-message {
  background: #fff;
  border-radius: 4px;
  border-top: 4px solid #cfd7df;
  padding: 10px 16px;
  box-shadow: 0 2px 18px 0 rgba(18,52,77,.2);
  width: 400px;
  margin: 16px;
  display: flex;
  align-items: flex-start;
  position: relative
}

.nucleus-toast-message__icon {
  margin-right: 16px;
  margin-top: 2px
}

.nucleus-toast-message__content {
  font-size: 14px;
  font-weight: 600;
  padding-right: 16px;
  flex-grow: 2
}

  .nucleus-toast-message__content .title {
      margin: 0
  }

  .nucleus-toast-message__content .link {
      color: #2c5cc5
  }

.nucleus-toast-message__close {
  display: inline-flex;
  margin-top: 4px
}

.nucleus-toast-message.alert-success {
  border-top-color: #00795b
}

  .nucleus-toast-message.alert-success .nucleus-toast-message__icon {
      color: #00795b
  }

.nucleus-toast-message.alert-danger {
  border-top-color: #d72d30
}

  .nucleus-toast-message.alert-danger .nucleus-toast-message__icon {
      color: #d72d30
  }

.nucleus-toast-message.alert-info {
  border-top-color: #2c5cc5
}

  .nucleus-toast-message.alert-info .nucleus-toast-message__icon {
      color: #2c5cc5
  }

.nucleus-toast-message.alert-warning {
  border-top-color: #e86f25
}

  .nucleus-toast-message.alert-warning .nucleus-toast-message__icon {
      color: #e86f25
  }

@media screen and (min-width:320px) and (max-width:480px) {
  .nucleus-toast-message {
      width: 320px
  }
}

.nucleus-toggle {
  position: relative;
  display: inline-block
}

.nucleus-toggle--large {
  width: 48px;
  height: 32px
}

  .nucleus-toggle--large .thumb {
      width: 28px;
      height: 28px
  }

.nucleus-toggle--medium {
  width: 40px;
  height: 28px
}

  .nucleus-toggle--medium .thumb {
      width: 24px;
      height: 24px
  }

.nucleus-toggle--small {
  width: 32px;
  height: 24px
}

  .nucleus-toggle--small .thumb {
      width: 20px;
      height: 20px
  }

.nucleus-toggle .track {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 6px 2px;
  border-radius: 12px;
  background: #576c7d
}

.nucleus-toggle .thumb {
  left: 0;
  top: 2px;
  position: absolute;
  transition: .3s;
  -webkit-transition: .3s;
  pointer-events: none
}

.all-ease-transition, .zoom-1-1 {
  -webkit-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  -moz-transition: all .2s ease
}

.nucleus-toggle .thumb::before {
  content: "";
  opacity: 0;
  width: inherit;
  height: inherit;
  background-color: #576c7d;
  position: absolute;
  border-radius: 50%
}

.nucleus-toggle .thumb__control {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 2px;
  position: absolute;
  border-radius: 50%;
  border: 1px solid #576c7d;
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(39,49,58,.3)
}

.nucleus-toggle .thumb__control--icon {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.nucleus-toggle--checked .thumb::before, .nucleus-toggle--checked .track {
  background-color: #2c5cc5
}

.nucleus-toggle--checked .thumb__control {
  border: 1px solid #2c5cc5
}

.nucleus-toggle--large.nucleus-toggle--checked .thumb {
  left: calc(100% - 28px)
}

.nucleus-toggle--medium.nucleus-toggle--checked .thumb {
  left: calc(100% - 24px)
}

.nucleus-toggle--small.nucleus-toggle--checked .thumb {
  left: calc(100% - 20px)
}

.nucleus-toggle:hover .thumb::before {
  opacity: .4
}

.nucleus-toggle input {
  width: inherit;
  height: inherit;
  cursor: pointer;
  opacity: 0
}

  .collab-midbar .collab-mention-picker .lm-list-item.deactivated-user, .collab-sidebar .collab-mention-picker .lm-list-item.deactivated-user, .nucleus-toggle input:focus + .thumb::before, .nucleus-toggle[disabled] {
      opacity: .4
  }

.nucleus-toggle[disabled] {
  cursor: not-allowed
}

.collab-midbar.collab-ui-disabled .collab-tag-handle, .collab-sidebar.collab-ui-disabled .collab-tag-handle {
  cursor: text
}

.occluded-content {
  display: block;
  position: relative;
  width: 100%;
  min-height: .01px;
  color: transparent
}

, table .occluded-content, tbody .occluded-content, tfoot .occluded-content, thead .occluded-content {
  display: table-row;
  position: relative;
  width: 100%
}

ol .occluded-content, ul .occluded-content {
  display: list-item;
  position: relative;
  width: 100%;
  list-style-type: none;
  height: 0
}

.collab-hide {
  display: none
}

.collab-save-space {
  white-space: pre-line
}

.smooth-text {
  -webkit-font-smoothing: antialiased
}

@media (max-width:1020px) {
  .collab-header .collaborators-header .confirmation-modal {
      left: -94.8%
  }
}

@media (min-width:1021px) and (max-width:1100px) {
  .collab-header .collaborators-header .confirmation-modal {
      left: -93.8%
  }
}

@media (min-width:1101px) and (max-width:1170px) {
  .collab-header .collaborators-header .confirmation-modal {
      left: -92.8%
  }
}

@media (min-width:1171px) and (max-width:1250px) {
  .collab-header .collaborators-header .confirmation-modal {
      left: -91.8%
  }
}

@media (min-width:1251px) and (max-width:1330px) {
  .collab-header .collaborators-header .confirmation-modal {
      left: -90.8%
  }
}

@media (min-width:1331px) and (max-width:1400px) {
  .collab-header .collaborators-header .confirmation-modal {
      left: -89.8%
  }
}

@media (min-width:1401px) and (max-width:1481px) {
  .collab-header .collaborators-header .confirmation-modal {
      left: -88.8%
  }
}

@media (min-width:1481px) and (max-width:1550px) {
  .collab-header .collaborators-header .confirmation-modal {
      left: -88.3%
  }
}

@media (min-width:1551px) and (max-width:1645px) {
  .collab-header .collaborators-header .confirmation-modal {
      left: -87.8%
  }
}

@media (min-width:1646px) and (max-width:1745px) {
  .collab-header .collaborators-header .confirmation-modal {
      left: -86.8%
  }
}

@media (min-width:1746px) and (max-width:1900px) {
  .collab-header .collaborators-header .confirmation-modal {
      left: -86.1%
  }
}

@media (min-width:1901px) {
  .collab-header .collaborators-header .confirmation-modal {
      left: -85.8%
  }
}

.linear-loader {
  overflow: hidden;
  height: 2px;
  background-color: #b9d6f8;
  position: relative;
  z-index: 9999
}

  .linear-loader::after, .linear-loader::before {
      content: '';
      position: absolute;
      height: 100%
  }

  .linear-loader::before {
      background-color: #1775e6;
      animation: indeterminate_first 1.5s infinite ease-out
  }

  .linear-loader::after {
      background-color: #5d9fef;
      animation: indeterminate_second 1.5s infinite ease-in
  }

.circular-loader {
  animation: circular_loader 650ms infinite linear;
  fill: #1775e6
}

.user-avatar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 50%;
  box-sizing: border-box;
  font-size: 14px;
  color: #5d5d5d
}

  .user-avatar.size-20 {
      width: 20px;
      height: 20px;
      font-size: 12px
  }

  .user-avatar.size-24 {
      width: 24px;
      height: 24px;
      font-size: 12px
  }

  .user-avatar.size-28 {
      width: 28px;
      height: 28px;
      font-size: 12px
  }

  .user-avatar.size-32 {
      width: 32px;
      height: 32px;
      font-size: 14px
  }

  .user-avatar.size-36 {
      width: 36px;
      height: 36px;
      font-size: 14px
  }

  .user-avatar.size-40 {
      width: 40px;
      height: 40px;
      font-size: 16px
  }

  .user-avatar.size-44 {
      width: 44px;
      height: 44px;
      font-size: 16px
  }

  .user-avatar.size-48 {
      width: 48px;
      height: 48px;
      font-size: 18px
  }

  .user-avatar.dummy {
      background-color: #ddf1f3;
      box-shadow: inset 0 0 0 1px #fff
  }

      .user-avatar.dummy::after {
          content: "...";
          position: absolute;
          color: #000;
          line-height: 0;
          top: 50%;
          height: 8px;
          left: 50%;
          transform: translate(-50%,-50%);
          font-family: monospace;
          letter-spacing: -3px;
          margin-left: -1px;
          margin-top: 1px
      }

  .user-avatar .deleted-user-icon, .user-avatar .user-avatar-char {
      transform: translateY(-50%);
      top: 50%;
      position: relative
  }

  .user-avatar.dummy.dummy-avatar::after {
      content: none
  }

  .user-avatar .user-avatar-char {
      display: inline-block;
      text-transform: capitalize
  }

.all-ease-transition {
  transition: all .2s ease
}

.collab-chat-box .system-msg-wrapper {
  color: #174772;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  text-align: center;
  margin: 9px 0 18px;
  font-weight: 400
}

  .collab-chat-box .system-msg-wrapper .system-msg-content {
      display: inline-block;
      border-radius: 12px;
      background-color: rgba(220,225,233,.48);
      padding: 3px 12px
  }

  .collab-chat-box .system-msg-wrapper .fcon-added-member, .collab-chat-box .system-msg-wrapper .fcon-group-name, .collab-chat-box .system-msg-wrapper .fcon-removed-member, .collab-chat-box .system-msg-wrapper .others-text {
      font-weight: 600
  }

  .collab-chat-box .system-msg-wrapper .zoom-meeting-start {
      padding: 12px 14px;
      background-color: #fffc;
      box-shadow: inset 0 0 0 0 #943636,0 1px 4px 0 #0003
  }

      .collab-chat-box .system-msg-wrapper .zoom-meeting-start .zoom-icon-holder {
          display: inline-block;
          vertical-align: top
      }

      .collab-chat-box .system-msg-wrapper .zoom-meeting-start .zoom-meeting-info {
          display: inline-block;
          margin-left: 4px
      }

          .collab-chat-box .system-msg-wrapper .zoom-meeting-start .zoom-meeting-info .host-info, .collab-chat-box .system-msg-wrapper .zoom-meeting-start .zoom-meeting-info .meeting-link, .collab-chat-box .system-msg-wrapper .zoom-meeting-start .zoom-meeting-info .start-time {
              text-align: left;
              font-style: normal
          }

          .collab-chat-box .system-msg-wrapper .zoom-meeting-start .zoom-meeting-info .start-time {
              color: #7F8E9D
          }

      .collab-chat-box .system-msg-wrapper .zoom-meeting-start .join-btn {
          vertical-align: top;
          display: inline-block;
          margin-top: 9px;
          font-style: normal;
          padding: 8px 16px;
          margin-left: 8px;
          background: #1775E6;
          text-transform: uppercase;
          border-radius: 4px;
          font-size: 12px;
          font-weight: 600
      }

          .collab-chat-box .system-msg-wrapper .zoom-meeting-start .join-btn a {
              color: #fff
          }

.hide {
  display: none
}

@keyframes highlight-blinker {
  0%,100%,50% {
      background-color: #ffe187
  }

  25%,75% {
      background-color: transparent
  }
}

@keyframes equalize {
  0%,50% {
      transform: scaleY(1)
  }

  25% {
      transform: scaleY(1.6)
  }
}

@keyframes pop-on-top {
  0% {
      transform: matrix(.97,0,0,1,0,12);
      opacity: 0
  }

  20% {
      transform: matrix(.99,0,0,1,0,2);
      opacity: .7
  }

  40% {
      transform: matrix(1,0,0,1,0,-1);
      opacity: 1
  }

  100%,70% {
      transform: matrix(1,0,0,1,0,0);
      opacity: 1
  }
}

@keyframes pop-on-bottom {
  0% {
      transform: matrix(.97,0,0,1,0,-12);
      opacity: 0
  }

  20% {
      transform: matrix(.99,0,0,1,0,-2);
      opacity: .7
  }

  40% {
      transform: matrix(1,0,0,1,0,1);
      opacity: 1
  }

  100%,70% {
      transform: matrix(1,0,0,1,0,0);
      opacity: 1
  }
}

@keyframes reply-blinker {
  0%,100%,50% {
      background: 0 0;
      opacity: .16
  }

  25%,75% {
      background: #00b3b3;
      opacity: .16
  }
}

.collab-sidebar, .collab-sidebar .collab-mention-picker .lm-list-item.selected {
  background: #eef8f9
}

@keyframes collab-typing-wave {
  0%,100%,60% {
      transform: initial
  }

  30% {
      transform: translateY(-6px)
  }
}

@keyframes move-to-top-and-bounce {
  0% {
      transform: translateY(18px)
  }

  35% {
      transform: translateY(-20px)
  }

  70% {
      transform: translateY(2.5px)
  }

  100% {
      transform: translateY(0)
  }
}

@keyframes fall-from-top-and-bounce {
  0% {
      transform: translateY(-40px)
  }

  35% {
      transform: translateY(5px)
  }

  70% {
      transform: translateY(-2px)
  }

  100% {
      transform: translateY(0)
  }
}

@keyframes fall-and-hide {
  0% {
      transform: translateY(0)
  }

  35% {
      transform: translateY(100px)
  }

  100% {
      transform: translateY(9999px)
  }
}

@keyframes indeterminate_first {
  0% {
      left: -100%;
      width: 100%
  }

  100% {
      left: 100%;
      width: 10%
  }
}

@keyframes indeterminate_second {
  0% {
      left: -150%;
      width: 100%
  }

  100% {
      left: 100%;
      width: 10%
  }
}

@keyframes circular_loader {
  0% {
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }

  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
  }
}

.collab-sidebar {
  height: 100%;
  border-top: 1px solid #183247;
  position: fixed;
  right: 0;
  top: 0;
  width: 480px;
  z-index: 999;
  box-sizing: border-box;
  color: #183247;
  transform: translateX(100%);
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out
}

  .collab-sidebar.collab-focused .collab-action-box, .collab-sidebar.collab-focused .collab-attachment-box {
      border-color: rgba(2,184,117,.5)
  }

  .collab-sidebar.collab-focused .collab-action-box {
      border-bottom-color: #ebeef0
  }

  .collab-sidebar.collab-ui-disabled .collab-tag-handle:hover {
      color: #448ee1
  }

  .collab-sidebar .action-menu {
      cursor: pointer;
      position: absolute;
      left: -74px;
      bottom: 20px;
      height: auto;
      -webkit-transition: all .2s ease-out;
      transition: all .2s ease-out
  }

  .collab-sidebar .dm-static-content {
      margin-top: 51%;
      text-align: center
  }

      .collab-sidebar .dm-static-content .dm-chat-opener {
          display: block
      }

  .collab-sidebar .collab-pointer {
      cursor: pointer
  }

  .collab-sidebar .collaborator-popup {
      position: absolute;
      background: #fff;
      font-size: 12px;
      width: 280px;
      bottom: 149px;
      padding: 12px;
      box-shadow: 0 6px 14px 0 rgba(24,50,71,.05),0 1px 4px 0 rgba(24,50,71,.15);
      z-index: 1
  }

  .collab-sidebar .quick-notification-close {
      position: relative;
      font-size: 22px;
      cursor: pointer;
      float: right;
      display: none;
      height: 15px;
      line-height: 7px;
      right: -20px;
      top: 50%;
      transform: translateY(-50%)
  }

  .collab-sidebar .collaborator-add-success .quick-notification-close {
      display: inline-block
  }

  .collab-sidebar .collab-add-popup-btn {
      margin: 0 10px;
      float: right;
      color: #448ee1;
      cursor: pointer;
      font-weight: 500
  }

      .collab-sidebar .collab-add-popup-btn.disable-click {
          cursor: not-allowed;
          color: #d3d3d3
      }

      .collab-sidebar .collab-add-popup-btn.cancel-btn {
          color: #183247
      }

  .collab-sidebar .line-design {
      border: 0;
      margin: 12px 0
  }

      .collab-sidebar .line-design.error-email .user-email {
          border-color: #ff5959
      }

      .collab-sidebar .line-design.error-email .email-msg {
          opacity: 1
      }

  .collab-sidebar .user-email {
      width: 100%;
      border: 0;
      background: 0 0;
      outline: 0;
      border-bottom: 1px solid #02b875;
      box-sizing: border-box;
      font-size: 14px
  }

  .collab-sidebar .email-msg {
      color: #ff5959;
      opacity: 0;
      margin-top: 4px;
      font-size: 11px;
      height: 26px;
      display: block
  }

  .collab-sidebar .collaborator-add-fails {
      color: red;
      opacity: 0;
      margin-top: 4px;
      font-size: 11px
  }

  .collab-sidebar .collab-ellipsis {
      display: inline-block;
      max-width: 100px;
      vertical-align: middle;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis
  }

      .collab-sidebar .collab-ellipsis.collab-text {
          vertical-align: bottom;
          font-weight: 700
      }

  .collab-sidebar.expand {
      transform: translateX(0);
      -webkit-transition: all .2s ease-out;
      transition: all .2s ease-out;
      -webkit-transition-delay: .1s;
      transition-delay: .2s;
      box-shadow: -25px 1px 25px 0 rgba(0,0,0,.02),2px 0 11px 0 rgba(0,0,0,.25)
  }

      .collab-sidebar.expand .collab-close {
          visibility: visible
      }

      .collab-sidebar.expand .action-menu {
          left: -74px;
          -webkit-transition: all .2s ease-out;
          transition: all .2s ease-out;
          -webkit-transition-delay: .1s;
          transition-delay: .1s
      }

  .collab-sidebar .collab-close {
      position: absolute;
      top: -1px;
      left: -30px;
      width: 30px;
      height: 30px;
      text-align: center;
      vertical-align: middle;
      background: #183247;
      color: #fff;
      font-size: 22px;
      cursor: pointer;
      border-bottom-left-radius: 2px;
      visibility: hidden
  }

  .collab-sidebar .chat-box-wrapper {
      display: none
  }

      .collab-sidebar .chat-box-wrapper.show-chat-box {
          display: block
      }

  .collab-sidebar .msg-not-sent-wrapper .warning-icon {
      margin-bottom: -1.9px
  }

  .collab-sidebar .msg-not-sent-wrapper .warning-msg {
      font-size: 12px;
      color: #e03b28
  }

  .collab-sidebar .msg-not-sent-wrapper .clipboard-msg {
      font-size: 12px;
      color: #809d9d;
      display: block
  }

  .collab-sidebar .collab-header {
      border-bottom: 1px solid #dfdfdf;
      z-index: 1;
      background: #fff;
      height: 101px;
      box-sizing: border-box;
      padding: 30px;
      position: absolute;
      left: 0;
      width: 100%
  }

      .collab-sidebar .collab-header .freshconnect-redirect-container {
          display: inline-block;
          position: relative;
          bottom: 16px
      }

          .collab-sidebar .collab-header .freshconnect-redirect-container .collab-header-redirector {
              width: max-content;
              text-decoration: none
          }

              .collab-sidebar .collab-header .freshconnect-redirect-container .collab-header-redirector:hover {
                  cursor: pointer
              }

              .collab-sidebar .collab-header .freshconnect-redirect-container .collab-header-redirector .collab-noti-header-text {
                  font-weight: 400;
                  text-decoration: underline
              }

          .collab-sidebar .collab-header .freshconnect-redirect-container .collab-external-link-icon {
              height: 14px;
              width: 14px;
              vertical-align: bottom;
              fill: #448ee1
          }

  .collab-sidebar .invite-collaborator-wrapper {
      display: inline-block;
      right: 0;
      position: absolute
  }

      .collab-sidebar .invite-collaborator-wrapper .invite-collaborator-button-wrapper {
          position: absolute;
          right: 30px
      }

      .collab-sidebar .invite-collaborator-wrapper .invite-collaborator-popup-wrapper {
          right: 30px;
          top: 40px
      }

      .collab-sidebar .invite-collaborator-wrapper .invite-collaborator-box {
          width: 420px;
          height: auto;
          transform: none;
          top: 0;
          left: 0;
          box-shadow: 0 0 4px 1px rgba(0,0,0,.15)
      }

          .collab-sidebar .invite-collaborator-wrapper .invite-collaborator-box::after {
              content: "";
              position: absolute;
              margin-left: 0;
              border: 5px solid transparent;
              border-bottom-color: #fff;
              top: -10px;
              right: 80px;
              transform: translateX(-50%)
          }

          .collab-sidebar .invite-collaborator-wrapper .invite-collaborator-box::before {
              content: "";
              position: absolute;
              margin-left: 0;
              border: 5px solid transparent;
              border-bottom-color: #e5e6e8;
              border-width: 6px;
              top: -12px;
              right: 78px;
              transform: translateX(-50%)
          }

  .collab-midbar .collab-convo-id::before, .collab-sidebar .collab-convo-id::before {
      content: "#"
  }

  .collab-sidebar .invite-collaborator-wrapper .invite-collaborator-box-description {
      font-size: 12px
  }

  .collab-sidebar .collaborators-list-box {
      background: #f9f9f9;
      top: 101px;
      bottom: 0;
      left: 0;
      right: 0;
      position: absolute;
      overflow: auto;
      padding: 0 30px
  }

      .collab-sidebar .collaborators-list-box .user-info {
          padding: 8px 0;
          border-bottom: 1px solid #eee
      }

          .collab-sidebar .collaborators-list-box .user-info .user-description .first-line {
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden
          }

          .collab-sidebar .collaborators-list-box .user-info .user-description .user-name {
              white-space: nowrap;
              max-width: 182px;
              text-overflow: ellipsis;
              overflow: hidden;
              float: left
          }

          .collab-sidebar .collaborators-list-box .user-info .user-description .user-role {
              display: inline;
              margin-left: 6px
          }

          .collab-sidebar .collaborators-list-box .user-info .user-description .second-line {
              display: block;
              clear: both
          }

  .collab-sidebar .collab-list-uname {
      font-weight: 500
  }

  .collab-sidebar .collab-tag-handle {
      color: #448ee1;
      cursor: pointer
  }

      .collab-sidebar .collab-tag-handle:hover {
          color: #06c
      }

  .collab-sidebar .collab-mtitle {
      color: #6f7c87;
      font-size: 12px
  }

      .collab-sidebar .collab-mtitle .collab-ellipsis {
          max-width: 300px
      }

  .collab-sidebar .collab-avatar-circle {
      height: 32px;
      width: 32px;
      display: inline-block;
      text-align: center;
      border-radius: 2px;
      line-height: 32px;
      font-size: 14px;
      margin-left: -12px;
      position: relative;
      text-transform: uppercase;
      box-shadow: inset 0 0 0 1px rgba(0,0,0,.04);
      color: rgba(0,0,0,.3);
      font-weight: 500
  }

  .collab-sidebar .collab-message-body a, .collab-sidebar .collaborators-tab .collab-members-tab-link {
      color: #448ee1
  }

  .collab-sidebar .collab-avatar-circle .collab-avatar-pic {
      position: absolute;
      width: 100%;
      padding: 1px;
      left: 0;
      box-sizing: border-box
  }

  .collab-sidebar .collab-avatar-circle .collab-deleted-user {
      position: relative;
      top: 1px
  }

  .collab-sidebar .collab-tab-wrapper {
      display: block;
      position: absolute;
      left: 72px;
      bottom: 28px
  }

  .collab-sidebar .collaborators-tab {
      cursor: pointer;
      font-size: 12px;
      box-sizing: border-box
  }

      .collab-sidebar .collaborators-tab .members-tab-avatar-wrapper {
          display: inline-block;
          margin-left: -14px;
          position: relative
      }

          .collab-sidebar .collaborators-tab .members-tab-avatar-wrapper:nth-child(2) {
              z-index: 2
          }

          .collab-sidebar .collaborators-tab .members-tab-avatar-wrapper:nth-child(3) {
              z-index: 1
          }

  .collab-sidebar .collab-logo {
      display: inline-block;
      height: 26px;
      width: 26px;
      margin-right: 10px;
      overflow: hidden;
      margin-top: 0
  }

  .collab-sidebar .collab-title {
      font-size: 18px;
      font-weight: 700;
      bottom: 8px;
      display: inline-block;
      position: relative
  }

  .collab-sidebar .collab-convo-id {
      font-size: 15px;
      margin: 0 5px;
      color: #6f7c87;
      top: 2px
  }

  .collab-sidebar .collab-follow-btn {
      cursor: pointer;
      float: right;
      background: #39f;
      border-radius: 5px;
      text-align: center;
      padding: 8px 10px;
      height: 30px;
      box-sizing: border-box;
      margin: 4px 0 4px 10px
  }

  .collab-sidebar .collab-follow-btn-text {
      color: #fff;
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 1px;
      display: inherit
  }

  .collab-sidebar .collab-members-count {
      display: inline-block;
      position: absolute;
      bottom: 28px;
      left: 70px;
      color: #6f7c87
  }

  .collab-sidebar .collab-logo-img {
      width: 26px;
      height: 26px;
      fill: #7fc7b7
  }

  .collab-sidebar .collab-readtick-wrapper {
      cursor: pointer
  }

  .collab-sidebar .collab-readtick-img {
      fill: #abb4b9;
      height: 14px;
      width: 14px;
      text-align: center
  }

      .collab-sidebar .collab-readtick-img.all-read {
          fill: #239cff
      }

  .collab-sidebar .huddle-everyone-img {
      width: 32px;
      height: 32px;
      margin: auto
  }

  .collab-sidebar .huddle-group-img {
      width: 16px;
      height: 16px;
      padding: 8px
  }

  .collab-sidebar .group-mention-icon, .collab-sidebar .huddle-mention-icon {
      background-color: #d3d3d3
  }

  .collab-sidebar .collab-back-img {
      cursor: pointer;
      border: solid #183247;
      border-width: 0 2px 2px 0;
      display: inline-block;
      padding: 4px;
      margin: 8px 0 8px 8px;
      transform: rotate(135deg);
      -webkit-transform: rotate(135deg)
  }

  .collab-sidebar .collab-action-box, .collab-sidebar .collab-attachment-box {
      transform: translateX(-50%);
      left: 50%;
      width: calc(100% - 60px);
      position: absolute
  }

  .collab-sidebar .collab-chat-box {
      top: 101px;
      -webkit-transition: all .25s ease;
      transition: all .25s ease;
      left: 0;
      right: 0;
      position: absolute;
      z-index: 0;
      overflow: auto;
      bottom: 180px;
      padding: 15px 30px 0
  }

      .collab-sidebar .collab-chat-box.collab-shrink {
          bottom: 220px
      }

  .collab-sidebar .scroll-to-bottom-wrapper {
      position: fixed;
      height: 32px;
      width: 32px;
      background: #26404d;
      bottom: 188px;
      border-radius: 32px;
      opacity: .16;
      transform: translateX(-50%);
      left: 50%;
      z-index: 1;
      cursor: pointer;
      visibility: hidden
  }

      .collab-sidebar .scroll-to-bottom-wrapper:hover {
          opacity: .84
      }

      .collab-sidebar .scroll-to-bottom-wrapper.expand {
          width: 160px;
          opacity: .84;
          transition: all .3s ease;
          -webkit-transition: all .3s ease
      }

      .collab-sidebar .scroll-to-bottom-wrapper.show {
          visibility: visible
      }

  .collab-sidebar .scroll-to-bottom-icon {
      float: right;
      right: 10px;
      top: 10px;
      position: relative;
      fill: #fff;
      font-weight: 500
  }

  .collab-sidebar .new-message-sender {
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      display: none;
      left: 4px;
      float: left
  }

      .collab-sidebar .new-message-sender.show {
          display: inline-block
      }

  .collab-sidebar .new-message-text {
      color: #fff;
      font-size: 14px;
      top: 50%;
      left: 12px;
      transform: translateY(-50%);
      position: relative;
      display: none
  }

      .collab-sidebar .new-message-text.show {
          display: inline-block
      }

  .collab-sidebar .linear-loader {
      top: 101px
  }

  .collab-sidebar .collab-def-pic .collab-att-msg-img {
      width: 55px
  }

  .collab-sidebar .collab-def-pic .collab-att-name {
      width: 100%
  }

  .collab-sidebar .collab-def-pic .collab-att-preview-def-pic {
      left: initial;
      transform: translateY(-50%)
  }

  .collab-sidebar .collab-att-size {
      display: block;
      line-height: 16px
  }

      .collab-sidebar .collab-att-size::before {
          content: "(";
          position: relative
      }

      .collab-sidebar .collab-att-size::after {
          content: ")";
          position: relative
      }

  .collab-sidebar .collab-att-file-name {
      max-width: 90px
  }

  .collab-sidebar .collab-att-preview-def-pic {
      width: 50px;
      height: initial;
      top: 50%;
      position: relative;
      transform: translate(-50%,-50%);
      left: 50%
  }

  .collab-sidebar .collab-action-box {
      min-height: 111px;
      background: 0 0;
      bottom: 65px;
      border: 1px solid #dfdfdf;
      border-bottom-color: #ebeef0;
      box-sizing: border-box;
      border-radius: 8px 8px 0 0
  }

      .collab-sidebar .collab-action-box.collab-expand {
          height: 153px
      }

          .collab-sidebar .collab-action-box.collab-expand .collab-quick-notification {
              top: -90px
          }

              .collab-sidebar .collab-action-box.collab-expand .collab-quick-notification.collab-multi-line-3 {
                  top: -110px
              }

  .collab-sidebar .collab-attachment-box {
      height: 36px;
      box-sizing: border-box;
      resize: none;
      outline: 0;
      bottom: 30px;
      border: 1px solid #dfdfdf;
      background: #f9f9f9;
      border-radius: 0 0 8px 8px
  }

      .collab-sidebar .collab-attachment-box .collab-attachment-circle {
          margin: 4px;
          height: 26px;
          width: 26px;
          display: inline-block;
          line-height: 26px;
          position: relative;
          box-shadow: inset 0 0 0 1px transparent;
          color: rgba(0,0,0,.3);
          cursor: pointer;
          opacity: .8;
          z-index: 1
      }

          .collab-sidebar .collab-attachment-box .collab-attachment-circle.collab-disabled {
              opacity: .3;
              background: 0 0;
              cursor: not-allowed
          }

              .collab-sidebar .collab-attachment-box .collab-attachment-circle.collab-disabled .attachment-icon-fileupload {
                  pointer-events: none
              }

              .collab-sidebar .collab-attachment-box .collab-attachment-circle.collab-disabled .collab-attachment-icon {
                  fill: #5a6670
              }

          .collab-sidebar .collab-attachment-box .collab-attachment-circle .collab-attachment-icon {
              margin: 3px 3px -3px -2px;
              fill: #5a6670;
              height: 18px;
              text-align: center
          }

          .collab-sidebar .collab-attachment-box .collab-attachment-circle:not(.collab-disabled):hover {
              opacity: 1;
              background: #ebedf0
          }

              .collab-sidebar .collab-attachment-box .collab-attachment-circle:not(.collab-disabled):hover .collab-attachment-icon {
                  fill: #1e464c
              }

      .collab-sidebar .collab-attachment-box .attachment-icon-fileupload {
          position: absolute;
          z-index: 5;
          overflow: hidden;
          opacity: 0;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          cursor: pointer
      }

          .collab-sidebar .collab-attachment-box .attachment-icon-fileupload input[type=file] {
              margin-left: -84px;
              cursor: pointer
          }

      .collab-sidebar .collab-attachment-box .collab-attachment-help {
          height: auto
      }

      .collab-sidebar .collab-attachment-box.collab-attachment-disabled {
          background-color: #f9f9f9
      }

      .collab-sidebar .collab-attachment-box .collab-emoji-button, .collab-sidebar .collab-attachment-box .collab-zoom-button {
          position: relative;
          height: 24px;
          width: 25px;
          text-align: center;
          float: left;
          padding: 4px;
          margin: 5px;
          cursor: pointer;
          box-sizing: border-box;
          left: 2px
      }

          .collab-sidebar .collab-attachment-box .collab-emoji-button.collab-disabled, .collab-sidebar .collab-attachment-box .collab-zoom-button.collab-disabled {
              opacity: .3;
              background: 0 0;
              cursor: not-allowed
          }

              .collab-sidebar .collab-attachment-box .collab-emoji-button.collab-disabled .attachment-icon-fileupload, .collab-sidebar .collab-attachment-box .collab-zoom-button.collab-disabled .attachment-icon-fileupload {
                  pointer-events: none
              }

              .collab-sidebar .collab-attachment-box .collab-emoji-button.collab-disabled .collab-attachment-icon, .collab-sidebar .collab-attachment-box .collab-zoom-button.collab-disabled .collab-attachment-icon {
                  fill: #5a6670
              }

          .collab-sidebar .collab-attachment-box .collab-emoji-button .collab-emoji-image, .collab-sidebar .collab-attachment-box .collab-zoom-button .collab-emoji-image {
              width: 16px;
              height: 16px;
              position: relative
          }

          .collab-sidebar .collab-attachment-box .collab-emoji-button:not(.collab-disabled):hover, .collab-sidebar .collab-attachment-box .collab-zoom-button:not(.collab-disabled):hover {
              opacity: 1;
              background: #ebedf0
          }

              .collab-sidebar .collab-attachment-box .collab-emoji-button:not(.collab-disabled):hover .collab-emoji-image, .collab-sidebar .collab-attachment-box .collab-zoom-button:not(.collab-disabled):hover .collab-emoji-image {
                  fill: #1e464c
              }

      .collab-sidebar .collab-attachment-box .collab-zoom-button {
          float: right;
          margin: 5px 8px 5px 5px;
          padding: 2px 1px
      }

  .collab-sidebar .collab-msg-preview {
      padding: 10px;
      line-height: 20px;
      border-bottom: 1px solid #d3d3d3;
      background: #c5f0eb;
      box-sizing: border-box;
      position: relative;
      border-bottom-color: #5adead
  }

  .collab-midbar .collab-send-box.collab-shrink-box .collab-text-box, .collab-sidebar .collab-send-box.collab-shrink-box .collab-text-box {
      padding-left: 120px
  }

  .collab-sidebar .collab-msg-preview.collab-highlight-data {
      background-color: #ffeeba;
      border-bottom-color: #ffc83f
  }

  .collab-sidebar .collab-msg-preview.collab-reply-data-disabled {
      background-color: #f9f9f9
  }

  .collab-sidebar .collab-reply-close {
      position: absolute;
      color: #6f7c87;
      width: 20px;
      height: 20px;
      text-align: center;
      right: 10px;
      font-size: 26px;
      line-height: 16px;
      box-sizing: border-box;
      border-radius: 2px;
      cursor: pointer
  }

  .collab-sidebar .collab-send-box {
      height: 109px;
      position: relative;
      float: left;
      width: 100%;
      border-radius: 8px 8px 0 0
  }

  .collab-sidebar .collab-text-box {
      width: 100%;
      height: 100%;
      position: absolute;
      box-sizing: border-box;
      resize: none;
      outline: 0;
      border: 0;
      font-size: 14px;
      padding: 10px;
      border-radius: 8px 8px 0 0
  }

      .collab-sidebar .collab-text-box::placeholder {
          color: #707070
      }

  .collab-sidebar .collab-attachment-preview {
      background: #fff;
      position: absolute;
      box-sizing: border-box;
      border-left: 1px solid transparent;
      display: none;
      left: 0;
      padding: 10px;
      height: 109px
  }

      .collab-sidebar .collab-att-name-size-row.collab-att-name-size-row-disabled, .collab-sidebar .collab-attachment-preview.collab-attachment-preview-disabled {
          background-color: #f9f9f9
      }

      .collab-sidebar .collab-attachment-preview.collab-def-pic .collab-att-file-name, .collab-sidebar .collab-attachment-preview.collab-show, .collab-sidebar .collab-attachment-preview:hover .collab-att-name-size-row, .collab-sidebar .collab-attachment-preview:hover .collab-att-preview-img-wrapper::before, .collab-sidebar .collab-attachment-preview:hover .collab-cancel-att {
          display: block
      }

      .collab-sidebar .collab-attachment-preview .collab-att-name-size-row {
          padding: 0;
          width: 90px;
          display: none;
          bottom: 9px
      }

  .collab-sidebar .collab-att-name-size-row {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 32px;
      box-sizing: border-box;
      font-size: 12px;
      color: #6f7c87;
      z-index: 1
  }

  .collab-sidebar .collab-att-preview-img-wrapper {
      height: 90px;
      width: 90px;
      text-align: center;
      background: #f3f5f7
  }

      .collab-sidebar .collab-att-preview-img-wrapper::before {
          content: " ";
          width: 90px;
          height: 90px;
          position: absolute;
          display: none;
          right: 10px;
          top: 10px;
          background-image: linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.88) 43%,#fff);
          z-index: 1
      }

      .collab-sidebar .collab-att-preview-img-wrapper .collab-att-preview-img {
          position: relative;
          text-align: center;
          max-width: 100%;
          max-height: 100%;
          top: 50%;
          transform: translateY(-50%)
      }

  .collab-sidebar .collab-cancel-att {
      position: absolute;
      font-size: 27px;
      height: 16px;
      width: 16px;
      overflow: hidden;
      color: #183247;
      background-color: #fff;
      border-radius: 2px;
      line-height: 10px;
      top: 15px;
      right: 15px;
      cursor: pointer;
      padding: 2px;
      display: none;
      z-index: 1
  }

  .collab-sidebar .collab-mention-picker {
      position: absolute;
      background: #fff;
      width: 70%;
      margin-bottom: 1px;
      box-shadow: 0 5px 20px 3px rgba(0,0,0,.15);
      border-radius: 4px
  }

      .collab-sidebar .collab-mention-picker .collab-uname {
          font-weight: 500
      }

      .collab-sidebar .collab-mention-picker.max-out .info {
          display: block
      }

      .collab-sidebar .collab-mention-picker .info {
          display: none;
          padding: 10px 20px;
          box-sizing: border-box;
          border-bottom: 1px solid #dfdfdf;
          font-weight: inherit
      }

      .collab-sidebar .collab-mention-picker li[data-lm-tag=discussion] .lm-title {
          padding-left: 0;
          margin-top: 1px;
          max-width: 100%
      }

      .collab-sidebar .collab-mention-picker ul {
          padding: 0 16px;
          margin: 0
      }

      .collab-sidebar .collab-mention-picker .lm-list-item {
          list-style: none;
          padding: 8px 8px 8px 42px;
          border-radius: 3px;
          position: relative;
          height: 44px;
          box-sizing: border-box;
          cursor: pointer
      }

          .collab-sidebar .collab-mention-picker .lm-list-item.inherited-group {
              height: auto
          }

              .collab-sidebar .collab-mention-picker .lm-list-item.inherited-group .nametag.one-line {
                  transform: translateY(0);
                  height: auto;
                  margin-top: -2px;
                  line-height: 16px;
                  max-width: 100%
              }

              .collab-sidebar .collab-mention-picker .lm-list-item.inherited-group .fcon-group-description.collab-ellipsis {
                  max-width: 205px;
                  font-size: 12px;
                  color: #707070;
                  margin-top: 2px
              }

              .collab-sidebar .collab-mention-picker .lm-list-item.inherited-group .group-mention-icon {
                  background: #f5a37a
              }

              .collab-sidebar .collab-mention-picker .lm-list-item.inherited-group .huddle-group-img {
                  padding: 0
              }

              .collab-sidebar .collab-mention-picker .lm-list-item.inherited-group .collab-uname {
                  max-width: 100%
              }

          .collab-sidebar .collab-mention-picker .lm-list-item .huddle-name-tag {
              margin-top: 0
          }

              .collab-sidebar .collab-mention-picker .lm-list-item .huddle-name-tag .lm-uname {
                  padding: 0;
                  font-size: 14px
              }

          .collab-sidebar .collab-mention-picker .lm-list-item .collab-uname {
              max-width: 50%;
              margin-top: -1px
          }

          .collab-sidebar .collab-mention-picker .lm-list-item .lm-uname {
              color: #1775e6;
              max-width: 100%;
              display: block;
              padding-left: 0;
              font-size: 12px
          }

          .collab-sidebar .collab-mention-picker .lm-list-item .lm-title {
              color: #6f7c87;
              font-size: 12px;
              max-width: 50%;
              padding-left: 5px
          }

          .collab-sidebar .collab-mention-picker .lm-list-item .nametag {
              height: 15px;
              line-height: 16px;
              margin-top: -2px
          }

              .collab-sidebar .collab-mention-picker .lm-list-item .nametag.one-line {
                  position: relative
              }

          .collab-sidebar .collab-mention-picker .lm-list-item .collab-avatar-circle {
              border-color: #cbcbcb;
              position: absolute;
              padding: 0;
              left: 5px;
              margin: 0;
              top: 7px;
              border-radius: 50%
          }

              .collab-sidebar .collab-mention-picker .lm-list-item .collab-avatar-circle.huddle-mention-icon {
                  border-radius: 32px 32px 12px;
                  line-height: 0
              }

          .collab-sidebar .collab-mention-picker .lm-list-item .huddle-add {
              width: 16px;
              height: 16px;
              padding: 0;
              background-color: transparent;
              border: 0
          }

          .collab-sidebar .collab-mention-picker .lm-list-item .add-item-name {
              line-height: 22px;
              padding-left: 34px
          }

          .collab-sidebar .collab-mention-picker .lm-list-item.add-item {
              padding: 13.5px 0 13.5px 21px;
              border-top: 1px solid #ebebeb;
              color: #39f;
              height: auto
          }

              .collab-sidebar .collab-mention-picker .lm-list-item.add-item .group-mention-icon {
                  background: 0 0;
                  box-shadow: none;
                  position: relative;
                  left: 0;
                  top: -4.5px;
                  float: left
              }

          .collab-sidebar .collab-mention-picker .lm-list-item:first-child:not(.add-item) {
              margin-top: 8px
          }

          .collab-sidebar .collab-mention-picker .lm-list-item:last-child:not(.add-item) {
              margin-bottom: 8px
          }

  .collab-sidebar .collab-message-box {
      margin: 12px 0;
      box-sizing: border-box;
      position: relative
  }

      .collab-sidebar .collab-message-box .collab-wrapper-box {
          border: 1px solid #dcdcdc;
          display: inline-block;
          max-width: 60%;
          padding: 8px 16px;
          background-color: #fff;
          position: relative;
          border-radius: 0 10px 10px
      }

      .collab-sidebar .collab-message-box .msg-avatar-wrapper {
          position: absolute;
          left: 0
      }

      .collab-sidebar .collab-message-box pre {
          margin: -4px -12px 6px
      }

          .collab-sidebar .collab-message-box pre.indent-down {
              margin: 8px -1px
          }

      .collab-sidebar .collab-message-box blockquote {
          background: #fff;
          border: 1px solid #ebebeb;
          border-radius: 6px;
          font-size: 16px;
          margin: -12px -12px 12px;
          padding: 4px 12px;
          position: relative;
          top: 8px
      }

          .collab-sidebar .collab-message-box blockquote.indent-down {
              margin: 0 -1px 14px
          }

      .collab-sidebar .collab-message-box .hljs {
          border-radius: 5px
      }

      .collab-sidebar .collab-message-box .collab-wrapper-box.for-attachment {
          padding: 4px
      }

      .collab-sidebar .collab-message-box:hover .collab-reply-button {
          opacity: 1
      }

  .collab-sidebar .collab-message-sent {
      text-align: right;
      padding-bottom: 16px;
      margin-top: 5px
  }

      .collab-sidebar .collab-message-sent .collab-wrapper-box {
          background-color: #f3f3f3;
          border-top-left-radius: 10px;
          border-bottom-right-radius: 0
      }

      .collab-sidebar .collab-message-sent .collab-reply-button {
          right: initial;
          left: -38px
      }

      .collab-sidebar .collab-message-sent.collab-clubbed-message {
          margin-bottom: 0;
          padding-bottom: 0
      }

          .collab-sidebar .collab-message-sent.collab-clubbed-message .collab-send-box-meta {
              display: none
          }

  .collab-sidebar .collab-message-body {
      text-align: left;
      word-wrap: break-word;
      font-size: 14px
  }

      .collab-sidebar .collab-message-body.collab-att-msg {
          white-space: initial;
          text-align: center;
          min-width: 110px;
          min-height: 110px;
          max-width: 200px;
          max-height: 200px;
          line-height: 110px;
          background: #f3f5f7;
          overflow: hidden
      }

          .collab-sidebar .collab-message-body.collab-att-msg .collab-att-name-size-row {
              background: 0 0;
              display: none;
              position: absolute
          }

              .collab-sidebar .collab-message-body.collab-att-msg .collab-att-name-size-row .collab-att-name {
                  display: block;
                  line-height: 16px;
                  max-width: none
              }

      .collab-sidebar .collab-message-body .emojione {
          width: 20px;
          vertical-align: bottom
      }

  .collab-sidebar .collab-att-download-btn {
      text-align: center;
      position: absolute;
      left: 4px;
      right: 4px;
      top: 4px;
      bottom: 4px;
      border-radius: 6px
  }

      .collab-sidebar .collab-att-download-btn .collab-download-svg {
          width: 16px;
          height: 16px;
          fill: #183247;
          position: absolute;
          z-index: 1;
          top: 2px;
          left: 2px
      }

      .collab-sidebar .collab-att-download-btn .collab-att-download-svg-wrapper {
          display: none;
          position: absolute;
          right: 4px;
          top: 4px;
          width: 20px;
          height: 20px;
          box-sizing: border-box
      }

          .collab-sidebar .collab-att-download-btn .collab-att-download-svg-wrapper::before {
              content: "";
              width: 20px;
              height: 20px;
              position: absolute;
              background: #fff;
              left: 0;
              top: 0;
              border-radius: 2px;
              z-index: 0
          }

      .collab-sidebar .collab-att-download-btn:hover {
          background-image: linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.88) 43%,#fff)
      }

          .collab-sidebar .collab-att-download-btn:hover .collab-att-download-svg-wrapper {
              display: inline-block
          }

          .collab-sidebar .collab-att-download-btn:hover .collab-att-name-size-row {
              display: block
          }

  .collab-sidebar .collab-att-msg-img {
      display: inline-block;
      border-radius: 6px;
      position: relative;
      width: 100%;
      height: 100%;
      vertical-align: middle
  }

  .collab-sidebar .collab-loader {
      display: block;
      width: 100%;
      text-align: center;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%)
  }

      .collab-sidebar .collab-loader .collab-loader-pillar {
          display: inline-flex;
          margin-right: 0;
          width: 4px;
          height: 8px;
          animation: equalize 1.1s ease-in-out infinite;
          animation-name: equalize;
          animation-duration: 1.1s;
          animation-timing-function: ease-in-out;
          animation-delay: initial;
          animation-iteration-count: infinite;
          animation-direction: initial;
          animation-fill-mode: initial;
          animation-play-state: initial
      }

      .collab-sidebar .collab-loader .collab-loader-text {
          display: block;
          margin-top: 10px;
          line-height: 1.2;
          font-size: 16px;
          color: #bfb8b8
      }

  .collab-sidebar .collab-null-screen {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      text-align: center;
      padding: 40px
  }

  .collab-sidebar .collab-null-screen-logo {
      margin-top: 60px
  }

      .collab-sidebar .collab-null-screen-logo .collab-logo-img {
          width: 55px;
          height: 55px
      }

  .collab-sidebar .collab-null-screen-motto {
      font-weight: 600;
      font-size: 14px;
      margin: 20px 0;
      opacity: .8
  }

      .collab-sidebar .collab-null-screen-motto .line-1 {
          margin-bottom: 10px;
          display: inline-block
      }

      .collab-sidebar .collab-null-screen-motto .line-2 {
          font-weight: 400;
          display: inline-block;
          color: #5d5d5d;
          margin: 0 10px
      }

  .collab-sidebar .collab-null-screen-slogan {
      font-size: 11px;
      opacity: .8
  }

  .collab-sidebar .collab-message-received {
      padding-top: 16px;
      padding-left: 35px;
      padding-bottom: 5px
  }

      .collab-sidebar .collab-message-received .collab-receive-box-meta {
          display: none
      }

      .collab-sidebar .collab-message-received.collab-clubbed-message {
          margin-top: -8px;
          padding-bottom: 0;
          padding-top: 0
      }

      .collab-sidebar .collab-message-received.collab-club-root-msg {
          margin-bottom: 7px;
          margin-top: -7px;
          padding-top: 0
      }

          .collab-sidebar .collab-message-received.collab-club-root-msg .collab-receive-box-meta {
              display: block
          }

  .collab-sidebar .collab-message-meta {
      color: #6f7c87;
      margin-top: 2px
  }

  .collab-sidebar .collab-read-receipt-meta {
      color: #6f7c87;
      vertical-align: middle;
      position: absolute;
      right: 3px;
      bottom: -3px
  }

  .collab-sidebar .fadeInDown {
      animation: pop-on-bottom 250ms forwards linear
  }

  .collab-sidebar .fadeInUp {
      animation: pop-on-top 250ms forwards linear
  }

  .collab-sidebar .read-tool-tip {
      background: 0 0;
      position: absolute;
      width: max-content;
      text-align: left;
      z-index: 2;
      right: -24px;
      padding-top: 13px
  }

      .collab-sidebar .read-tool-tip::after, .collab-sidebar .read-tool-tip::before {
          content: "";
          position: absolute;
          margin-left: -5px;
          border: 5px solid transparent;
          border-bottom-color: #193346;
          top: 0;
          right: 22px;
          transform: translateX(-50%)
      }

      .collab-sidebar .read-tool-tip::before {
          border-bottom-color: #e5e6e8;
          top: -2px;
          border-width: 6px;
          right: 20px
      }

      .collab-sidebar .read-tool-tip.read-tool-tip-left {
          left: -63px
      }

          .collab-sidebar .read-tool-tip.read-tool-tip-left::after, .collab-sidebar .read-tool-tip.read-tool-tip-left::before {
              left: 74px;
              width: 0
          }

  .collab-sidebar .read-tooltip-content {
      cursor: pointer;
      margin-top: -3px;
      border-radius: 2px;
      color: #fff;
      padding: 5px 10px;
      font-size: 12px;
      background: #193346;
      box-shadow: 0 0 0 0 rgba(24,50,71,.05),0 0 5px 0 rgba(24,50,71,.2)
  }

  .collab-sidebar .readby-lastreader {
      vertical-align: bottom
  }

  .collab-sidebar .collab-readby-container {
      background: 0 0;
      position: absolute;
      min-height: 75px;
      max-height: 210px;
      width: 255px;
      text-align: left;
      z-index: 2;
      margin-top: -3px;
      right: -21px;
      padding-top: 13px
  }

      .collab-sidebar .collab-readby-container::after, .collab-sidebar .collab-readby-container::before {
          content: "";
          position: absolute;
          margin-left: 0;
          border: 5px solid transparent;
          border-bottom-color: #fff;
          top: 3px;
          left: 224px;
          transform: translateX(-50%)
      }

      .collab-sidebar .collab-readby-container::before {
          border-bottom-color: #e5e6e8;
          top: 0;
          border-width: 6px
      }

      .collab-sidebar .collab-readby-container.collab-readby-left {
          left: -76px
      }

          .collab-sidebar .collab-readby-container.collab-readby-left::after, .collab-sidebar .collab-readby-container.collab-readby-left::before {
              left: 80px
          }

      .collab-sidebar .collab-readby-container.collab-readby-bottom {
          bottom: 12px;
          padding-top: 0
      }

          .collab-sidebar .collab-readby-container.collab-readby-bottom::after, .collab-sidebar .collab-readby-container.collab-readby-bottom::before {
              top: initial;
              bottom: -4px;
              border-top-color: #e5e6e8;
              border-bottom-color: transparent
          }

          .collab-sidebar .collab-readby-container.collab-readby-bottom::after {
              border-top-color: #fff;
              bottom: -1px
          }

  .collab-sidebar .collab-readby-list {
      list-style: none;
      background: #fff;
      color: #000;
      padding: 0 0 5px;
      overflow-y: auto;
      box-shadow: 0 0 0 0 rgba(24,50,71,.05),0 0 5px 0 rgba(24,50,71,.2);
      margin-bottom: 9px;
      margin-top: 0;
      max-height: 196px;
      border-radius: 2px
  }

  .collab-sidebar .collab-seenby-tab {
      background: #f9f9f9;
      padding: 8px 10px;
      margin-bottom: 5px
  }

  .collab-sidebar .collab-not-seenby-tab {
      background: #f9f9f9;
      padding: 8px 10px;
      margin: 5px 0
  }

  .collab-sidebar .collab-readby-item {
      padding: 5px;
      margin: 0 5px;
      border-radius: 1px;
      cursor: pointer
  }

      .collab-sidebar .collab-readby-item:hover {
          background-color: #f3f5f7
      }

  .collab-sidebar .collab-readby-item-avatar {
      position: relative;
      height: 30px;
      width: 30px;
      float: left;
      margin-right: 10px
  }

  .collab-sidebar .collab-readby-item-avatar-span {
      position: absolute;
      width: inherit;
      height: inherit;
      text-align: center;
      line-height: 30px;
      color: rgba(0,0,0,.3);
      font-size: initial;
      font-weight: 500
  }

  .collab-sidebar .collab-readby-item-avatar-image, .collab-sidebar .collab-readby-item-group-image {
      position: absolute;
      width: inherit;
      height: inherit
  }

  .collab-sidebar .collab-readby-item-group-image {
      background-color: #d3d3d3;
      padding: 5px
  }

  .collab-sidebar .collab-readby-item-info {
      white-space: nowrap;
      line-height: 15px
  }

  .collab-sidebar .collab-readby-item-name {
      margin-right: 6px;
      font-size: 12px;
      font-weight: 500;
      max-width: 112px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: inline-block;
      vertical-align: middle
  }

  .collab-sidebar .collab-readby-agent-count {
      font-size: 12px;
      margin-left: -1px;
      color: #6f7c87
  }

  .collab-sidebar .collab-readby-item-handle-container {
      line-height: 15px
  }

  .collab-sidebar .collab-readby-item-handle {
      font-size: 12px;
      color: #6f7c87
  }

  .collab-sidebar .collab-receive-box-meta, .collab-sidebar .collab-send-box-meta {
      position: absolute;
      bottom: -2px;
      text-align: right;
      width: 100%;
      font-size: 12px;
      color: #6f7c87;
      box-sizing: border-box
  }

  .collab-sidebar .collab-receive-box-meta {
      text-align: left;
      bottom: initial;
      padding-left: 2px;
      position: relative;
      padding-top: 2px;
      margin-top: 2px;
      margin-bottom: 13px
  }

  .collab-sidebar .collab-hl-label, .collab-sidebar .collab-reply-label {
      max-width: 90%;
      font-size: 12px
  }

      .collab-sidebar .collab-hl-label .collab-hl-label-text, .collab-sidebar .collab-hl-label .collab-reply-of, .collab-sidebar .collab-reply-label .collab-hl-label-text, .collab-sidebar .collab-reply-label .collab-reply-of {
          color: #6f7c87;
          font-weight: 500
      }

      .collab-sidebar .collab-hl-label span, .collab-sidebar .collab-reply-label span {
          vertical-align: middle
      }

          .collab-sidebar .collab-hl-label span .emojione, .collab-sidebar .collab-reply-label span .emojione {
              width: 20px;
              vertical-align: bottom
          }

  .collab-sidebar .collab-reply-button {
      opacity: 0;
      position: absolute;
      right: -38px;
      width: 24px;
      height: 24px;
      background: #fff;
      border-radius: 50%;
      font-size: 16px;
      text-align: center;
      border: 1px solid #dcdcdc;
      cursor: pointer;
      line-height: 25px;
      top: 50%;
      transform: translateY(-50%)
  }

  .collab-sidebar .collab-reply-svg {
      fill: #448ee1
  }

  .collab-sidebar .collab-highlight-preview, .collab-sidebar .collab-reply-preview {
      text-align: left;
      font-size: 12px;
      padding: 4px 12px;
      overflow: hidden;
      width: inherit;
      text-overflow: ellipsis;
      white-space: nowrap;
      cursor: pointer;
      display: block;
      background: #a9dedf;
      box-shadow: 0 1px 0 0 #00b3b3;
      border-radius: 6px 6px 0 0;
      margin: -5px -13px 8px
  }

      .collab-sidebar .collab-highlight-preview:hover, .collab-sidebar .collab-reply-preview:hover {
          background-color: #a0d3d4
      }

  .collab-sidebar .collab-highlight-preview {
      background: #ffeeba;
      box-shadow: 0 1px 0 0 #ffc83f
  }

      .collab-sidebar .collab-highlight-preview.collab-disabled {
          background: #f9f9f9;
          border-color: #f9f9f9;
          box-shadow: none;
          cursor: initial;
          color: #6f7c87
      }

      .collab-sidebar .collab-highlight-preview:hover {
          background-color: #ffe187
      }

  .collab-sidebar .collab-annotation-title, .collab-sidebar .collab-replied-to-sender {
      display: block;
      color: #000;
      margin-bottom: 5px;
      opacity: .64
  }

  .collab-sidebar .collab-replied-to-sender {
      font-weight: 500
  }

  .collab-sidebar .collab-annotation-msg, .collab-sidebar .collab-replied-to-msg {
      display: inline-block
  }

      .collab-sidebar .collab-replied-to-msg .emojione {
          width: 20px;
          vertical-align: bottom
      }

  .collab-sidebar .collab-message-ts {
      padding-left: 8px;
      position: relative;
      vertical-align: middle
  }

      .collab-sidebar .collab-message-ts::before {
          display: block;
          width: 3px;
          height: 3px;
          position: absolute;
          content: " ";
          left: 2px;
          border-radius: 50%;
          background-color: transparent;
          top: 50%;
          transform: translateY(-50%)
      }

  .collab-sidebar .collab-message-sender-name {
      max-width: 200px;
      vertical-align: middle
  }

      .collab-sidebar .collab-message-sender-name.deactivated-user {
          opacity: .5
      }

  .collab-sidebar .collab-reply-blink::after {
      display: block;
      content: " ";
      width: 100%;
      height: calc(100% + 12px);
      position: absolute;
      top: -8px;
      left: 0;
      box-sizing: border-box;
      z-index: -1;
      animation: reply-blinker 3s linear 1
  }

  .collab-sidebar .collab-file-uploading, .collab-sidebar .collab-quick-notification {
      display: none
  }

      .collab-sidebar .collab-file-uploading.collab-show, .collab-sidebar .collab-quick-notification.collab-show {
          display: block
      }

  .collab-sidebar .collab-file-drop-view {
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      opacity: .75;
      background: #fff;
      text-align: center;
      line-height: 112px;
      font-size: large;
      color: #1775e6;
      z-index: 1;
      pointer-events: none;
      display: none
  }

  .collab-sidebar .collab-quick-notification {
      width: 100%;
      padding: 10px;
      position: relative;
      background: #fadbdb;
      color: #183247;
      border: 1px solid #ff5959;
      box-sizing: border-box;
      max-width: 100%;
      line-height: 20px;
      font-size: 12px
  }

      .collab-sidebar .collab-quick-notification.collab-multi-line {
          white-space: normal;
          line-height: 16px;
          padding: 5px 10px
      }

      .collab-sidebar .collab-quick-notification.collab-multi-line-3 {
          padding: 8px 10px;
          line-height: 14px;
          white-space: normal
      }

      .collab-sidebar .collab-quick-notification .collab-quick-notification-text {
          position: relative;
          display: inline-block;
          width: 95%
      }

      .collab-sidebar .collab-quick-notification.collab-info {
          border-color: #ffe4a9;
          background-color: #fffade
      }

  .collab-sidebar .collab-file-uploading {
      position: absolute;
      height: 2px;
      width: 96%;
      background: #1775e6;
      top: -1px;
      left: 2px;
      z-index: 1;
      -moz-animation: loaderbar 3s ease-out;
      -webkit-animation: loaderbar 3s ease-out
  }

  .collab-sidebar .collab-disable-slogan {
      z-index: 1;
      background: #f9f9f9;
      position: absolute;
      width: 100%;
      max-width: initial;
      height: 100%;
      line-height: 114px;
      text-align: center;
      color: #707070;
      font-size: 16px;
      display: none;
      border-radius: 8px 8px 0 0
  }

      .collab-sidebar .collab-disable-slogan.collab-show {
          display: block
      }

      .collab-sidebar .collab-disable-slogan.payload-failed {
          word-break: break-word;
          overflow: auto;
          white-space: normal;
          line-height: 2;
          padding-top: 6%
      }

  .collab-sidebar .collab-highlight-data {
      display: none
  }

      .collab-sidebar .collab-highlight-data.collab-show {
          display: block
      }

      .collab-sidebar .collab-highlight-data.collab-disabled {
          display: none
      }

  .collab-sidebar .collab-highlight-mode-btn {
      padding: 5px;
      position: absolute;
      right: 10px;
      top: 4px;
      cursor: pointer;
      height: 26px;
      width: 26px;
      box-sizing: border-box;
      fill: #02b875
  }

      .collab-sidebar .collab-highlight-mode-btn:hover {
          background-color: #ebedf0
      }

      .collab-sidebar .collab-highlight-mode-btn .collab-highlight-slogan {
          display: none
      }

      .collab-sidebar .collab-highlight-mode-btn.collab-off .collab-highlight-icon {
          fill: #707070
      }

      .collab-sidebar .collab-highlight-mode-btn.collab-off .collab-highlight-slogan {
          color: #707070
      }

      .collab-sidebar .collab-highlight-mode-btn.collab-disabled {
          display: none
      }

  .collab-sidebar .collab-keyboard-shortcuts {
      cursor: pointer;
      margin-top: 6px;
      float: right;
      margin-right: 10px;
      fill: #7f8e9d
  }

      .collab-sidebar .active, .collab-sidebar .collab-keyboard-shortcuts:hover, .fcon-preference-wrapper {
          fill: #1775e6
      }

      .collab-sidebar .collab-keyboard-shortcuts.annotate-on {
          margin-right: 40px
      }

  .collab-sidebar .collab-is-typing {
      position: absolute;
      top: -35px;
      margin: 5px 15px;
      background: #e8edec;
      padding: 4px 10px;
      border-radius: 10px;
      border: 1px solid #c9d1d0;
      color: #6f7c87;
      font-size: 12px;
      z-index: -1
  }

      .collab-sidebar .collab-is-typing .collab-typing-wave {
          position: relative;
          display: inline-block;
          margin: 0 6px 0 0
      }

          .collab-sidebar .collab-is-typing .collab-typing-wave .collab-typing-dot {
              display: inline-block;
              width: 6px;
              height: 6px;
              border-radius: 50%;
              margin-right: 0;
              background: #6f7c87;
              animation: collab-typing-wave 1.3s linear infinite
          }

              .collab-sidebar .collab-is-typing .collab-typing-wave .collab-typing-dot:nth-child(2) {
                  animation-delay: -1.1s
              }

              .collab-sidebar .collab-is-typing .collab-typing-wave .collab-typing-dot:nth-child(3) {
                  animation-delay: -.9s
              }

      .collab-sidebar .collab-is-typing .collab-typer-name {
          max-width: 200px;
          vertical-align: middle;
          display: inline-block
      }

  .collab-sidebar .announce-toast {
      position: absolute;
      width: 100%;
      z-index: 1;
      background: teal;
      padding: 6px 16px 0;
      top: 30px;
      left: 0;
      color: #fff;
      visibility: hidden;
      box-sizing: border-box;
      opacity: 0;
      height: 74px
  }

      .collab-sidebar .announce-toast .announce-icon-container {
          float: left;
          padding: 0 16px 0 0
      }

      .collab-sidebar .announce-toast .announce-header {
          display: block;
          font-weight: 500;
          padding-bottom: .1em;
          color: #a9dedf;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          font-size: 12px;
          width: 310px
      }

      .collab-sidebar .announce-toast .announce-content {
          font-weight: 400;
          font-size: 12px;
          text-overflow: ellipsis;
          overflow: hidden;
          width: 314px;
          line-height: 1.2em;
          margin-top: 1.2px;
          position: relative;
          max-height: 3.2em;
          text-align: justify;
          margin-right: -1em;
          padding-right: 1em;
          display: inline-block
      }

          .collab-sidebar .announce-toast .announce-content::before {
              content: "...";
              position: absolute;
              right: 0;
              bottom: -3px
          }

          .collab-sidebar .announce-toast .announce-content::after {
              content: '';
              position: absolute;
              right: 0;
              width: 1em;
              height: 1em;
              margin-top: .2em;
              background: teal
          }

      .collab-sidebar .announce-toast .announce-dismiss-container {
          float: right;
          margin-right: 9px;
          margin-top: 24px
      }

          .collab-sidebar .announce-toast .announce-dismiss-container .announce-tick-svg {
              width: 20px;
              height: 16px;
              cursor: pointer
          }

              .collab-sidebar .announce-toast .announce-dismiss-container .announce-tick-svg path {
                  fill: #fff
              }

      .collab-sidebar .announce-toast .announce-text {
          display: table;
          border-right: 1px solid #52a8a8;
          text-align: left;
          font-size: 14px;
          overflow: hidden;
          width: 325px;
          float: left;
          height: 60px
      }

          .collab-sidebar .announce-toast .announce-text a {
              color: #fff;
              text-decoration: underline
          }

      .collab-sidebar .announce-toast .announce-textarea {
          display: table-cell;
          vertical-align: middle
      }

.collab-btn-bridge-span {
  position: absolute;
  width: calc(100% + 20px);
  background: 0 0;
  height: 48px;
  top: -10px;
  margin: 0;
  left: -10px
}

.collab-selectable {
  position: relative
}

  .collab-selectable .collab-btn-text {
      padding-left: 20px;
      line-height: 30px;
      margin: 10px;
      font-size: 13px
  }

  .collab-selectable .collab-highlight-btn, .collab-selectable .collab-view-discussion-btn {
      display: none;
      position: absolute;
      background: #1d1d1d;
      height: 30px;
      box-sizing: border-box;
      border-radius: 3px;
      box-shadow: 0 3px 8px 0 rgba(24,50,71,.4),0 .5px 2px 0 rgba(24,50,71,.3);
      cursor: pointer;
      margin-top: -37px;
      left: -1000px;
      top: -1000px;
      animation: pop-on-top 250ms forwards linear;
      color: #fff;
      z-index: 1
  }

      .collab-selectable .collab-highlight-btn.collab-show, .collab-selectable .collab-view-discussion-btn.collab-show {
          display: block
      }

      .collab-selectable .collab-highlight-btn::after, .collab-selectable .collab-highlight-btn::before, .collab-selectable .collab-view-discussion-btn::after, .collab-selectable .collab-view-discussion-btn::before {
          content: " ";
          border: solid transparent;
          position: absolute;
          border-width: 7px;
          border-top-color: #1d1d1d;
          top: 30px;
          left: 50%;
          transform: translateX(-50%);
          border-bottom: 0
      }

      .collab-selectable .collab-highlight-btn::before, .collab-selectable .collab-view-discussion-btn::before {
          border-top-color: #d3d3d3;
          border-width: 8px
      }

      .collab-selectable .collab-highlight-btn .collab-logo, .collab-selectable .collab-view-discussion-btn .collab-logo {
          position: absolute;
          width: 16px;
          height: 16px;
          top: 7px;
          left: 10px;
          fill: #448ee1
      }

      .collab-selectable .collab-view-discussion-btn::before {
          top: 30px;
          left: 50%;
          transform: translateX(-50%)
      }

      .collab-selectable .collab-view-discussion-btn.collab-sticky-btn {
          display: block
      }

  .collab-selectable .collab-selectable-content-wrapper {
      overflow-x: auto;
      display: block
  }

.collab-highlight {
  background-color: #ffeeba;
  color: inherit;
  border-bottom: 1px solid #ffc83f;
  box-shadow: 0 1px 0 0 #ffc83f;
  margin: -1px;
  box-sizing: border-box;
  border-radius: 2px
}

  .collab-highlight.collab-highlight-blink {
      animation: highlight-blinker 2s linear 1
  }

  .collab-highlight:hover {
      background-color: #ffe187
  }

  .collab-highlight.collab-temp-highlight {
      background-color: #ffe187;
      box-shadow: 0 1px 1px 0 #ffe187;
      border-color: #ffe187;
      border-radius: 0
  }

.hk-avatar-1 {
  background-color: #e87c7c
}

.hk-avatar-2 {
  background-color: #9292e8
}

.hk-avatar-3 {
  background-color: #ffd78a
}

.hk-avatar-4 {
  background-color: #d89bf6
}

.hk-avatar-5 {
  background-color: #5acece
}

.hk-avatar-6 {
  background-color: #f6aa83
}

.hk-avatar-7 {
  background-color: #81ccf1
}

.hk-avatar-8 {
  background-color: #e87cc3
}

.fcon-preference-wrapper {
  padding: 10px;
  width: auto
}

  .fcon-preference-wrapper:hover {
      cursor: pointer;
      background-color: #f9f9f9
  }

.fcon-preference-header {
  font-size: 14px;
  vertical-align: top;
  color: #000
}

.fcon-preference-description {
  font-size: 12px;
  color: #707070;
  display: block;
  margin-left: 24px
}

.confirmation-modal {
  display: block;
  position: fixed;
  z-index: 7;
  padding-top: 5%;
  cursor: default;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100%;
  overflow: auto;
  background-color: #000;
  background-color: rgba(0,0,0,.7)
}

  .confirmation-modal .confirmation-modal-elements {
      width: 25%;
      min-width: 420px;
      margin: 10% auto auto;
      white-space: normal;
      background-color: #fefefe
  }

  .confirmation-modal .confirmation-modal-footer {
      margin: auto;
      padding: 10px 0 20px;
      border-bottom-left-radius: 2px;
      border-bottom-right-radius: 2px;
      text-align: center;
      width: 100%
  }

      .confirmation-modal .confirmation-modal-footer .confirmation-modal-btn {
          padding: 6px 14px;
          font-weight: 400;
          font-size: 14px;
          border-radius: 5px;
          cursor: pointer;
          text-transform: capitalize;
          outline: 0;
          border: none
      }

      .confirmation-modal .confirmation-modal-footer .confirmation-modal-confirm-btn {
          background: #1775e6;
          color: #fff
      }

      .confirmation-modal .confirmation-modal-footer .confirmation-modal-cancel-btn, .confirmation-modal .confirmation-modal-footer .confirmation-modal-third-btn {
          color: #1775e6;
          background: #fff
      }

      .confirmation-modal .confirmation-modal-footer .confirmation-modal-third-btn-wrapper {
          float: left;
          margin-left: 8px;
          white-space: nowrap;
          margin-right: 106px
      }

  .confirmation-modal .confirmation-modal-content {
      margin: auto;
      padding: 1px 20px;
      font-size: 12px;
      line-height: 18px;
      color: #707070
  }

  .confirmation-modal .confirmation-modal-header {
      margin: auto;
      padding: 10px 10px 1px 20px;
      color: #000;
      font-size: 14px;
      font-weight: 600;
      border-top-left-radius: 2px;
      border-top-right-radius: 2px
  }

  .confirmation-modal .confirmation-modal-close {
      float: right;
      background-color: #b2b2b2;
      border-radius: 50%;
      padding: 0 5px 2px
  }

      .confirmation-modal .confirmation-modal-close:focus, .confirmation-modal .confirmation-modal-close:hover {
          cursor: pointer
      }

      .confirmation-modal .confirmation-modal-close .confirmation-modal-fill-white {
          fill: #fff
      }

.confiramtion-modal-context {
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%
}

.user-info::after {
  content: none
}

.user-info .container {
  width: 100%
}

.user-info .user-avatar-wrapper {
  float: left;
  width: 32px;
  height: 32px
}

.user-info .fcon-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  display: block
}

  .user-info .fcon-avatar .fcon-avatar-span {
      font-size: 14px;
      line-height: 32px
  }

.user-info .user-description {
  height: 32px;
  margin-left: 40px;
  display: flex;
  align-items: center
}

  .user-info .user-description .user-descr-wrapper {
      width: 100%
  }

  .user-info .user-description .user-name {
      text-transform: capitalize;
      color: #000;
      font-weight: 400;
      font-size: 14px
  }

  .user-info .user-description .user-role {
      text-transform: capitalize;
      color: #707070;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      max-width: 60%;
      vertical-align: bottom;
      display: inline-block
  }

  .user-info .user-description .second-line {
      color: #1775e6;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      max-width: 200px
  }

      .user-info .user-description .second-line.fcon-clickable {
          cursor: pointer
      }

      .user-info .user-description .second-line.user-deactivated {
          color: #fb2c13;
          text-transform: capitalize;
          cursor: auto
      }

      .user-info .user-description .second-line.user-is-member {
          color: #707070;
          text-transform: capitalize
      }

.user-info.deactivated {
  opacity: .6
}

.collab-notifications {
  display: none;
  color: #183247
}

  .collab-notifications.show-notifications {
      display: block
  }

  .collab-notifications .collab-notification-tab-splitter {
      width: 100%;
      white-space: nowrap
  }

      .collab-notifications .collab-notification-tab-splitter .collab-noti-tab {
          width: 50%;
          padding: 13.5px 0;
          text-align: center;
          display: inline-block;
          font-size: 14px;
          font-weight: 400;
          cursor: pointer;
          border-bottom: 2px solid #dcdcdc
      }

          .collab-notifications .collab-notification-tab-splitter .collab-noti-tab.active {
              color: #000;
              font-weight: 500;
              border-bottom: 2px solid #00b3b3
          }

  .collab-notifications .collab-smooth-text {
      -webkit-font-smoothing: antialiased
  }

  .collab-notifications .collab-light-text {
      color: #6f7c87
  }

  .collab-notifications .collab-link-text {
      color: #448ee1
  }

  .collab-notifications .collab-pointer-cursor {
      cursor: pointer
  }

  .collab-notifications .basic-dropdown-content {
      border-radius: 3px;
      margin-top: 5px
  }

  .collab-notifications .collab-notification-box {
      background-color: #fff;
      z-index: 10;
      font-size: 13px
  }

      .collab-notifications .collab-notification-box.display-collab-noti-box {
          display: block
      }

  .collab-notifications .collab-notification-red-dot {
      box-sizing: border-box;
      height: 8px;
      width: 8px;
      position: absolute;
      border: .5px solid #FFF;
      background-color: #E03B28;
      border-radius: 50%;
      right: -10px
  }

  .collab-notifications .collab-noti-tab-title {
      position: relative
  }

  .collab-notifications .collab-notification-list-wrapper {
      overflow: auto;
      min-height: 78px;
      max-height: 95vh
  }

  .collab-notifications .collab-split-notification-list-wrapper {
      overflow: auto;
      max-height: calc(100vh - 97px)
  }

  .collab-notifications .collab-notification-list {
      list-style: none;
      padding: 0;
      margin: 0
  }

  .collab-notifications .collab-noitification-header {
      border-bottom: 1px solid #ebeef0;
      display: block;
      padding: 12px 14px;
      background: #f9f9f9
  }

      .collab-notifications .collab-noitification-header .collab-header-redirector {
          width: max-content;
          text-decoration: none
      }

          .collab-notifications .collab-noitification-header .collab-header-redirector .collab-noti-header-text {
              font-weight: 500
          }

      .collab-notifications .collab-noitification-header .collab-noti-mark-read {
          color: #448ee1;
          float: right
      }

          .collab-notifications .collab-noitification-header .collab-noti-mark-read[role=button] {
              cursor: pointer
          }

  .collab-notifications .collab-external-link-icon {
      height: 14px;
      width: 14px;
      vertical-align: bottom;
      fill: #6f7c87
  }

  .collab-notifications .collab-no-noti-indicator .collab-no-noti-message {
      color: #6f7c87
  }

  .collab-notifications .collab-noti-list-anchor {
      text-decoration: none
  }

  .collab-notifications .collab-notification-item {
      border-bottom: 1px solid #ebeef0;
      display: block;
      padding: 12px 15px
  }

      .collab-notifications .collab-notification-item[role=button] {
          cursor: pointer
      }

      .collab-notifications .collab-notification-item:hover .collab-noti-sender, .collab-notifications .collab-notification-item:hover .collab-noti-type-phrase {
          color: #448ee1
      }

      .collab-notifications .collab-notification-item.collab-noti-read {
          filter: grayscale(100%);
          opacity: .5
      }

          .collab-notifications .collab-notification-item.collab-noti-read:hover .collab-noti-sender, .collab-notifications .collab-notification-item.collab-noti-read:hover .collab-noti-type-phrase {
              color: #183247
          }

  .collab-notifications .collab-noti-type {
      color: #000
  }

  .collab-notifications .collab-noti-avatar {
      float: left;
      width: 30px;
      margin-right: 10px;
      position: relative
  }

  .collab-notifications .collab-noti-avatar-span {
      position: absolute;
      width: inherit;
      height: 30px;
      text-align: center;
      line-height: 30px;
      border-radius: 2px;
      color: rgba(0,0,0,.3);
      font-size: 14px;
      font-weight: 500;
      text-transform: uppercase
  }

  .collab-notifications .collab-noti-avatar-img {
      position: absolute;
      border-radius: 2px;
      height: 30px;
      width: 30px;
      z-index: 1
  }

  .collab-notifications .collab-noti-details {
      margin-right: 10px;
      margin-left: 45px
  }

  .collab-notifications .collab-noti-ticket-info {
      max-height: 15px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      font-weight: 500;
      margin-bottom: 4px
  }

  .collab-notifications .collab-noti-ticket-id, .collab-notifications .collab-noti-ticket-sub {
      color: #000
  }

  .collab-notifications .collab-noti-msg-info {
      text-overflow: ellipsis;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      display: -webkit-box
  }

  .collab-notifications .collab-noti-sender {
      color: #183247;
      font-weight: 500
  }

  .collab-notifications .collab-noti-type-phrase {
      color: #183247
  }

  .collab-notifications .collab-noti-msg-separator {
      color: #183247;
      margin-left: -2px
  }

  .collab-notifications .collab-noti-msg {
      color: #183247
  }

  .collab-notifications .collab-noti-rec-meta {
      font-size: 13px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      line-height: 18px
  }

  .collab-notifications .collab-noti-load-more {
      color: #448ee1;
      display: block;
      padding: 20px 15px
  }

      .collab-notifications .collab-noti-load-more .collab-noti-load-more-msg {
          float: left;
          position: relative;
          top: 50%;
          left: 50%;
          transform: translate(-50%,-50%);
          font-weight: 500;
          font-size: 12px
      }

      .collab-notifications .collab-noti-load-more[role=button] {
          cursor: pointer
      }

      .collab-notifications .collab-noti-load-more.collab-noti-loading {
          background: #f9f9f9;
          color: #6f7c87
      }

  .collab-notifications .collab-notification-bell {
      fill: #6f7c87
  }

      .collab-notifications .collab-notification-bell .collab-logo-img {
          height: 22px;
          width: 22px
      }

  .collab-notifications .collab-notification-unseen {
      display: inline-block;
      content: " ";
      width: 10px;
      height: 10px;
      background: #ff5959;
      position: absolute;
      right: -2px;
      top: -1px;
      border-radius: 50%;
      border: 1px solid #fff
  }

  .collab-notifications .collab-loader {
      display: block;
      width: 100%;
      text-align: center;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%)
  }

      .collab-notifications .collab-loader .collab-loader-pillar {
          display: inline-flex;
          margin-right: 0;
          width: 4px;
          height: 8px;
          animation: equalize 1.1s ease-in-out infinite;
          animation-name: equalize;
          animation-duration: 1.1s;
          animation-timing-function: ease-in-out;
          animation-delay: initial;
          animation-iteration-count: infinite;
          animation-direction: initial;
          animation-fill-mode: initial;
          animation-play-state: initial
      }

      .collab-notifications .collab-loader .collab-loader-text {
          display: block;
          margin-top: 10px;
          line-height: 1.2;
          font-size: 16px;
          color: #bfb8b8
      }

  .collab-notifications .blank-page-error-wrapper {
      position: absolute;
      height: 100%;
      width: 100%
  }

  .collab-notifications .blank-page-error {
      top: 40%;
      transform: translate(-50%,-50%);
      position: relative;
      left: 50%;
      text-align: center
  }

      .collab-notifications .blank-page-error a {
          color: #448ee1
      }

      .collab-notifications .blank-page-error.header {
          top: 20%
      }

      .collab-notifications .blank-page-error.move-up {
          margin-top: -33px
      }

  .collab-notifications .error-holder {
      position: relative;
      display: inline-block;
      vertical-align: top;
      margin: 0 8vh
  }

  .collab-notifications .error-image-holder {
      display: inline-block;
      position: relative
  }

  .collab-notifications .error-msg-holder {
      position: relative;
      font-size: 14px;
      line-height: 18px;
      vertical-align: bottom;
      text-align: center
  }

  .collab-notifications .error-message {
      margin-top: 12px;
      display: block;
      position: relative
  }

  .collab-notifications .error-button {
      background-color: #00b3b3;
      margin: 32px auto 0;
      text-align: center;
      color: #fff;
      border-radius: 4px;
      box-sizing: border-box;
      padding: 8px 16px;
      display: inline-block
  }

  .collab-notifications .error-message-header {
      text-align: center;
      font-size: 14px
  }

  .collab-notifications .error-image {
      width: 180px;
      height: 180px
  }

.headway-product-update-notification-wrapper {
  height: 40px;
  text-align: center;
  background-color: rgba(23,117,230,.08);
  padding-top: 7px;
  box-shadow: inset 0 -1px 0 0 #EBEBEB
}

.collab-midbar {
  height: 100%;
  border-top: 1px solid #183247;
  position: fixed;
  right: 0;
  top: 0;
  width: 480px;
  z-index: 999;
  box-sizing: border-box;
  transform: translateX(110%);
  color: #183247;
  visibility: hidden
}

  .collab-midbar.collab-focused .collab-action-box, .collab-midbar.collab-focused .collab-attachment-box {
      border-color: rgba(2,184,117,.5)
  }

  .collab-midbar.collab-focused .collab-action-box {
      border-bottom-color: #ebeef0
  }

  .collab-midbar.collab-ui-disabled .collab-tag-handle:hover {
      color: #448ee1
  }

  .collab-midbar .collab-pointer {
      cursor: pointer
  }

  .collab-midbar .members-dropdown-container .basic-dropdown-trigger:focus, .collab-midbar .members-dropdown-container .basic-dropdown-trigger:hover, .collab-midbar .members-dropdown-container:active, .collab-midbar .members-dropdown-container:focus {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      outline: 0
  }

  .collab-midbar .members-dropdown-container .collaborators-tab {
      float: right
  }

      .collab-midbar .members-dropdown-container .collaborators-tab:active, .collab-midbar .members-dropdown-container .collaborators-tab:focus {
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
          outline: 0
      }

  .collab-midbar .members-dropdown-container .basic-dropdown-content--right {
      right: 88px;
      position: absolute;
      margin-top: 30px
  }

  .collab-midbar .members-dropdown-container .collaborators-dropdown-content {
      z-index: 0;
      float: left;
      width: 360px;
      padding: 13px 0 0;
      box-shadow: .6px .7px 2px 2px #8080802e;
      background-color: #fff;
      border-radius: 3px;
      position: absolute;
      right: -87px
  }

      .collab-midbar .members-dropdown-container .collaborators-dropdown-content .collaborators-header {
          border-bottom: 1px solid #ebeef0;
          padding: 0 7px 9px 12px
      }

      .collab-midbar .members-dropdown-container .collaborators-dropdown-content .collaborators-list-item-container {
          overflow: auto;
          max-height: 460px
      }

      .collab-midbar .members-dropdown-container .collaborators-dropdown-content .user-info {
          padding: 8px
      }

      .collab-midbar .members-dropdown-container .collaborators-dropdown-content::before {
          width: 0;
          height: 0;
          border-bottom: 5px solid #fcfdff;
          border-left: 4px solid transparent;
          border-right: 4px solid transparent;
          content: '';
          position: absolute;
          right: 8px;
          top: -5px;
          z-index: 2
      }

  .collab-midbar .collaborator-popup {
      position: absolute;
      background: #fff;
      font-size: 12px;
      width: 241px;
      bottom: 147px;
      padding: 12px;
      box-shadow: 0 6px 14px 0 rgba(24,50,71,.05),0 1px 4px 0 rgba(24,50,71,.15);
      z-index: 1
  }

  .collab-midbar .quick-notification-close {
      position: relative;
      font-size: 22px;
      cursor: pointer;
      float: right;
      display: none;
      height: 15px;
      right: 0;
      line-height: 27px;
      top: 50%;
      transform: translateY(-50%)
  }

  .collab-midbar .collaborator-add-success .quick-notification-close {
      display: inline-block
  }

  .collab-midbar .collab-add-popup-btn {
      margin: 0 10px;
      float: right;
      color: #448ee1;
      cursor: pointer;
      font-weight: 500
  }

      .collab-midbar .collab-add-popup-btn.disable-click {
          cursor: not-allowed;
          color: #d3d3d3
      }

      .collab-midbar .collab-add-popup-btn.cancel-btn {
          color: #183247
      }

  .collab-midbar .line-design {
      border: 0;
      margin: 12px 0
  }

      .collab-midbar .line-design.error-email .user-email {
          border-color: #ff5959
      }

      .collab-midbar .line-design.error-email .email-msg {
          opacity: 1
      }

  .collab-midbar .user-email {
      width: 100%;
      border: 0;
      background: 0 0;
      outline: 0;
      border-bottom: 1px solid #02b875;
      box-sizing: border-box;
      font-size: 14px
  }

  .collab-midbar .email-msg {
      color: #ff5959;
      opacity: 0;
      margin-top: 4px;
      font-size: 11px;
      height: 26px;
      display: block
  }

  .collab-midbar .collaborator-add-fails {
      color: red;
      opacity: 0;
      margin-top: 4px;
      font-size: 11px
  }

  .collab-midbar .collab-ellipsis {
      display: inline-block;
      max-width: 100px;
      vertical-align: middle;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis
  }

      .collab-midbar .collab-ellipsis.collab-text {
          vertical-align: bottom;
          font-weight: 700
      }

  .collab-midbar.expand {
      visibility: visible;
      transition: transform .25s ease;
      transform: translateX(0);
      box-shadow: -25px 1px 25px 0 rgba(0,0,0,.02),2px 0 11px 0 rgba(0,0,0,.25)
  }

  .collab-midbar .collab-close {
      position: absolute;
      top: -1px;
      left: -30px;
      width: 30px;
      height: 30px;
      text-align: center;
      vertical-align: middle;
      background: #183247;
      color: #fff;
      font-size: 22px;
      cursor: pointer;
      border-bottom-left-radius: 2px
  }

  .collab-midbar .collab-title {
      line-height: 30px;
      position: absolute
  }

      .collab-midbar .collab-title.hint--bottom::before {
          margin-top: -16px
      }

      .collab-midbar .collab-title.hint--bottom::after {
          width: 610px;
          white-space: normal;
          top: 25px;
          word-wrap: break-word
      }

  .collab-midbar .collab-header {
      z-index: 1;
      background: #fff;
      height: 40px;
      box-sizing: border-box;
      padding: 30px;
      position: absolute;
      left: 0;
      width: 100%
  }

      .collab-midbar .collab-header.isFollowing .members-dropdown-container .basic-dropdown-content--right {
          right: 108px
      }

  .collab-midbar .more-options-cell-wrapper {
      position: relative;
      float: right;
      white-space: nowrap;
      border-radius: 4px 0 4px 4px;
      background-color: #fff;
      box-shadow: 0 0 0 1.5px #ebebeb;
      user-select: none
  }

  .collab-midbar .more-options-divider {
      content: "";
      position: relative;
      height: 2px;
      width: 100%;
      background: #fff;
      z-index: 1
  }

  .collab-midbar .more-options {
      width: 75px;
      border: 1px solid #ebebeb;
      border-radius: 4px;
      background-color: #f9f9f9;
      float: right;
      margin-right: 60px;
      position: relative;
      vertical-align: middle;
      user-select: none
  }

      .collab-midbar .more-options:hover {
          cursor: pointer
      }

      .collab-midbar .more-options.hide {
          display: none
      }

      .collab-midbar .more-options .more-options-text {
          font-size: 14px;
          line-height: 30px;
          margin-left: 8px;
          font-weight: 500;
          text-transform: capitalize
      }

      .collab-midbar .more-options .more-options-down-arrow-svg {
          float: right;
          margin-top: 2px;
          fill: #707070
      }

          .collab-midbar .more-options .more-options-down-arrow-svg .more-options-down-arrow {
              width: auto;
              height: auto
          }

  .collab-midbar .more-options-active {
      background-color: #fff;
      z-index: 1;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      box-shadow: 0 -.5px 0 .5px #ebebeb;
      border-bottom: none
  }

  .collab-midbar .invite-collaborator-wrapper .invite-collaborator-button-wrapper {
      float: right;
      right: 40px
  }

  .collab-midbar .invite-collaborator-wrapper .invite-collaborator-popup-wrapper {
      position: fixed;
      width: 100vw;
      height: 100vh;
      margin: auto;
      transform: translate(-50%,-50%);
      top: 50%;
      left: 50%;
      background: rgba(0,0,0,.48);
      z-index: 10
  }

  .collab-midbar .collaborators-list-box {
      background: #f9f9f9;
      top: 60px;
      bottom: 0;
      left: 0;
      right: 0;
      position: absolute;
      z-index: 1;
      overflow: auto;
      padding: 0 30px
  }

  .collab-midbar .collaborators-dropdown-content .user-info {
      padding: 8px 0;
      border-bottom: 1px solid #eee
  }

      .collab-midbar .collaborators-dropdown-content .user-info .user-description .first-line {
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden
      }

      .collab-midbar .collaborators-dropdown-content .user-info .user-description .user-name {
          white-space: nowrap;
          max-width: 182px;
          text-overflow: ellipsis;
          overflow: hidden;
          float: left
      }

      .collab-midbar .collaborators-dropdown-content .user-info .user-description .user-role {
          display: inline;
          margin-left: 6px;
          position: relative;
          top: 1.5px
      }

      .collab-midbar .collaborators-dropdown-content .user-info .user-description .second-line {
          display: block;
          clear: both
      }

  .collab-midbar .collab-list-uname {
      font-weight: 500
  }

  .collab-midbar .collab-tag-handle {
      color: #448ee1;
      cursor: pointer
  }

      .collab-midbar .collab-tag-handle:hover {
          color: #06c
      }

  .collab-midbar .collab-mtitle {
      color: #6f7c87;
      font-size: 12px
  }

      .collab-midbar .collab-mtitle .collab-ellipsis {
          max-width: 300px
      }

  .collab-midbar .collab-avatar-circle {
      height: 32px;
      width: 32px;
      display: inline-block;
      text-align: center;
      border-radius: 2px;
      line-height: 32px;
      font-size: 14px;
      margin-left: -12px;
      position: relative;
      text-transform: uppercase;
      box-shadow: inset 0 0 0 1px rgba(0,0,0,.04);
      color: #333;
      font-weight: 500
  }

      .collab-midbar .collab-avatar-circle .collab-avatar-pic {
          position: absolute;
          width: 100%;
          padding: 1px;
          left: 0;
          box-sizing: border-box
      }

  .collab-midbar .collaborators-tab {
      cursor: pointer;
      float: right;
      display: block;
      height: 40px;
      box-sizing: border-box
  }

      .collab-midbar .collaborators-tab .members-tab-avatar-wrapper {
          display: inline-block;
          margin-left: -14px;
          position: relative
      }

          .collab-midbar .collaborators-tab .members-tab-avatar-wrapper:nth-child(1) {
              z-index: 1
          }

          .collab-midbar .collaborators-tab .members-tab-avatar-wrapper:nth-child(2) {
              z-index: 0
          }

          .collab-midbar .collaborators-tab .members-tab-avatar-wrapper:nth-child(3) {
              z-index: -1
          }

          .collab-midbar .collaborators-tab .members-tab-avatar-wrapper:nth-child(4) {
              z-index: -2
          }

  .collab-midbar .collab-logo {
      margin-right: 10px;
      display: inline-block;
      vertical-align: middle
  }

  .collab-midbar .collab-convo-id {
      font-size: 15px;
      margin: 0 5px;
      color: #6f7c87
  }

  .collab-midbar .collab-follow-btn {
      cursor: pointer;
      float: right;
      background: #39f;
      border-radius: 5px;
      text-align: center;
      padding: 8px 10px;
      height: 30px;
      box-sizing: border-box;
      margin: 4px 0 4px 10px
  }

  .collab-midbar .collab-follow-btn-text {
      color: #fff;
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 1px;
      display: inherit
  }

  .collab-midbar .collab-logo-img {
      width: 26px;
      height: 26px;
      fill: #7fc7b7
  }

  .collab-midbar .collab-readtick-wrapper {
      cursor: pointer
  }

  .collab-midbar .collab-readtick-img {
      fill: #abb4b9;
      height: 14px;
      width: 14px;
      text-align: center
  }

      .collab-midbar .collab-readtick-img.all-read {
          fill: #239cff
      }

  .collab-midbar .huddle-everyone-img {
      width: 24px;
      height: 24px;
      margin: 3px
  }

  .collab-midbar .huddle-group-img {
      width: 16px;
      height: 16px;
      padding: 8px
  }

  .collab-midbar .group-mention-icon, .collab-midbar .huddle-mention-icon {
      background-color: #d3d3d3
  }

  .collab-midbar .collab-back-img {
      cursor: pointer;
      border: solid #183247;
      border-width: 0 2px 2px 0;
      display: inline-block;
      padding: 4px;
      margin: 8px 0 8px 8px;
      transform: rotate(135deg);
      -webkit-transform: rotate(135deg)
  }

  .collab-midbar .collab-chat-box {
      top: 60px;
      left: 0;
      right: 0;
      position: absolute;
      z-index: 0;
      overflow: auto;
      bottom: 180px;
      padding: 20px;
      -webkit-transition: all .25s ease;
      transition: all .25s ease
  }

      .collab-midbar .collab-chat-box.collab-shrink {
          bottom: 220px
      }

  .collab-midbar .scroll-to-bottom-wrapper {
      position: fixed;
      height: 32px;
      width: 32px;
      background: #26404d;
      bottom: 188px;
      border-radius: 32px;
      opacity: .16;
      transform: translateX(-50%);
      left: 50%;
      z-index: 1;
      cursor: pointer;
      visibility: hidden
  }

      .collab-midbar .scroll-to-bottom-wrapper.show, .collab-midbar.collab-midbar-dm.new-convo .collab-action-box, .collab-midbar.collab-midbar-dm.new-convo .collab-attachment-box {
          visibility: visible
      }

      .collab-midbar .scroll-to-bottom-wrapper:hover {
          opacity: .84
      }

      .collab-midbar .scroll-to-bottom-wrapper.expand {
          width: 160px;
          opacity: .84;
          transition: all .3s ease;
          -webkit-transition: all .3s ease
      }

  .collab-midbar .scroll-to-bottom-icon {
      float: right;
      right: 10px;
      top: 10px;
      position: relative;
      fill: #fff;
      font-weight: 500
  }

  .collab-midbar .new-message-sender {
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      display: none;
      left: 4px;
      float: left
  }

      .collab-midbar .new-message-sender.show {
          display: inline-block
      }

  .collab-midbar .new-message-text {
      color: #fff;
      font-size: 14px;
      top: 50%;
      left: 12px;
      transform: translateY(-50%);
      position: relative;
      display: none;
      text-transform: capitalize
  }

      .collab-midbar .new-message-text.show {
          display: inline-block
      }

  .collab-midbar .linear-loader {
      top: 60px
  }

  .collab-midbar .collab-def-pic .collab-att-msg-img {
      width: 55px
  }

  .collab-midbar .collab-def-pic .collab-att-name {
      width: 100%
  }

  .collab-midbar .collab-def-pic .collab-att-preview-def-pic {
      left: initial;
      transform: translateY(-50%)
  }

  .collab-midbar .collab-att-size {
      display: block;
      line-height: 16px
  }

      .collab-midbar .collab-att-size::before {
          content: "(";
          position: relative
      }

      .collab-midbar .collab-att-size::after {
          content: ")";
          position: relative
      }

  .collab-midbar .collab-att-file-name {
      max-width: 90px
  }

  .collab-midbar .collab-att-preview-def-pic {
      width: 50px;
      height: initial;
      top: 50%;
      position: relative;
      transform: translate(-50%,-50%);
      left: 50%
  }

  .collab-midbar .collab-action-box, .collab-midbar .collab-attachment-box {
      width: calc(100% - 40px);
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      box-sizing: border-box
  }

  .collab-midbar .collab-action-box {
      min-height: 111px;
      background: 0 0;
      bottom: 55px;
      border: 1px solid #dfdfdf;
      border-bottom-color: #ebeef0;
      border-radius: 8px 8px 0 0
  }

      .collab-midbar .collab-action-box.collab-expand {
          height: 153px
      }

          .collab-midbar .collab-action-box.collab-expand .collab-quick-notification {
              top: -90px
          }

              .collab-midbar .collab-action-box.collab-expand .collab-quick-notification.collab-multi-line-3 {
                  top: -110px
              }

  .collab-midbar .collab-attachment-box {
      height: 36px;
      resize: none;
      outline: 0;
      bottom: 20px;
      border: 1px solid #dfdfdf;
      background: #f9f9f9;
      border-radius: 0 0 8px 8px
  }

      .collab-midbar .collab-attachment-box .collab-attachment-circle {
          margin: 4px;
          height: 26px;
          width: 26px;
          display: inline-block;
          line-height: 26px;
          position: relative;
          box-shadow: inset 0 0 0 1px transparent;
          color: rgba(0,0,0,.3);
          cursor: pointer;
          opacity: .8;
          z-index: 1
      }

          .collab-midbar .collab-attachment-box .collab-attachment-circle.collab-disabled {
              opacity: .3;
              background: 0 0;
              cursor: not-allowed
          }

              .collab-midbar .collab-attachment-box .collab-attachment-circle.collab-disabled .attachment-icon-fileupload {
                  pointer-events: none
              }

              .collab-midbar .collab-attachment-box .collab-attachment-circle.collab-disabled .collab-attachment-icon {
                  fill: #5a6670
              }

          .collab-midbar .collab-attachment-box .collab-attachment-circle .collab-attachment-icon {
              margin: 3px 3px -3px -2px;
              fill: #5a6670;
              height: 18px;
              text-align: center
          }

          .collab-midbar .collab-attachment-box .collab-attachment-circle:not(.collab-disabled):hover {
              opacity: 1;
              background: #ebedf0
          }

              .collab-midbar .collab-attachment-box .collab-attachment-circle:not(.collab-disabled):hover .collab-attachment-icon {
                  fill: #1e464c
              }

      .collab-midbar .collab-attachment-box .attachment-icon-fileupload {
          position: absolute;
          z-index: 5;
          overflow: hidden;
          opacity: 0;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          cursor: pointer
      }

          .collab-midbar .collab-attachment-box .attachment-icon-fileupload input[type=file] {
              margin-left: -84px;
              cursor: pointer;
              visibility: hidden
          }

      .collab-midbar .collab-attachment-box .collab-attachment-help {
          height: auto
      }

      .collab-midbar .collab-attachment-box.collab-attachment-disabled {
          background-color: #f9f9f9
      }

      .collab-midbar .collab-attachment-box .collab-emoji-button, .collab-midbar .collab-attachment-box .collab-giphy-button, .collab-midbar .collab-attachment-box .collab-zoom-button {
          position: relative;
          height: 24px;
          width: 25px;
          text-align: center;
          float: left;
          padding: 4px;
          margin: 5px;
          cursor: pointer;
          box-sizing: border-box;
          left: 2px
      }

          .collab-midbar .collab-attachment-box .collab-emoji-button.collab-disabled, .collab-midbar .collab-attachment-box .collab-giphy-button.collab-disabled, .collab-midbar .collab-attachment-box .collab-zoom-button.collab-disabled {
              opacity: .3;
              background: 0 0;
              cursor: not-allowed
          }

              .collab-midbar .collab-attachment-box .collab-emoji-button.collab-disabled .attachment-icon-fileupload, .collab-midbar .collab-attachment-box .collab-giphy-button.collab-disabled .attachment-icon-fileupload, .collab-midbar .collab-attachment-box .collab-zoom-button.collab-disabled .attachment-icon-fileupload {
                  pointer-events: none
              }

              .collab-midbar .collab-attachment-box .collab-emoji-button.collab-disabled .collab-attachment-icon, .collab-midbar .collab-attachment-box .collab-giphy-button.collab-disabled .collab-attachment-icon, .collab-midbar .collab-attachment-box .collab-zoom-button.collab-disabled .collab-attachment-icon {
                  fill: #5a6670
              }

          .collab-midbar .collab-attachment-box .collab-emoji-button .collab-emoji-image, .collab-midbar .collab-attachment-box .collab-giphy-button .collab-emoji-image, .collab-midbar .collab-attachment-box .collab-zoom-button .collab-emoji-image {
              width: 16px;
              height: 16px;
              position: relative
          }

          .collab-midbar .collab-attachment-box .collab-emoji-button:not(.collab-disabled):hover, .collab-midbar .collab-attachment-box .collab-giphy-button:not(.collab-disabled):hover, .collab-midbar .collab-attachment-box .collab-zoom-button:not(.collab-disabled):hover {
              opacity: 1;
              background: #ebedf0
          }

              .collab-midbar .collab-attachment-box .collab-emoji-button:not(.collab-disabled):hover .collab-emoji-image, .collab-midbar .collab-attachment-box .collab-giphy-button:not(.collab-disabled):hover .collab-emoji-image, .collab-midbar .collab-attachment-box .collab-zoom-button:not(.collab-disabled):hover .collab-emoji-image {
                  fill: #1e464c
              }

      .collab-midbar .collab-attachment-box .collab-zoom-button {
          float: right;
          margin: 5px 8px 5px 5px;
          padding: 2px 1px
      }

      .collab-midbar .collab-attachment-box .collab-giphy-button {
          float: left;
          margin: 5px 8px 5px 5px;
          padding: 2px 1px
      }

  .collab-midbar .collab-msg-preview {
      padding: 10px;
      line-height: 20px;
      border-bottom: 1px solid #d3d3d3;
      background: #c5f0eb;
      box-sizing: border-box;
      position: relative;
      border-bottom-color: #5adead
  }

      .collab-midbar .collab-msg-preview.collab-highlight-data {
          background-color: #ffeeba;
          border-bottom-color: #ffc83f
      }

      .collab-midbar .collab-msg-preview.collab-reply-data-disabled {
          background-color: #f9f9f9
      }

  .collab-midbar .collab-reply-close {
      position: absolute;
      color: #6f7c87;
      width: 20px;
      height: 20px;
      text-align: center;
      right: 10px;
      font-size: 26px;
      line-height: 16px;
      box-sizing: border-box;
      border-radius: 2px;
      cursor: pointer
  }

  .collab-midbar .collab-send-box {
      height: 109px;
      position: relative;
      float: left;
      width: 100%;
      border-radius: 8px 8px 0 0
  }

  .collab-midbar .msg-not-sent-wrapper .warning-icon {
      margin-bottom: -1.9px
  }

  .collab-midbar .msg-not-sent-wrapper .warning-msg {
      font-size: 12px;
      color: #e03b28
  }

  .collab-midbar .msg-not-sent-wrapper .clipboard-msg {
      font-size: 12px;
      color: #809d9d;
      display: block
  }

  .collab-midbar .collab-text-box {
      width: 100%;
      height: 100%;
      position: absolute;
      box-sizing: border-box;
      resize: none;
      outline: 0;
      border: 0;
      font-size: 14px;
      padding: 10px;
      border-radius: 8px 8px 0 0
  }

      .collab-midbar .collab-text-box::placeholder {
          color: #707070
      }

      .collab-midbar .collab-text-box.disabled, .collab-midbar .collab-text-box:disabled {
          color: #707070
      }

  .collab-midbar .collab-attachment-preview {
      background: #fff;
      position: absolute;
      box-sizing: border-box;
      border-left: 1px solid transparent;
      display: none;
      left: 0;
      padding: 10px;
      height: 109px
  }

      .collab-midbar .collab-att-name-size-row.collab-att-name-size-row-disabled, .collab-midbar .collab-attachment-preview.collab-attachment-preview-disabled {
          background-color: #f9f9f9
      }

      .collab-midbar .collab-attachment-preview.collab-def-pic .collab-att-file-name, .collab-midbar .collab-attachment-preview.collab-show, .collab-midbar .collab-attachment-preview:hover .collab-att-name-size-row, .collab-midbar .collab-attachment-preview:hover .collab-att-preview-img-wrapper::before, .collab-midbar .collab-attachment-preview:hover .collab-cancel-att {
          display: block
      }

      .collab-midbar .collab-attachment-preview .collab-att-name-size-row {
          padding: 0;
          width: 90px;
          display: none;
          bottom: 9px
      }

  .collab-midbar .collab-att-name-size-row {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 32px;
      box-sizing: border-box;
      font-size: 12px;
      color: #6f7c87;
      z-index: 1
  }

  .collab-midbar .collab-att-preview-img-wrapper {
      height: 90px;
      width: 90px;
      text-align: center;
      background: #f3f5f7
  }

      .collab-midbar .collab-att-preview-img-wrapper::before {
          content: " ";
          width: 90px;
          height: 90px;
          position: absolute;
          display: none;
          right: 10px;
          top: 10px;
          background-image: linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.88) 43%,#fff);
          z-index: 1
      }

      .collab-midbar .collab-att-preview-img-wrapper .collab-att-preview-img {
          position: relative;
          text-align: center;
          max-width: 100%;
          max-height: 100%;
          top: 50%;
          transform: translateY(-50%)
      }

  .collab-midbar .collab-cancel-att {
      position: absolute;
      font-size: 27px;
      height: 16px;
      width: 16px;
      overflow: hidden;
      color: #183247;
      background-color: #fff;
      border-radius: 2px;
      line-height: 10px;
      top: 15px;
      right: 15px;
      cursor: pointer;
      padding: 2px;
      display: none;
      z-index: 1
  }

  .collab-midbar .collab-mention-picker {
      position: absolute;
      background: #fff;
      width: 75%;
      margin-bottom: 1px;
      box-shadow: 0 5px 20px 3px rgba(0,0,0,.15);
      border-radius: 4px
  }

      .collab-midbar .collab-mention-picker .collab-uname {
          font-weight: 500;
          max-width: 50%
      }

      .collab-midbar .collab-mention-picker.max-out .info {
          display: block
      }

      .collab-midbar .collab-mention-picker .info {
          display: none;
          padding: 10px 20px;
          box-sizing: border-box;
          border-bottom: 1px solid #dfdfdf
      }

      .collab-midbar .collab-mention-picker ul {
          padding: 0 16px;
          margin: 0
      }

      .collab-midbar .collab-mention-picker li[data-lm-tag=discussion] .lm-title {
          padding-left: 0
      }

      .collab-midbar .collab-mention-picker .lm-list-item {
          list-style: none;
          padding: 8px 8px 8px 42px;
          border-radius: 3px;
          position: relative;
          height: 44px;
          box-sizing: border-box;
          cursor: pointer
      }

          .collab-midbar .collab-mention-picker .lm-list-item.inherited-group, .collab-midbar .collab-mention-picker .lm-list-item.inherited-group .nametag {
              height: auto
          }

              .collab-midbar .collab-mention-picker .lm-list-item.inherited-group .nametag.one-line {
                  max-width: 100%;
                  transform: translateY(0)
              }

              .collab-midbar .collab-mention-picker .lm-list-item.inherited-group .fcon-group-description.collab-ellipsis {
                  max-width: 100%;
                  font-size: 12px;
                  color: #707070;
                  margin-top: 2px
              }

              .collab-midbar .collab-mention-picker .lm-list-item.inherited-group .group-mention-icon {
                  background: #f5a37a
              }

              .collab-midbar .collab-mention-picker .lm-list-item.inherited-group .collab-uname {
                  max-width: 100%;
                  margin-top: -1px
              }

              .collab-midbar .collab-mention-picker .lm-list-item.inherited-group .lm-uname {
                  color: #1775e6;
                  max-width: 100%;
                  display: block;
                  padding-left: 0
              }

          .collab-midbar .collab-mention-picker .lm-list-item .huddle-name-tag .lm-uname {
              padding: 0
          }

          .collab-midbar .collab-mention-picker .lm-list-item .lm-uname {
              color: #1775e6;
              display: block;
              max-width: 100%
          }

          .collab-midbar .collab-mention-picker .lm-list-item .lm-title {
              color: #6f7c87;
              font-size: 12px;
              max-width: 270px;
              padding-left: 5px;
              height: 15px
          }

          .collab-midbar .collab-mention-picker .lm-list-item .nametag {
              height: 15px;
              line-height: 15px;
              max-width: 100%;
              white-space: nowrap;
              text-overflow: ellipsis
          }

              .collab-midbar .collab-mention-picker .lm-list-item .nametag .lm-title {
                  max-width: 50%
              }

              .collab-midbar .collab-mention-picker .lm-list-item .nametag.one-line {
                  position: relative
              }

          .collab-midbar .collab-mention-picker .lm-list-item .collab-avatar-circle {
              border-color: #cbcbcb;
              position: absolute;
              padding: 0;
              left: 5px;
              margin: 0;
              top: 7px
          }

          .collab-midbar .collab-mention-picker .lm-list-item.selected {
              background: #eef8f9
          }

          .collab-midbar .collab-mention-picker .lm-list-item .huddle-add {
              width: 16px;
              height: 16px;
              padding: 4px;
              background-color: transparent;
              border: 0
          }

          .collab-midbar .collab-mention-picker .lm-list-item .add-item-name {
              line-height: 22px;
              padding-left: 34px
          }

          .collab-midbar .collab-mention-picker .lm-list-item.add-item {
              padding: 13.5px 0 13.5px 21px;
              border-top: 1px solid #ebebeb;
              color: #39f;
              height: auto
          }

              .collab-midbar .collab-mention-picker .lm-list-item.add-item .group-mention-icon {
                  background: 0 0;
                  box-shadow: none;
                  position: relative;
                  left: 0;
                  top: -1.5px;
                  float: left
              }

          .collab-midbar .collab-mention-picker .lm-list-item:first-child:not(.add-item) {
              margin-top: 8px
          }

          .collab-midbar .collab-mention-picker .lm-list-item:last-child:not(.add-item) {
              margin-bottom: 8px
          }

  .collab-midbar .collab-message-box {
      margin: 12px 0;
      box-sizing: border-box;
      position: relative
  }

      .collab-midbar .collab-message-box .collab-wrapper-box {
          border: 1px solid #dcdcdc;
          display: inline-block;
          max-width: 60%;
          padding: 8px 16px;
          background-color: #fff;
          position: relative;
          border-radius: 0 10px 10px
      }

      .collab-midbar .collab-message-box .msg-avatar-wrapper {
          position: absolute;
          left: 0
      }

      .collab-midbar .collab-message-box pre {
          margin: -4px -12px 6px
      }

          .collab-midbar .collab-message-box pre.indent-down {
              margin: 8px -1px
          }

      .collab-midbar .collab-message-box blockquote {
          background: #fff;
          border: 1px solid #ebebeb;
          border-radius: 6px;
          font-size: 16px;
          margin: -12px -12px 12px;
          padding: 4px 12px;
          position: relative;
          top: 8px
      }

      .collab-midbar .collab-message-box .hljs, .hljs {
          border-radius: 5px
      }

      .collab-midbar .collab-message-box blockquote.indent-down {
          margin: 0 -1px 14px
      }

      .collab-midbar .collab-message-box .collab-wrapper-box.for-attachment {
          padding: 4px
      }

      .collab-midbar .collab-message-box:hover .collab-reply-button {
          opacity: 1
      }

      .collab-midbar .collab-message-box .emojione {
          width: 20px;
          vertical-align: bottom
      }

  .collab-midbar .collab-message-sent {
      text-align: right;
      padding-bottom: 16px;
      margin-top: 5px
  }

      .collab-midbar .collab-message-sent .collab-wrapper-box {
          background-color: #f3f3f3;
          border-top-left-radius: 10px;
          border-bottom-right-radius: 0
      }

      .collab-midbar .collab-message-sent .collab-reply-button {
          right: initial;
          left: -38px;
          z-index: 1
      }

      .collab-midbar .collab-message-sent.collab-clubbed-message {
          margin-bottom: 0;
          padding-bottom: 0
      }

          .collab-midbar .collab-message-sent.collab-clubbed-message .collab-send-box-meta {
              display: none
          }

  .collab-midbar .collab-message-body {
      text-align: left;
      word-wrap: break-word;
      font-size: 14px
  }

      .collab-midbar .collab-message-body a {
          color: #448ee1
      }

      .collab-midbar .collab-message-body.collab-att-msg {
          white-space: initial;
          text-align: center;
          min-width: 110px;
          min-height: 110px;
          max-width: 200px;
          max-height: 200px;
          line-height: 110px;
          background: #f3f5f7;
          overflow: hidden
      }

          .collab-midbar .collab-message-body.collab-att-msg .collab-att-name-size-row {
              background: 0 0;
              display: none;
              position: absolute
          }

              .collab-midbar .collab-message-body.collab-att-msg .collab-att-name-size-row .collab-att-name {
                  display: block;
                  line-height: 16px;
                  max-width: none
              }

  .collab-midbar .collab-att-download-btn {
      text-align: center;
      position: absolute;
      left: 4px;
      right: 4px;
      top: 4px;
      bottom: 4px;
      border-radius: 6px
  }

      .collab-midbar .collab-att-download-btn .collab-download-svg {
          width: 16px;
          height: 16px;
          fill: #183247;
          position: absolute;
          z-index: 1;
          top: 2px;
          left: 2px
      }

      .collab-midbar .collab-att-download-btn .collab-att-download-svg-wrapper {
          display: none;
          position: absolute;
          right: 4px;
          top: 4px;
          width: 20px;
          height: 20px;
          box-sizing: border-box
      }

          .collab-midbar .collab-att-download-btn .collab-att-download-svg-wrapper::before {
              content: "";
              width: 20px;
              height: 20px;
              position: absolute;
              background: #fff;
              left: 0;
              top: 0;
              border-radius: 2px;
              z-index: 0
          }

      .collab-midbar .collab-att-download-btn:hover {
          background-image: linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.88) 43%,#fff)
      }

          .collab-midbar .collab-att-download-btn:hover .collab-att-download-svg-wrapper {
              display: inline-block
          }

          .collab-midbar .collab-att-download-btn:hover .collab-att-name-size-row {
              display: block
          }

  .collab-midbar .collab-att-msg-img {
      display: inline-block;
      border-radius: 6px;
      position: relative;
      width: 100%;
      height: 100%;
      vertical-align: middle
  }

  .collab-midbar .collab-loader {
      display: block;
      width: 100%;
      text-align: center;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%)
  }

      .collab-midbar .collab-loader .collab-loader-pillar {
          display: inline-flex;
          margin-right: 0;
          width: 4px;
          height: 8px;
          animation: equalize 1.1s ease-in-out infinite;
          animation-name: equalize;
          animation-duration: 1.1s;
          animation-timing-function: ease-in-out;
          animation-delay: initial;
          animation-iteration-count: infinite;
          animation-direction: initial;
          animation-fill-mode: initial;
          animation-play-state: initial
      }

      .collab-midbar .collab-loader .collab-loader-text {
          display: block;
          margin-top: 10px;
          line-height: 1.2;
          font-size: 16px;
          color: #bfb8b8
      }

  .collab-midbar .collab-null-screen {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      text-align: center;
      padding: 40px
  }

  .collab-midbar .collab-null-screen-logo {
      margin-top: 60px
  }

      .collab-midbar .collab-null-screen-logo .collab-logo-img {
          width: 55px;
          height: 55px
      }

  .collab-midbar .collab-null-screen-motto {
      font-weight: 700;
      font-size: 16px;
      margin: 20px 0;
      opacity: .8
  }

  .collab-midbar .collab-null-screen-slogan {
      font-size: 11px;
      opacity: .8
  }

  .collab-midbar .collab-message-received {
      padding-left: 35px;
      padding-bottom: 5px
  }

      .collab-midbar .collab-message-received .collab-receive-box-meta {
          display: none
      }

      .collab-midbar .collab-message-received.collab-clubbed-message {
          margin-top: -8px;
          padding-bottom: 0;
          padding-top: 0
      }

      .collab-midbar .collab-message-received.collab-club-root-msg {
          margin-bottom: 7px;
          margin-top: -7px
      }

          .collab-midbar .collab-message-received.collab-club-root-msg .collab-receive-box-meta, .collab-midbar .collab-message-received.collab-show-avatar .collab-avatar-circle {
              display: block
          }

  .collab-midbar .collab-message-meta {
      color: #6f7c87;
      margin-top: 2px
  }

  .collab-midbar .collab-read-receipt-meta {
      color: #6f7c87;
      vertical-align: middle;
      position: absolute;
      right: 3px;
      bottom: -3px
  }

  .collab-midbar .fadeInDown {
      animation: pop-on-bottom 250ms forwards linear
  }

  .collab-midbar .fadeInUp {
      animation: pop-on-top 250ms forwards linear
  }

  .collab-midbar .read-tool-tip {
      background: 0 0;
      position: absolute;
      width: max-content;
      text-align: left;
      z-index: 2;
      right: -24px;
      padding-top: 13px
  }

      .collab-midbar .read-tool-tip::after, .collab-midbar .read-tool-tip::before {
          content: "";
          position: absolute;
          margin-left: -5px;
          border: 5px solid transparent;
          border-bottom-color: #193346;
          top: 0;
          right: 22px;
          transform: translateX(-50%)
      }

      .collab-midbar .read-tool-tip::before {
          border-bottom-color: #e5e6e8;
          top: -2px;
          border-width: 6px;
          right: 20px
      }

      .collab-midbar .read-tool-tip.read-tool-tip-left {
          left: -63px
      }

          .collab-midbar .read-tool-tip.read-tool-tip-left::after, .collab-midbar .read-tool-tip.read-tool-tip-left::before {
              left: 74px;
              width: 0
          }

  .collab-midbar .read-tooltip-content {
      margin-top: -3px;
      border-radius: 2px;
      color: #fff;
      padding: 5px 10px;
      font-size: 12px;
      background: #193346;
      box-shadow: 0 0 0 0 rgba(24,50,71,.05),0 0 5px 0 rgba(24,50,71,.2)
  }

  .collab-midbar .readby-lastreader {
      vertical-align: bottom
  }

  .collab-midbar .collab-readby-container {
      background: 0 0;
      position: absolute;
      min-height: 75px;
      max-height: 210px;
      width: 255px;
      text-align: left;
      z-index: 2;
      margin-top: -3px;
      right: -19px;
      padding-top: 13px
  }

      .collab-midbar .collab-readby-container::after, .collab-midbar .collab-readby-container::before {
          content: "";
          position: absolute;
          margin-left: 3px;
          border: 5px solid transparent;
          border-bottom-color: #fff;
          top: 3px;
          left: 224px;
          transform: translateX(-50%)
      }

      .collab-midbar .collab-readby-container::before {
          border-bottom-color: #e5e6e8;
          top: 0;
          border-width: 6px
      }

      .collab-midbar .collab-readby-container.collab-readby-left {
          left: -76px
      }

          .collab-midbar .collab-readby-container.collab-readby-left::after, .collab-midbar .collab-readby-container.collab-readby-left::before {
              left: 79px
          }

      .collab-midbar .collab-readby-container.collab-readby-bottom {
          bottom: 12px;
          padding-top: 0
      }

          .collab-midbar .collab-readby-container.collab-readby-bottom::after, .collab-midbar .collab-readby-container.collab-readby-bottom::before {
              top: initial;
              bottom: -4px;
              border-top-color: #e5e6e8;
              border-bottom-color: transparent
          }

          .collab-midbar .collab-readby-container.collab-readby-bottom::after {
              border-top-color: #fff;
              bottom: -1px
          }

  .collab-midbar .collab-readby-list {
      list-style: none;
      background: #fff;
      color: #000;
      padding: 0 0 5px;
      overflow-y: auto;
      box-shadow: 0 0 0 0 rgba(24,50,71,.05),0 0 5px 0 rgba(24,50,71,.2);
      margin-bottom: 9px;
      margin-top: 0;
      max-height: 196px;
      border-radius: 2px
  }

  .collab-midbar .collab-seenby-tab {
      background: #f9f9f9;
      padding: 8px 10px;
      margin-bottom: 5px
  }

  .collab-midbar .collab-not-seenby-tab {
      background: #f9f9f9;
      padding: 8px 10px;
      margin: 5px 0
  }

  .collab-midbar .collab-readby-item {
      padding: 5px;
      margin: 0 5px;
      border-radius: 1px;
      cursor: pointer
  }

      .collab-midbar .collab-readby-item:hover {
          background-color: #f3f5f7
      }

  .collab-midbar .collab-readby-item-avatar {
      position: relative;
      height: 30px;
      width: 30px;
      float: left;
      margin-right: 10px
  }

  .collab-midbar .collab-readby-item-avatar-image, .collab-midbar .collab-readby-item-avatar-span, .collab-midbar .collab-readby-item-group-image {
      position: absolute;
      height: inherit;
      width: inherit
  }

  .collab-midbar .collab-readby-item-avatar-span {
      text-align: center;
      line-height: 30px;
      color: rgba(0,0,0,.3);
      font-size: initial;
      font-weight: 500
  }

  .collab-midbar .collab-readby-item-group-image {
      background-color: #d3d3d3;
      padding: 5px
  }

  .collab-midbar .collab-readby-item-info {
      white-space: nowrap;
      line-height: 15px
  }

  .collab-midbar .collab-readby-item-name {
      margin-right: 6px;
      font-size: 12px;
      font-weight: 500;
      max-width: 112px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: inline-block;
      vertical-align: middle
  }

  .collab-midbar .collab-readby-agent-count {
      font-size: 12px;
      margin-left: -1px;
      color: #6f7c87
  }

  .collab-midbar .collab-readby-item-handle-container {
      line-height: 15px
  }

  .collab-midbar .collab-readby-item-handle {
      font-size: 12px;
      color: #6f7c87
  }

  .collab-midbar .collab-receive-box-meta, .collab-midbar .collab-send-box-meta {
      position: absolute;
      bottom: -2px;
      text-align: right;
      width: 100%;
      font-size: 12px;
      color: #6f7c87;
      box-sizing: border-box
  }

  .collab-midbar .collab-receive-box-meta {
      text-align: left;
      bottom: initial;
      padding-left: 2px;
      position: relative;
      padding-top: 2px;
      margin-top: 2px;
      margin-bottom: 13px
  }

  .collab-midbar .collab-hl-label, .collab-midbar .collab-reply-label {
      max-width: 90%;
      font-size: 12px
  }

      .collab-midbar .collab-hl-label .collab-hl-label-text, .collab-midbar .collab-hl-label .collab-reply-of, .collab-midbar .collab-reply-label .collab-hl-label-text, .collab-midbar .collab-reply-label .collab-reply-of {
          color: #6f7c87;
          font-weight: 500
      }

      .collab-midbar .collab-hl-label span, .collab-midbar .collab-reply-label span {
          vertical-align: middle
      }

          .collab-midbar .collab-hl-label span .emojione, .collab-midbar .collab-reply-label span .emojione {
              width: 20px;
              vertical-align: bottom
          }

  .collab-midbar .collab-reply-button {
      opacity: 0;
      position: absolute;
      right: -38px;
      width: 24px;
      height: 24px;
      background: #fff;
      border-radius: 50%;
      font-size: 16px;
      text-align: center;
      border: 1px solid #dcdcdc;
      cursor: pointer;
      line-height: 25px;
      top: 50%;
      transform: translateY(-50%)
  }

  .collab-midbar .collab-reply-svg {
      fill: #448ee1
  }

  .collab-midbar .collab-highlight-preview, .collab-midbar .collab-reply-preview {
      text-align: left;
      font-size: 12px;
      padding: 4px 12px;
      overflow: hidden;
      width: inherit;
      text-overflow: ellipsis;
      white-space: nowrap;
      cursor: pointer;
      display: block;
      background: #a9dedf;
      box-shadow: 0 1px 0 0 #00b3b3;
      border-radius: 6px 6px 0 0;
      margin: -5px -13px 8px
  }

      .collab-midbar .collab-highlight-preview:hover, .collab-midbar .collab-reply-preview:hover {
          background-color: #a0d3d4
      }

  .collab-midbar .collab-highlight-preview {
      background: #ffeeba;
      box-shadow: 0 1px 0 0 #ffc83f
  }

      .collab-midbar .collab-highlight-preview.collab-disabled {
          background: #f9f9f9;
          border-color: #f9f9f9;
          box-shadow: none;
          cursor: initial;
          color: #6f7c87
      }

      .collab-midbar .collab-highlight-preview:hover {
          background-color: #ffe187
      }

  .collab-midbar .collab-annotation-title, .collab-midbar .collab-replied-to-sender {
      display: block;
      margin-bottom: 5px;
      opacity: .64
  }

  .collab-midbar .collab-message-sender-name.deactivated-user, .unified360-sidenav .unified360-disabled > *, .unified360-sidenav .unified360-opacity-0-5 {
      opacity: .5
  }

  .collab-midbar .collab-replied-to-sender {
      font-weight: 500
  }

  .collab-midbar .collab-annotation-msg, .collab-midbar .collab-replied-to-msg {
      display: inline-block
  }

      .collab-midbar .collab-replied-to-msg .emojione {
          width: 20px;
          vertical-align: bottom
      }

  .collab-midbar .collab-message-ts {
      padding-left: 8px;
      position: relative;
      vertical-align: middle
  }

      .collab-midbar .collab-message-ts::before {
          display: block;
          width: 3px;
          height: 3px;
          position: absolute;
          content: " ";
          left: 2px;
          border-radius: 50%;
          background-color: transparent;
          top: 50%;
          transform: translateY(-50%)
      }

  .collab-midbar .collab-message-sender-name {
      max-width: 200px;
      vertical-align: middle
  }

  .collab-midbar .collab-reply-blink::after {
      display: block;
      content: " ";
      width: 100%;
      height: calc(100% + 12px);
      position: absolute;
      top: -8px;
      left: 0;
      box-sizing: border-box;
      z-index: -1;
      animation: reply-blinker 3s linear 1
  }

  .collab-midbar .collab-file-uploading, .collab-midbar .collab-quick-notification {
      display: none
  }

      .collab-midbar .collab-file-uploading.collab-show, .collab-midbar .collab-quick-notification.collab-show {
          display: block
      }

  .collab-midbar .collab-file-drop-view {
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      opacity: .75;
      background: #fff;
      text-align: center;
      line-height: 112px;
      font-size: large;
      color: #1775e6;
      z-index: 1;
      pointer-events: none;
      display: none
  }

  .collab-midbar .collab-quick-notification {
      width: 100%;
      padding: 10px;
      position: relative;
      background: #fadbdb;
      color: #183247;
      border: 1px solid #ff5959;
      box-sizing: border-box;
      max-width: 100%;
      line-height: 20px;
      font-size: 12px
  }

      .collab-midbar .collab-quick-notification.collab-multi-line {
          white-space: normal;
          line-height: 16px;
          padding: 5px 10px
      }

      .collab-midbar .collab-quick-notification.collab-multi-line-3 {
          width: 100%;
          padding: 8px 10px;
          line-height: 14px;
          white-space: normal
      }

      .collab-midbar .collab-quick-notification.collab-info {
          border-color: #ffe4a9;
          background-color: #fffade
      }

      .collab-midbar .collab-quick-notification .collab-quick-notification-text {
          position: relative;
          display: inline-block;
          width: 95%
      }

      .collab-midbar .collab-quick-notification.internet-disconnected {
          font-size: 14px;
          text-align: center;
          color: #fff;
          background-color: #e03b28;
          border-radius: 4px;
          bottom: 119px;
          position: absolute;
          transform: translateX(60%);
          padding: 5px 10px;
          width: 60%;
          left: -17%;
          white-space: normal;
          overflow: visible;
          text-overflow: clip
      }

          .collab-midbar .collab-quick-notification.internet-disconnected .collab-quick-notification-text {
              width: auto
          }

      .collab-midbar .collab-quick-notification .no-signal-icon {
          margin-bottom: -5px;
          margin-left: 7px
      }

@keyframes loaderbar {
  0% {
      width: 0%
  }

  100% {
      width: 96%
  }
}

.collab-midbar .collab-file-uploading {
  position: absolute;
  height: 2px;
  width: 96%;
  background: #1775e6;
  top: -1px;
  left: 2px;
  z-index: 1;
  -moz-animation: loaderbar 3s ease-out;
  -webkit-animation: loaderbar 3s ease-out
}

.collab-midbar .collab-disable-slogan {
  z-index: 1;
  background: #f9f9f9;
  position: absolute;
  width: 100%;
  max-width: initial;
  height: 100%;
  line-height: 114px;
  text-align: center;
  color: #707070;
  font-size: 16px;
  display: none;
  border-radius: 8px 8px 0 0
}

  .collab-midbar .collab-disable-slogan.collab-show {
      display: block
  }

.collab-midbar .collab-highlight-data {
  display: none
}

  .collab-midbar .collab-highlight-data.collab-show {
      display: block
  }

  .collab-midbar .collab-highlight-data.collab-disabled, .collab-midbar .collab-highlight-mode-btn .collab-highlight-slogan, .collab-midbar .collab-highlight-mode-btn.collab-disabled {
      display: none
  }

.collab-midbar .collab-keyboard-shortcuts {
  cursor: pointer;
  margin-top: 6px;
  float: right;
  margin-right: 10px;
  fill: #7f8e9d
}

  .collab-midbar .active, .collab-midbar .collab-keyboard-shortcuts:hover {
      fill: #1775e6
  }

.collab-midbar .collab-highlight-mode-btn {
  padding: 5px;
  float: right;
  margin-left: 6px;
  right: 10px;
  top: 4px;
  cursor: pointer;
  height: 26px;
  width: 26px;
  box-sizing: border-box;
  fill: #02b875
}

  .collab-midbar .collab-highlight-mode-btn:hover {
      background-color: #ebedf0
  }

  .collab-midbar .collab-highlight-mode-btn.collab-off .collab-highlight-icon {
      fill: #707070
  }

  .collab-midbar .collab-highlight-mode-btn.collab-off .collab-highlight-slogan {
      color: #707070
  }

.collab-midbar .collab-is-typing {
  position: absolute;
  top: -35px;
  margin: 5px 15px;
  background: #e8edec;
  padding: 4px 10px;
  border-radius: 10px;
  border: 1px solid #c9d1d0;
  color: #6f7c87;
  font-size: 12px;
  z-index: -1
}

  .collab-midbar .collab-is-typing .collab-typing-wave {
      position: relative;
      display: inline-block;
      margin: 0 6px 0 0
  }

      .collab-midbar .collab-is-typing .collab-typing-wave .collab-typing-dot {
          display: inline-block;
          width: 6px;
          height: 6px;
          border-radius: 50%;
          margin-right: 0;
          background: #6f7c87;
          animation: collab-typing-wave 1.3s linear infinite
      }

          .collab-midbar .collab-is-typing .collab-typing-wave .collab-typing-dot:nth-child(2) {
              animation-delay: -1.1s
          }

          .collab-midbar .collab-is-typing .collab-typing-wave .collab-typing-dot:nth-child(3) {
              animation-delay: -.9s
          }

  .collab-midbar .collab-is-typing .collab-typer-name {
      max-width: 200px;
      vertical-align: middle;
      display: inline-block
  }

.collab-midbar .announce-toast {
  position: absolute;
  width: 100%;
  z-index: 1;
  background: teal;
  padding: 6px 10px 0;
  left: 0;
  color: #fff;
  visibility: hidden;
  box-sizing: border-box;
  opacity: 0;
  height: 74px
}

  .collab-midbar .announce-toast .announce-icon-container {
      float: left;
      padding: 0 10px 0 0;
      margin-top: -1.2px
  }

  .collab-midbar .announce-toast .announce-header {
      display: block;
      font-weight: 500;
      padding-bottom: .1em;
      color: #a9dedf;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      font-size: 12px;
      width: 100%
  }

  .collab-midbar .announce-toast .announce-content {
      font-weight: 400;
      font-size: 12px;
      overflow: hidden;
      width: 95%;
      line-height: 13.2px;
      margin-top: 1.2px;
      position: relative;
      max-height: 3.35em;
      text-align: justify;
      margin-right: -1em;
      padding-right: 1em;
      display: inline-block
  }

      .collab-midbar .announce-toast .announce-content::before {
          content: "...";
          position: absolute;
          right: 0;
          bottom: 0
      }

      .collab-midbar .announce-toast .announce-content::after {
          content: '';
          position: absolute;
          right: 0;
          width: 1em;
          height: 1em;
          margin-top: .2em;
          background: teal
      }

  .collab-midbar .announce-toast .announce-dismiss-container {
      padding-top: 23px
  }

      .collab-midbar .announce-toast .announce-dismiss-container .tick-wrapper {
          margin-right: 3.5%;
          float: right
      }

      .collab-midbar .announce-toast .announce-dismiss-container .announce-tick-svg {
          width: 20px;
          height: 16px;
          cursor: pointer
      }

          .collab-midbar .announce-toast .announce-dismiss-container .announce-tick-svg path {
              fill: #fff
          }

  .collab-midbar .announce-toast .announce-text {
      display: table;
      border-right: 1px solid #52a8a8;
      text-align: left;
      font-size: 14px;
      overflow: hidden;
      float: left;
      height: 60px;
      width: 61%;
      table-layout: fixed;
      padding: 0 13px
  }

@media (min-width:0) and (max-width:1030px) {
  .collab-midbar .announce-toast .announce-text {
      width: 55%
  }
}

@media (min-width:1031px) and (max-width:1092px) {
  .collab-midbar .announce-toast .announce-text {
      width: 57%
  }
}

@media (min-width:1093px) and (max-width:1222px) {
  .collab-midbar .announce-toast .announce-text {
      width: 60%
  }
}

@media (min-width:1222px) and (max-width:1318px) {
  .collab-midbar .announce-toast .announce-text {
      width: 64%
  }
}

@media (min-width:1319px) and (max-width:1900px) {
  .collab-midbar .announce-toast .announce-text {
      width: 67%
  }
}

.collab-midbar .announce-toast .announce-text a {
  color: #fff;
  text-decoration: underline
}

.collab-midbar .announce-toast .announce-textarea {
  display: table-cell;
  vertical-align: middle
}

.collab-midbar.collab-midbar-dm .lm-list-item .lm-title {
  max-width: 300px
}

.collab-midbar.collab-midbar-dm .collab-chat-box, .collab-midbar.collab-midbar-dm .linear-loader {
  top: 0
}

.collab-midbar.collab-midbar-dm .blank-page-error-wrapper {
  background: #eef8f9
}

.collab-midbar.collab-midbar-dm .error-image {
  width: 54%;
  height: auto
}

.collab-midbar.collab-midbar-dm .error-message {
  font-size: 14px;
  color: #809d9d
}

.collab-midbar.collab-midbar-dm.hide-action-box .collab-chat-box {
  bottom: 11px
}

.collab-midbar.collab-midbar-dm.convo-deactivated .convo-deactivated, .collab-midbar.collab-midbar-dm.convo-deactivated .convo-deleted, .collab-midbar.collab-midbar-dm.convo-deleted .convo-deactivated, .collab-midbar.collab-midbar-dm.convo-deleted .convo-deleted {
  background: #ebebeb;
  width: 100%;
  height: 100%;
  text-align: center
}

  .collab-midbar.collab-midbar-dm.convo-deactivated .convo-deactivated .deactivated-caption, .collab-midbar.collab-midbar-dm.convo-deactivated .convo-deactivated .deleted-caption, .collab-midbar.collab-midbar-dm.convo-deactivated .convo-deleted .deactivated-caption, .collab-midbar.collab-midbar-dm.convo-deactivated .convo-deleted .deleted-caption, .collab-midbar.collab-midbar-dm.convo-deleted .convo-deactivated .deactivated-caption, .collab-midbar.collab-midbar-dm.convo-deleted .convo-deactivated .deleted-caption, .collab-midbar.collab-midbar-dm.convo-deleted .convo-deleted .deactivated-caption, .collab-midbar.collab-midbar-dm.convo-deleted .convo-deleted .deleted-caption {
      color: #e03b28;
      font-size: 16px;
      margin: 46px 0;
      display: inline-block
  }

.collab-midbar.collab-midbar-dm.convo-deactivated .collab-attachment-box, .collab-midbar.collab-midbar-dm.convo-deleted .collab-attachment-box {
  background: #dfdfdf
}

.zoom-1-1 {
  max-width: 100%;
  transition: all .2s ease
}

  .zoom-1-1:hover {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2)
  }

  .zoom-1-1.selected {
      background: #e8edec;
      -webkit-transform: scale(1.15);
      -moz-transform: scale(1.15);
      -ms-transform: scale(1.15);
      -o-transform: scale(1.15);
      transform: scale(1.15)
  }

.pointer-cursor {
  cursor: pointer
}

.collab-emoji-palette-wrapper {
  position: absolute;
  bottom: 0
}

.emoji-palette {
  position: relative;
  font-size: 12px;
  display: block;
  height: 239px;
  width: 262px;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 0 0 0 rgba(0,0,0,.2),0 0 3px 0 rgba(0,0,0,.25);
  z-index: 1
}

.categories-holder {
  overflow: auto;
  height: 239px;
  width: 262px;
  padding: 39px 5px 5px;
  box-sizing: border-box
}

.categories-selector {
  position: absolute;
  top: 0;
  height: 39px;
  width: 262px;
  padding: 5px;
  background: #f9f9f9;
  border-bottom: 1px solid rgba(0,0,0,.1);
  box-sizing: border-box
}

.category-label {
  height: 20px;
  padding: 4px 6px
}

  .category-label.no-emoji {
      text-align: center;
      font-size: 12px;
      font-style: italic;
      height: 15px
  }

.category-text {
  opacity: .6
}

.emoji-button {
  overflow: hidden;
  position: relative;
  display: inline-block;
  padding: 4px
}

  .emoji-button .emoji-icon {
      top: 0
  }

.categories-holder::-webkit-scrollbar {
  width: 0;
  background-color: transparent
}

.category-img {
  width: 16px;
  height: 16px;
  opacity: .75;
  display: block
}

  .category-img.activity, .category-img.flags, .category-img.food, .category-img.nature, .category-img.objects, .category-img.people, .category-img.recent, .category-img.symbols, .category-img.travel {
      background-repeat: no-repeat;
      background-size: 16px
  }

.category-image-holder {
  display: inline-block;
  position: relative;
  padding: 6px;
  height: 28px;
  width: 28px;
  cursor: pointer;
  box-sizing: border-box
}

  .category-image-holder.selected {
      background: #e8edec;
      border-radius: 2px
  }

.emojione-24-people {
  text-indent: -9999em;
  image-rendering: optimizeQuality;
  font-size: inherit;
  height: 24px;
  width: 24px;
  top: -3px;
  position: relative;
  display: inline-block;
  margin: 0 00.15em;
  line-height: normal;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: 474px 474px
}

.emojione-24-activity, .emojione-24-diversity, .emojione-24-flags, .emojione-24-food, .emojione-24-nature, .emojione-24-objects, .emojione-24-regional, .emojione-24-symbols, .emojione-24-travel {
  text-indent: -9999em;
  image-rendering: optimizeQuality;
  font-size: inherit;
  height: 24px;
  width: 24px;
  top: -3px;
  margin: 0 .15em;
  line-height: normal;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle
}

.emojione-24-people._1f9d6-2640 {
  background-position: -225px -175px
}

.emojione-24-people._1f9d6-2642 {
  background-position: -225px -200px
}

.emojione-24-people._1f9d6 {
  background-position: 0 -225px
}

.emojione-24-people._1f931 {
  background-position: -175px -175px
}

.emojione-24-people._1f302 {
  background-position: -25px 0
}

.emojione-24-people._1f383 {
  background-position: -325px -275px
}

.emojione-24-people._1f385 {
  background-position: 0 -25px
}

.emojione-24-people._1f392 {
  background-position: -25px -25px
}

.emojione-24-people._1f393 {
  background-position: -50px 0
}

.emojione-24-people._1f3a9 {
  background-position: -50px -25px
}

.emojione-24-people._1f3c3-2640 {
  background-position: 0 -50px
}

.emojione-24-people._1f3c3-2642 {
  background-position: -25px -50px
}

.emojione-24-people._1f3c3 {
  background-position: -50px -50px
}

.emojione-24-people._1f440 {
  background-position: -75px 0
}

.emojione-24-people._1f441 {
  background-position: -75px -25px
}

.emojione-24-people._1f442 {
  background-position: -75px -50px
}

.emojione-24-people._1f443 {
  background-position: 0 -75px
}

.emojione-24-people._1f444 {
  background-position: -25px -75px
}

.emojione-24-people._1f445 {
  background-position: -50px -75px
}

.emojione-24-people._1f446 {
  background-position: -75px -75px
}

.emojione-24-people._1f447 {
  background-position: -100px 0
}

.emojione-24-people._1f448 {
  background-position: -100px -25px
}

.emojione-24-people._1f449 {
  background-position: -100px -50px
}

.emojione-24-people._1f44a {
  background-position: -100px -75px
}

.emojione-24-people._1f44b {
  background-position: 0 -100px
}

.emojione-24-people._1f44c {
  background-position: -25px -100px
}

.emojione-24-people._1f44d {
  background-position: -50px -100px
}

.emojione-24-people._1f44e {
  background-position: -75px -100px
}

.emojione-24-people._1f44f {
  background-position: -100px -100px
}

.emojione-24-people._1f450 {
  background-position: -125px 0
}

.emojione-24-people._1f451 {
  background-position: -125px -25px
}

.emojione-24-people._1f452 {
  background-position: -125px -50px
}

.emojione-24-people._1f453 {
  background-position: -125px -75px
}

.emojione-24-people._1f454 {
  background-position: -125px -100px
}

.emojione-24-people._1f455 {
  background-position: 0 -125px
}

.emojione-24-people._1f456 {
  background-position: -25px -125px
}

.emojione-24-people._1f457 {
  background-position: -50px -125px
}

.emojione-24-people._1f458 {
  background-position: -75px -125px
}

.emojione-24-people._1f459 {
  background-position: -100px -125px
}

.emojione-24-people._1f45a {
  background-position: -125px -125px
}

.emojione-24-people._1f45b {
  background-position: -150px 0
}

.emojione-24-people._1f45c {
  background-position: -150px -25px
}

.emojione-24-people._1f45d {
  background-position: -150px -50px
}

.emojione-24-people._1f45e {
  background-position: -150px -75px
}

.emojione-24-people._1f45f {
  background-position: -150px -100px
}

.emojione-24-people._1f460 {
  background-position: -150px -125px
}

.emojione-24-people._1f461 {
  background-position: 0 -150px
}

.emojione-24-people._1f462 {
  background-position: -25px -150px
}

.emojione-24-people._1f463 {
  background-position: -50px -150px
}

.emojione-24-people._1f464 {
  background-position: -75px -150px
}

.emojione-24-people._1f465 {
  background-position: -100px -150px
}

.emojione-24-people._1f466 {
  background-position: -125px -150px
}

.emojione-24-people._1f467 {
  background-position: -150px -150px
}

.emojione-24-people._1f468-1f33e {
  background-position: -175px 0
}

.emojione-24-people._1f468-1f373 {
  background-position: -175px -25px
}

.emojione-24-people._1f468-1f393 {
  background-position: -175px -50px
}

.emojione-24-people._1f468-1f3a4 {
  background-position: -175px -75px
}

.emojione-24-people._1f468-1f3a8 {
  background-position: -175px -100px
}

.emojione-24-people._1f468-1f3eb {
  background-position: -175px -125px
}

.emojione-24-people._1f468-1f3ed {
  background-position: -175px -150px
}

.emojione-24-people._1f468-1f466-1f466 {
  background-position: 0 -175px
}

.emojione-24-people._1f468-1f466 {
  background-position: -25px -175px
}

.emojione-24-people._1f468-1f467-1f466 {
  background-position: -50px -175px
}

.emojione-24-people._1f468-1f467-1f467 {
  background-position: -75px -175px
}

.emojione-24-people._1f468-1f467 {
  background-position: -100px -175px
}

.emojione-24-people._1f468-1f468-1f466-1f466 {
  background-position: -125px -175px
}

.emojione-24-people._1f468-1f468-1f466 {
  background-position: -150px -175px
}

.emojione-24-people._1f468-1f468-1f467-1f466 {
  background-position: -175px -175px
}

.emojione-24-people._1f468-1f468-1f467-1f467 {
  background-position: -200px 0
}

.emojione-24-people._1f468-1f468-1f467 {
  background-position: -200px -25px
}

.emojione-24-people._1f468-1f469-1f466-1f466 {
  background-position: -200px -50px
}

.emojione-24-people._1f468-1f469-1f466 {
  background-position: -200px -75px
}

.emojione-24-people._1f468-1f469-1f467-1f466 {
  background-position: -200px -100px
}

.emojione-24-people._1f468-1f469-1f467-1f467 {
  background-position: -200px -125px
}

.emojione-24-people._1f468-1f469-1f467 {
  background-position: -200px -150px
}

.emojione-24-people._1f468-1f4bb {
  background-position: -200px -175px
}

.emojione-24-people._1f468-1f4bc {
  background-position: 0 -200px
}

.emojione-24-people._1f468-1f527 {
  background-position: -25px -200px
}

.emojione-24-people._1f468-1f52c {
  background-position: -50px -200px
}

.emojione-24-people._1f468-1f680 {
  background-position: -75px -200px
}

.emojione-24-people._1f468-1f692 {
  background-position: -100px -200px
}

.emojione-24-people._1f468-2695 {
  background-position: -125px -200px
}

.emojione-24-people._1f468-2696 {
  background-position: -150px -200px
}

.emojione-24-people._1f468-2708 {
  background-position: -175px -200px
}

.emojione-24-people._1f468-2764-1f468 {
  background-position: -200px -200px
}

.emojione-24-people._1f468-2764-1f48b-1f468 {
  background-position: -225px 0
}

.emojione-24-people._1f468 {
  background-position: -225px -25px
}

.emojione-24-people._1f469-1f33e {
  background-position: -225px -50px
}

.emojione-24-people._1f469-1f373 {
  background-position: -225px -75px
}

.emojione-24-people._1f469-1f393 {
  background-position: -225px -100px
}

.emojione-24-people._1f469-1f3a4 {
  background-position: -225px -125px
}

.emojione-24-people._1f469-1f3a8 {
  background-position: -225px -150px
}

.emojione-24-people._1f469-1f3eb {
  background-position: -225px -175px
}

.emojione-24-people._1f469-1f3ed {
  background-position: -225px -200px
}

.emojione-24-people._1f469-1f466-1f466 {
  background-position: 0 -225px
}

.emojione-24-people._1f469-1f466 {
  background-position: -25px -225px
}

.emojione-24-people._1f469-1f467-1f466 {
  background-position: -50px -225px
}

.emojione-24-people._1f469-1f467-1f467 {
  background-position: -75px -225px
}

.emojione-24-people._1f469-1f467 {
  background-position: -100px -225px
}

.emojione-24-people._1f469-1f469-1f466-1f466 {
  background-position: -125px -225px
}

.emojione-24-people._1f469-1f469-1f466 {
  background-position: -150px -225px
}

.emojione-24-people._1f469-1f469-1f467-1f466 {
  background-position: -175px -225px
}

.emojione-24-people._1f469-1f469-1f467-1f467 {
  background-position: -200px -225px
}

.emojione-24-people._1f469-1f469-1f467 {
  background-position: -225px -225px
}

.emojione-24-people._1f469-1f4bb {
  background-position: -250px 0
}

.emojione-24-people._1f469-1f4bc {
  background-position: -250px -25px
}

.emojione-24-people._1f469-1f527 {
  background-position: -250px -50px
}

.emojione-24-people._1f469-1f52c {
  background-position: -250px -75px
}

.emojione-24-people._1f469-1f680 {
  background-position: -250px -100px
}

.emojione-24-people._1f469-1f692 {
  background-position: -250px -125px
}

.emojione-24-people._1f469-2695 {
  background-position: -250px -150px
}

.emojione-24-people._1f469-2696 {
  background-position: -250px -175px
}

.emojione-24-people._1f469-2708 {
  background-position: -250px -200px
}

.emojione-24-people._1f469-2764-1f468 {
  background-position: -250px -225px
}

.emojione-24-people._1f469-2764-1f469 {
  background-position: 0 -250px
}

.emojione-24-people._1f469-2764-1f48b-1f468 {
  background-position: -25px -250px
}

.emojione-24-people._1f469-2764-1f48b-1f469 {
  background-position: -50px -250px
}

.emojione-24-people._1f469 {
  background-position: -75px -250px
}

.emojione-24-people._1f46a {
  background-position: -100px -250px
}

.emojione-24-people._1f46b {
  background-position: -125px -250px
}

.emojione-24-people._1f46c {
  background-position: -150px -250px
}

.emojione-24-people._1f46d {
  background-position: -175px -250px
}

.emojione-24-people._1f46e-2640 {
  background-position: -200px -250px
}

.emojione-24-people._1f46e-2642 {
  background-position: -225px -250px
}

.emojione-24-people._1f46e {
  background-position: -250px -250px
}

.emojione-24-people._1f46f-2640 {
  background-position: -275px 0
}

.emojione-24-people._1f46f-2642 {
  background-position: -275px -25px
}

.emojione-24-people._1f46f {
  background-position: -275px -50px
}

.emojione-24-people._1f470 {
  background-position: -275px -75px
}

.emojione-24-people._1f471-2640 {
  background-position: -275px -100px
}

.emojione-24-people._1f471-2642 {
  background-position: -275px -125px
}

.emojione-24-people._1f471 {
  background-position: -275px -150px
}

.emojione-24-people._1f472 {
  background-position: -275px -175px
}

.emojione-24-people._1f473-2640 {
  background-position: -275px -200px
}

.emojione-24-people._1f473-2642 {
  background-position: -275px -225px
}

.emojione-24-people._1f473 {
  background-position: -275px -250px
}

.emojione-24-people._1f474 {
  background-position: 0 -275px
}

.emojione-24-people._1f475 {
  background-position: -25px -275px
}

.emojione-24-people._1f476 {
  background-position: -50px -275px
}

.emojione-24-people._1f477-2640 {
  background-position: -75px -275px
}

.emojione-24-people._1f477-2642 {
  background-position: -100px -275px
}

.emojione-24-people._1f477 {
  background-position: -125px -275px
}

.emojione-24-people._1f478 {
  background-position: -150px -275px
}

.emojione-24-people._1f479 {
  background-position: -175px -275px
}

.emojione-24-people._1f47a {
  background-position: -200px -275px
}

.emojione-24-people._1f47b {
  background-position: -225px -275px
}

.emojione-24-people._1f47c {
  background-position: -250px -275px
}

.emojione-24-people._1f47d {
  background-position: -275px -275px
}

.emojione-24-people._1f47e {
  background-position: -300px 0
}

.emojione-24-people._1f47f {
  background-position: -300px -25px
}

.emojione-24-people._1f480 {
  background-position: -300px -50px
}

.emojione-24-people._1f481-2640 {
  background-position: -300px -75px
}

.emojione-24-people._1f481-2642 {
  background-position: -300px -100px
}

.emojione-24-people._1f481 {
  background-position: -300px -125px
}

.emojione-24-people._1f482-2640 {
  background-position: -300px -150px
}

.emojione-24-people._1f482-2642 {
  background-position: -300px -175px
}

.emojione-24-people._1f482 {
  background-position: -300px -200px
}

.emojione-24-people._1f483 {
  background-position: -300px -225px
}

.emojione-24-people._1f484 {
  background-position: -300px -250px
}

.emojione-24-people._1f485 {
  background-position: -300px -275px
}

.emojione-24-people._1f486-2640 {
  background-position: 0 -300px
}

.emojione-24-people._1f486-2642 {
  background-position: -25px -300px
}

.emojione-24-people._1f486 {
  background-position: -50px -300px
}

.emojione-24-people._1f487-2640 {
  background-position: -75px -300px
}

.emojione-24-people._1f487-2642 {
  background-position: -100px -300px
}

.emojione-24-people._1f487 {
  background-position: -125px -300px
}

.emojione-24-people._1f48b {
  background-position: -150px -300px
}

.emojione-24-people._1f48d {
  background-position: -175px -300px
}

.emojione-24-people._1f48f {
  background-position: -200px -300px
}

.emojione-24-people._1f491 {
  background-position: -225px -300px
}

.emojione-24-people._1f4a9 {
  background-position: -250px -300px
}

.emojione-24-people._1f4aa {
  background-position: -275px -300px
}

.emojione-24-people._1f4bc {
  background-position: -300px -300px
}

.emojione-24-people._1f574 {
  background-position: -325px 0
}

.emojione-24-people._1f575-2640 {
  background-position: -325px -25px
}

.emojione-24-people._1f575-2642 {
  background-position: -325px -50px
}

.emojione-24-people._1f575 {
  background-position: -325px -75px
}

.emojione-24-people._1f576 {
  background-position: -325px -100px
}

.emojione-24-people._1f57a {
  background-position: -325px -125px
}

.emojione-24-people._1f590 {
  background-position: -325px -150px
}

.emojione-24-people._1f595 {
  background-position: -325px -175px
}

.emojione-24-people._1f596 {
  background-position: -325px -200px
}

.emojione-24-people._1f5e3 {
  background-position: -325px -225px
}

.emojione-24-people._1f600 {
  background-position: -325px -250px
}

.emojione-24-people._1f601 {
  background-position: 0 0
}

.emojione-24-people._1f602 {
  background-position: -325px -300px
}

.emojione-24-people._1f603 {
  background-position: 0 -325px
}

.emojione-24-people._1f604 {
  background-position: -25px -325px
}

.emojione-24-people._1f605 {
  background-position: -50px -325px
}

.emojione-24-people._1f606 {
  background-position: -75px -325px
}

.emojione-24-people._1f607 {
  background-position: -100px -325px
}

.emojione-24-people._1f608 {
  background-position: -125px -325px
}

.emojione-24-people._1f609 {
  background-position: -150px -325px
}

.emojione-24-people._1f60a {
  background-position: -175px -325px
}

.emojione-24-people._1f60b {
  background-position: -200px -325px
}

.emojione-24-people._1f60c {
  background-position: -225px -325px
}

.emojione-24-people._1f60d {
  background-position: -250px -325px
}

.emojione-24-people._1f60e {
  background-position: -275px -325px
}

.emojione-24-people._1f60f {
  background-position: -300px -325px
}

.emojione-24-people._1f610 {
  background-position: -325px -325px
}

.emojione-24-people._1f611 {
  background-position: -350px 0
}

.emojione-24-people._1f612 {
  background-position: -350px -25px
}

.emojione-24-people._1f613 {
  background-position: -350px -50px
}

.emojione-24-people._1f614 {
  background-position: -350px -75px
}

.emojione-24-people._1f615 {
  background-position: -350px -100px
}

.emojione-24-people._1f616 {
  background-position: -350px -125px
}

.emojione-24-people._1f617 {
  background-position: -350px -150px
}

.emojione-24-people._1f618 {
  background-position: -350px -175px
}

.emojione-24-people._1f619 {
  background-position: -350px -200px
}

.emojione-24-people._1f61a {
  background-position: -350px -225px
}

.emojione-24-people._1f61b {
  background-position: -350px -250px
}

.emojione-24-people._1f61c {
  background-position: -350px -275px
}

.emojione-24-people._1f61d {
  background-position: -350px -300px
}

.emojione-24-people._1f61e {
  background-position: -350px -325px
}

.emojione-24-people._1f61f {
  background-position: 0 -350px
}

.emojione-24-people._1f620 {
  background-position: -25px -350px
}

.emojione-24-people._1f621 {
  background-position: -50px -350px
}

.emojione-24-people._1f622 {
  background-position: -75px -350px
}

.emojione-24-people._1f623 {
  background-position: -100px -350px
}

.emojione-24-people._1f624 {
  background-position: -125px -350px
}

.emojione-24-people._1f625 {
  background-position: -150px -350px
}

.emojione-24-people._1f626 {
  background-position: -175px -350px
}

.emojione-24-people._1f627 {
  background-position: -200px -350px
}

.emojione-24-people._1f628 {
  background-position: -225px -350px
}

.emojione-24-people._1f629 {
  background-position: -250px -350px
}

.emojione-24-people._1f62a {
  background-position: -275px -350px
}

.emojione-24-people._1f62b {
  background-position: -300px -350px
}

.emojione-24-people._1f62c {
  background-position: -325px -350px
}

.emojione-24-people._1f62d {
  background-position: -350px -350px
}

.emojione-24-people._1f62e {
  background-position: -375px 0
}

.emojione-24-people._1f62f {
  background-position: -375px -25px
}

.emojione-24-people._1f630 {
  background-position: -375px -50px
}

.emojione-24-people._1f631 {
  background-position: -375px -75px
}

.emojione-24-people._1f632 {
  background-position: -375px -100px
}

.emojione-24-people._1f633 {
  background-position: -375px -125px
}

.emojione-24-people._1f634 {
  background-position: -375px -150px
}

.emojione-24-people._1f635 {
  background-position: -375px -175px
}

.emojione-24-people._1f636 {
  background-position: -375px -200px
}

.emojione-24-people._1f637 {
  background-position: -375px -225px
}

.emojione-24-people._1f638 {
  background-position: -375px -250px
}

.emojione-24-people._1f639 {
  background-position: -375px -275px
}

.emojione-24-people._1f63a {
  background-position: -375px -300px
}

.emojione-24-people._1f63b {
  background-position: -375px -325px
}

.emojione-24-people._1f63c {
  background-position: -375px -350px
}

.emojione-24-people._1f63d {
  background-position: 0 -375px
}

.emojione-24-people._1f63e {
  background-position: -25px -375px
}

.emojione-24-people._1f63f {
  background-position: -50px -375px
}

.emojione-24-people._1f640 {
  background-position: -75px -375px
}

.emojione-24-people._1f641 {
  background-position: -100px -375px
}

.emojione-24-people._1f642 {
  background-position: -125px -375px
}

.emojione-24-people._1f643 {
  background-position: -150px -375px
}

.emojione-24-people._1f644 {
  background-position: -175px -375px
}

.emojione-24-people._1f645-2640 {
  background-position: -200px -375px
}

.emojione-24-people._1f645-2642 {
  background-position: -225px -375px
}

.emojione-24-people._1f645 {
  background-position: -250px -375px
}

.emojione-24-people._1f646-2640 {
  background-position: -275px -375px
}

.emojione-24-people._1f646-2642 {
  background-position: -300px -375px
}

.emojione-24-people._1f646 {
  background-position: -325px -375px
}

.emojione-24-people._1f647-2640 {
  background-position: -350px -375px
}

.emojione-24-people._1f647-2642 {
  background-position: -375px -375px
}

.emojione-24-people._1f647 {
  background-position: -400px 0
}

.emojione-24-people._1f64b-2640 {
  background-position: -400px -25px
}

.emojione-24-people._1f64b-2642 {
  background-position: -400px -50px
}

.emojione-24-people._1f64b {
  background-position: -400px -75px
}

.emojione-24-people._1f64c {
  background-position: -400px -100px
}

.emojione-24-people._1f64d-2640 {
  background-position: -400px -125px
}

.emojione-24-people._1f64d-2642 {
  background-position: -400px -150px
}

.emojione-24-people._1f64d {
  background-position: -400px -175px
}

.emojione-24-people._1f64e-2640 {
  background-position: -400px -200px
}

.emojione-24-people._1f64e-2642 {
  background-position: -400px -225px
}

.emojione-24-people._1f64e {
  background-position: -400px -250px
}

.emojione-24-people._1f64f {
  background-position: -400px -275px
}

.emojione-24-people._1f6b6-2640 {
  background-position: -400px -300px
}

.emojione-24-people._1f6b6-2642 {
  background-position: -400px -325px
}

.emojione-24-people._1f6b6 {
  background-position: -400px -350px
}

.emojione-24-people._1f910 {
  background-position: -400px -375px
}

.emojione-24-people._1f911 {
  background-position: 0 -400px
}

.emojione-24-people._1f912 {
  background-position: -25px -400px
}

.emojione-24-people._1f913 {
  background-position: -50px -400px
}

.emojione-24-people._1f914 {
  background-position: -75px -400px
}

.emojione-24-people._1f915 {
  background-position: -100px -400px
}

.emojione-24-people._1f916 {
  background-position: -125px -400px
}

.emojione-24-people._1f917 {
  background-position: -150px -400px
}

.emojione-24-people._1f918 {
  background-position: -175px -400px
}

.emojione-24-people._1f919 {
  background-position: -200px -400px
}

.emojione-24-people._1f91a {
  background-position: -225px -400px
}

.emojione-24-people._1f91b {
  background-position: -250px -400px
}

.emojione-24-people._1f91c {
  background-position: -275px -400px
}

.emojione-24-people._1f91d {
  background-position: -300px -400px
}

.emojione-24-people._1f91e {
  background-position: -325px -400px
}

.emojione-24-people._1f91f {
  background-position: -350px -400px
}

.emojione-24-people._1f920 {
  background-position: -375px -400px
}

.emojione-24-people._1f921 {
  background-position: -400px -400px
}

.emojione-24-people._1f922 {
  background-position: -425px 0
}

.emojione-24-people._1f923 {
  background-position: -425px -25px
}

.emojione-24-people._1f924 {
  background-position: -425px -50px
}

.emojione-24-people._1f925 {
  background-position: -425px -75px
}

.emojione-24-people._1f926-2640 {
  background-position: -425px -100px
}

.emojione-24-people._1f926-2642 {
  background-position: -425px -125px
}

.emojione-24-people._1f926 {
  background-position: -425px -150px
}

.emojione-24-people._1f927 {
  background-position: -425px -175px
}

.emojione-24-people._1f928 {
  background-position: -425px -200px
}

.emojione-24-people._1f929 {
  background-position: -425px -225px
}

.emojione-24-people._1f92a {
  background-position: -425px -250px
}

.emojione-24-people._1f92b {
  background-position: -425px -275px
}

.emojione-24-people._1f92c {
  background-position: -425px -300px
}

.emojione-24-people._1f92d {
  background-position: -425px -325px
}

.emojione-24-people._1f92e {
  background-position: -425px -350px
}

.emojione-24-people._1f92f {
  background-position: -425px -375px
}

.emojione-24-people._1f930 {
  background-position: -425px -400px
}

.emojione-24-people._1f932 {
  background-position: 0 -425px
}

.emojione-24-people._1f933 {
  background-position: -25px -425px
}

.emojione-24-people._1f934 {
  background-position: -50px -425px
}

.emojione-24-people._1f935 {
  background-position: -75px -425px
}

.emojione-24-people._1f936 {
  background-position: -100px -425px
}

.emojione-24-people._1f937-2640 {
  background-position: -125px -425px
}

.emojione-24-people._1f937-2642 {
  background-position: -150px -425px
}

.emojione-24-people._1f937 {
  background-position: -175px -425px
}

.emojione-24-people._1f9d0 {
  background-position: -200px -425px
}

.emojione-24-people._1f9d1 {
  background-position: -225px -425px
}

.emojione-24-people._1f9d2 {
  background-position: -250px -425px
}

.emojione-24-people._1f9d3 {
  background-position: -275px -425px
}

.emojione-24-people._1f9d4 {
  background-position: -300px -425px
}

.emojione-24-people._1f9d5 {
  background-position: -325px -425px
}

.emojione-24-people._1f9d9-2640 {
  background-position: -350px -425px
}

.emojione-24-people._1f9d9-2642 {
  background-position: -375px -425px
}

.emojione-24-people._1f9d9 {
  background-position: -400px -425px
}

.emojione-24-people._1f9da-2640 {
  background-position: -425px -425px
}

.emojione-24-people._1f9da-2642 {
  background-position: -450px 0
}

.emojione-24-people._1f9da {
  background-position: -450px -25px
}

.emojione-24-people._1f9db-2640 {
  background-position: -450px -50px
}

.emojione-24-people._1f9db-2642 {
  background-position: -450px -75px
}

.emojione-24-people._1f9db {
  background-position: -450px -100px
}

.emojione-24-people._1f9dc-2640 {
  background-position: -450px -125px
}

.emojione-24-people._1f9dc-2642 {
  background-position: -450px -150px
}

.emojione-24-people._1f9dc {
  background-position: -450px -175px
}

.emojione-24-people._1f9dd-2640 {
  background-position: -450px -200px
}

.emojione-24-people._1f9dd-2642 {
  background-position: -450px -225px
}

.emojione-24-people._1f9dd {
  background-position: -450px -250px
}

.emojione-24-people._1f9de-2640 {
  background-position: -450px -275px
}

.emojione-24-people._1f9de-2642 {
  background-position: -450px -300px
}

.emojione-24-people._1f9de {
  background-position: -450px -325px
}

.emojione-24-people._1f9df-2640 {
  background-position: -450px -350px
}

.emojione-24-people._1f9df-2642 {
  background-position: -450px -375px
}

.emojione-24-people._1f9df {
  background-position: -450px -400px
}

.emojione-24-people._1f9e0 {
  background-position: -450px -425px
}

.emojione-24-people._1f9e2 {
  background-position: 0 -450px
}

.emojione-24-people._1f9e3 {
  background-position: -25px -450px
}

.emojione-24-people._1f9e4 {
  background-position: -50px -450px
}

.emojione-24-people._1f9e5 {
  background-position: -75px -450px
}

.emojione-24-people._1f9e6 {
  background-position: -100px -450px
}

.emojione-24-people._2602 {
  background-position: -125px -450px
}

.emojione-24-people._261d {
  background-position: -150px -450px
}

.emojione-24-people._2620 {
  background-position: -175px -450px
}

.emojione-24-people._2639 {
  background-position: -200px -450px
}

.emojione-24-people._263a {
  background-position: -225px -450px
}

.emojione-24-people._2640 {
  background-position: -250px -450px
}

.emojione-24-people._2642 {
  background-position: -275px -450px
}

.emojione-24-people._2695 {
  background-position: -300px -450px
}

.emojione-24-people._26d1 {
  background-position: -325px -450px
}

.emojione-24-people._270a {
  background-position: -350px -450px
}

.emojione-24-people._270b {
  background-position: -375px -450px
}

.emojione-24-people._270c {
  background-position: -400px -450px
}

.emojione-24-people._270d {
  background-position: -425px -450px
}

.emojione-24-nature {
  position: relative;
  background-size: 324px 324px
}

  .emojione-24-nature._1f308 {
      background-position: -25px 0
  }

  .emojione-24-nature._1f30a {
      background-position: -225px -25px
  }

  .emojione-24-nature._1f30d {
      background-position: 0 -25px
  }

  .emojione-24-nature._1f30e {
      background-position: -25px -25px
  }

  .emojione-24-nature._1f30f {
      background-position: -50px 0
  }

  .emojione-24-nature._1f311 {
      background-position: -50px -25px
  }

  .emojione-24-nature._1f312 {
      background-position: 0 -50px
  }

  .emojione-24-nature._1f313 {
      background-position: -25px -50px
  }

  .emojione-24-nature._1f314 {
      background-position: -50px -50px
  }

  .emojione-24-nature._1f315 {
      background-position: -75px 0
  }

  .emojione-24-nature._1f316 {
      background-position: -75px -25px
  }

  .emojione-24-nature._1f317 {
      background-position: -75px -50px
  }

  .emojione-24-nature._1f318 {
      background-position: 0 -75px
  }

  .emojione-24-nature._1f319 {
      background-position: -25px -75px
  }

  .emojione-24-nature._1f31a {
      background-position: -50px -75px
  }

  .emojione-24-nature._1f31b {
      background-position: -75px -75px
  }

  .emojione-24-nature._1f31c {
      background-position: -100px 0
  }

  .emojione-24-nature._1f31d {
      background-position: -100px -25px
  }

  .emojione-24-nature._1f31e {
      background-position: -100px -50px
  }

  .emojione-24-nature._1f31f {
      background-position: -100px -75px
  }

  .emojione-24-nature._1f324 {
      background-position: 0 -100px
  }

  .emojione-24-nature._1f325 {
      background-position: -25px -100px
  }

  .emojione-24-nature._1f326 {
      background-position: -50px -100px
  }

  .emojione-24-nature._1f327 {
      background-position: -75px -100px
  }

  .emojione-24-nature._1f328 {
      background-position: -100px -100px
  }

  .emojione-24-nature._1f329 {
      background-position: -125px 0
  }

  .emojione-24-nature._1f32a {
      background-position: -125px -25px
  }

  .emojione-24-nature._1f32b {
      background-position: -125px -50px
  }

  .emojione-24-nature._1f32c {
      background-position: -125px -75px
  }

  .emojione-24-nature._1f331 {
      background-position: -125px -100px
  }

  .emojione-24-nature._1f332 {
      background-position: 0 -125px
  }

  .emojione-24-nature._1f333 {
      background-position: -25px -125px
  }

  .emojione-24-nature._1f334 {
      background-position: -50px -125px
  }

  .emojione-24-nature._1f335 {
      background-position: -75px -125px
  }

  .emojione-24-nature._1f337 {
      background-position: -100px -125px
  }

  .emojione-24-nature._1f338 {
      background-position: -125px -125px
  }

  .emojione-24-nature._1f339 {
      background-position: -150px 0
  }

  .emojione-24-nature._1f33a {
      background-position: -150px -25px
  }

  .emojione-24-nature._1f33b {
      background-position: -150px -50px
  }

  .emojione-24-nature._1f33c {
      background-position: -150px -75px
  }

  .emojione-24-nature._1f33e {
      background-position: -150px -100px
  }

  .emojione-24-nature._1f33f {
      background-position: -150px -125px
  }

  .emojione-24-nature._1f340 {
      background-position: 0 -150px
  }

  .emojione-24-nature._1f341 {
      background-position: -25px -150px
  }

  .emojione-24-nature._1f342 {
      background-position: -50px -150px
  }

  .emojione-24-nature._1f343 {
      background-position: -75px -150px
  }

  .emojione-24-nature._1f344 {
      background-position: -100px -150px
  }

  .emojione-24-nature._1f384 {
      background-position: -125px -150px
  }

  .emojione-24-nature._1f38b {
      background-position: -150px -150px
  }

  .emojione-24-nature._1f38d {
      background-position: -175px 0
  }

  .emojione-24-nature._1f400 {
      background-position: -175px -25px
  }

  .emojione-24-nature._1f401 {
      background-position: -175px -50px
  }

  .emojione-24-nature._1f402 {
      background-position: -175px -75px
  }

  .emojione-24-nature._1f403 {
      background-position: -175px -100px
  }

  .emojione-24-nature._1f404 {
      background-position: -175px -125px
  }

  .emojione-24-nature._1f405 {
      background-position: -175px -150px
  }

  .emojione-24-nature._1f406 {
      background-position: 0 -175px
  }

  .emojione-24-nature._1f407 {
      background-position: -25px -175px
  }

  .emojione-24-nature._1f408 {
      background-position: -50px -175px
  }

  .emojione-24-nature._1f409 {
      background-position: -75px -175px
  }

  .emojione-24-nature._1f40a {
      background-position: -100px -175px
  }

  .emojione-24-nature._1f40b {
      background-position: -125px -175px
  }

  .emojione-24-nature._1f40c {
      background-position: -150px -175px
  }

  .emojione-24-nature._1f40d {
      background-position: -175px -175px
  }

  .emojione-24-nature._1f40e {
      background-position: -200px 0
  }

  .emojione-24-nature._1f40f {
      background-position: -200px -25px
  }

  .emojione-24-nature._1f410 {
      background-position: -200px -50px
  }

  .emojione-24-nature._1f411 {
      background-position: -200px -75px
  }

  .emojione-24-nature._1f412 {
      background-position: -200px -100px
  }

  .emojione-24-nature._1f413 {
      background-position: -200px -125px
  }

  .emojione-24-nature._1f414 {
      background-position: -200px -150px
  }

  .emojione-24-nature._1f415 {
      background-position: -200px -175px
  }

  .emojione-24-nature._1f416 {
      background-position: 0 -200px
  }

  .emojione-24-nature._1f417 {
      background-position: -25px -200px
  }

  .emojione-24-nature._1f418 {
      background-position: -50px -200px
  }

  .emojione-24-nature._1f419 {
      background-position: -75px -200px
  }

  .emojione-24-nature._1f41a {
      background-position: -100px -200px
  }

  .emojione-24-nature._1f41b {
      background-position: -125px -200px
  }

  .emojione-24-nature._1f41c {
      background-position: -150px -200px
  }

  .emojione-24-nature._1f41d {
      background-position: -175px -200px
  }

  .emojione-24-nature._1f41e {
      background-position: -200px -200px
  }

  .emojione-24-nature._1f41f {
      background-position: -225px 0
  }

  .emojione-24-nature._1f420 {
      background-position: 0 0
  }

  .emojione-24-nature._1f421 {
      background-position: -225px -50px
  }

  .emojione-24-nature._1f422 {
      background-position: -225px -75px
  }

  .emojione-24-nature._1f423 {
      background-position: -225px -100px
  }

  .emojione-24-nature._1f424 {
      background-position: -225px -125px
  }

  .emojione-24-nature._1f425 {
      background-position: -225px -150px
  }

  .emojione-24-nature._1f426 {
      background-position: -225px -175px
  }

  .emojione-24-nature._1f427 {
      background-position: -225px -200px
  }

  .emojione-24-nature._1f428 {
      background-position: 0 -225px
  }

  .emojione-24-nature._1f429 {
      background-position: -25px -225px
  }

  .emojione-24-nature._1f42a {
      background-position: -50px -225px
  }

  .emojione-24-nature._1f42b {
      background-position: -75px -225px
  }

  .emojione-24-nature._1f42c {
      background-position: -100px -225px
  }

  .emojione-24-nature._1f42d {
      background-position: -125px -225px
  }

  .emojione-24-nature._1f42e {
      background-position: -150px -225px
  }

  .emojione-24-nature._1f42f {
      background-position: -175px -225px
  }

  .emojione-24-nature._1f430 {
      background-position: -200px -225px
  }

  .emojione-24-nature._1f431 {
      background-position: -225px -225px
  }

  .emojione-24-nature._1f432 {
      background-position: -250px 0
  }

  .emojione-24-nature._1f433 {
      background-position: -250px -25px
  }

  .emojione-24-nature._1f434 {
      background-position: -250px -50px
  }

  .emojione-24-nature._1f435 {
      background-position: -250px -75px
  }

  .emojione-24-nature._1f436 {
      background-position: -250px -100px
  }

  .emojione-24-nature._1f437 {
      background-position: -250px -125px
  }

  .emojione-24-nature._1f438 {
      background-position: -250px -150px
  }

  .emojione-24-nature._1f439 {
      background-position: -250px -175px
  }

  .emojione-24-nature._1f43a {
      background-position: -250px -200px
  }

  .emojione-24-nature._1f43b {
      background-position: -250px -225px
  }

  .emojione-24-nature._1f43c {
      background-position: 0 -250px
  }

  .emojione-24-nature._1f43d {
      background-position: -25px -250px
  }

  .emojione-24-nature._1f43e {
      background-position: -50px -250px
  }

  .emojione-24-nature._1f43f {
      background-position: -75px -250px
  }

  .emojione-24-nature._1f490 {
      background-position: -100px -250px
  }

  .emojione-24-nature._1f4a5 {
      background-position: -125px -250px
  }

  .emojione-24-nature._1f4a6 {
      background-position: -150px -250px
  }

  .emojione-24-nature._1f4a7 {
      background-position: -175px -250px
  }

  .emojione-24-nature._1f4a8 {
      background-position: -200px -250px
  }

  .emojione-24-nature._1f4ab {
      background-position: -225px -250px
  }

  .emojione-24-nature._1f525 {
      background-position: -250px -250px
  }

  .emojione-24-nature._1f54a {
      background-position: -275px 0
  }

  .emojione-24-nature._1f577 {
      background-position: -275px -25px
  }

  .emojione-24-nature._1f578 {
      background-position: -275px -50px
  }

  .emojione-24-nature._1f648 {
      background-position: -275px -75px
  }

  .emojione-24-nature._1f649 {
      background-position: -275px -100px
  }

  .emojione-24-nature._1f64a {
      background-position: -275px -125px
  }

  .emojione-24-nature._1f940 {
      background-position: -275px -150px
  }

  .emojione-24-nature._1f980 {
      background-position: -275px -175px
  }

  .emojione-24-nature._1f981 {
      background-position: -275px -200px
  }

  .emojione-24-nature._1f982 {
      background-position: -275px -225px
  }

  .emojione-24-nature._1f983 {
      background-position: -275px -250px
  }

  .emojione-24-nature._1f984 {
      background-position: 0 -275px
  }

  .emojione-24-nature._1f985 {
      background-position: -25px -275px
  }

  .emojione-24-nature._1f986 {
      background-position: -50px -275px
  }

  .emojione-24-nature._1f987 {
      background-position: -75px -275px
  }

  .emojione-24-nature._1f988 {
      background-position: -100px -275px
  }

  .emojione-24-nature._1f989 {
      background-position: -125px -275px
  }

  .emojione-24-nature._1f98a {
      background-position: -150px -275px
  }

  .emojione-24-nature._1f98b {
      background-position: -175px -275px
  }

  .emojione-24-nature._1f98c {
      background-position: -200px -275px
  }

  .emojione-24-nature._1f98d {
      background-position: -225px -275px
  }

  .emojione-24-nature._1f98e {
      background-position: -250px -275px
  }

  .emojione-24-nature._1f98f {
      background-position: -275px -275px
  }

  .emojione-24-nature._1f990 {
      background-position: -300px 0
  }

  .emojione-24-nature._1f991 {
      background-position: -300px -25px
  }

  .emojione-24-nature._1f992 {
      background-position: -300px -50px
  }

  .emojione-24-nature._1f993 {
      background-position: -300px -75px
  }

  .emojione-24-nature._1f994 {
      background-position: -300px -100px
  }

  .emojione-24-nature._1f995 {
      background-position: -300px -125px
  }

  .emojione-24-nature._1f996 {
      background-position: -300px -150px
  }

  .emojione-24-nature._1f997 {
      background-position: -300px -175px
  }

  .emojione-24-nature._2600 {
      background-position: -300px -200px
  }

  .emojione-24-nature._2601 {
      background-position: -300px -225px
  }

  .emojione-24-nature._2603 {
      background-position: -300px -250px
  }

  .emojione-24-nature._2604 {
      background-position: -300px -275px
  }

  .emojione-24-nature._2614 {
      background-position: 0 -300px
  }

  .emojione-24-nature._2618 {
      background-position: -25px -300px
  }

  .emojione-24-nature._26a1 {
      background-position: -50px -300px
  }

  .emojione-24-nature._26c4 {
      background-position: -75px -300px
  }

  .emojione-24-nature._26c5 {
      background-position: -100px -300px
  }

  .emojione-24-nature._26c8 {
      background-position: -125px -300px
  }

  .emojione-24-nature._2728 {
      background-position: -150px -300px
  }

  .emojione-24-nature._2744 {
      background-position: -175px -300px
  }

  .emojione-24-nature._2b50 {
      background-position: -200px -300px
  }

.emojione-24-food {
  position: relative;
  background-size: 249px 249px
}

  .emojione-24-food._1f32d {
      background-position: -25px 0
  }

  .emojione-24-food._1f32e {
      background-position: -175px 0
  }

  .emojione-24-food._1f32f {
      background-position: 0 -25px
  }

  .emojione-24-food._1f330 {
      background-position: -25px -25px
  }

  .emojione-24-food._1f336 {
      background-position: -50px 0
  }

  .emojione-24-food._1f33d {
      background-position: -50px -25px
  }

  .emojione-24-food._1f345 {
      background-position: 0 -50px
  }

  .emojione-24-food._1f346 {
      background-position: -25px -50px
  }

  .emojione-24-food._1f347 {
      background-position: -50px -50px
  }

  .emojione-24-food._1f348 {
      background-position: -75px 0
  }

  .emojione-24-food._1f349 {
      background-position: -75px -25px
  }

  .emojione-24-food._1f34a {
      background-position: -75px -50px
  }

  .emojione-24-food._1f34b {
      background-position: 0 -75px
  }

  .emojione-24-food._1f34c {
      background-position: -25px -75px
  }

  .emojione-24-food._1f34d {
      background-position: -50px -75px
  }

  .emojione-24-food._1f34e {
      background-position: -75px -75px
  }

  .emojione-24-food._1f34f {
      background-position: -100px 0
  }

  .emojione-24-food._1f350 {
      background-position: -100px -25px
  }

  .emojione-24-food._1f351 {
      background-position: -100px -50px
  }

  .emojione-24-food._1f352 {
      background-position: -100px -75px
  }

  .emojione-24-food._1f353 {
      background-position: 0 -100px
  }

  .emojione-24-food._1f354 {
      background-position: -25px -100px
  }

  .emojione-24-food._1f355 {
      background-position: -50px -100px
  }

  .emojione-24-food._1f356 {
      background-position: -75px -100px
  }

  .emojione-24-food._1f357 {
      background-position: -100px -100px
  }

  .emojione-24-food._1f358 {
      background-position: -125px 0
  }

  .emojione-24-food._1f359 {
      background-position: -125px -25px
  }

  .emojione-24-food._1f35a {
      background-position: -125px -50px
  }

  .emojione-24-food._1f35b {
      background-position: -125px -75px
  }

  .emojione-24-food._1f35c {
      background-position: -125px -100px
  }

  .emojione-24-food._1f35d {
      background-position: 0 -125px
  }

  .emojione-24-food._1f35e {
      background-position: -25px -125px
  }

  .emojione-24-food._1f35f {
      background-position: -50px -125px
  }

  .emojione-24-food._1f360 {
      background-position: -75px -125px
  }

  .emojione-24-food._1f361 {
      background-position: -100px -125px
  }

  .emojione-24-food._1f362 {
      background-position: -125px -125px
  }

  .emojione-24-food._1f363 {
      background-position: -150px 0
  }

  .emojione-24-food._1f364 {
      background-position: -150px -25px
  }

  .emojione-24-food._1f365 {
      background-position: -150px -50px
  }

  .emojione-24-food._1f366 {
      background-position: -150px -75px
  }

  .emojione-24-food._1f367 {
      background-position: -150px -100px
  }

  .emojione-24-food._1f368 {
      background-position: -150px -125px
  }

  .emojione-24-food._1f369 {
      background-position: 0 -150px
  }

  .emojione-24-food._1f36a {
      background-position: -25px -150px
  }

  .emojione-24-food._1f36b {
      background-position: -50px -150px
  }

  .emojione-24-food._1f36c {
      background-position: -75px -150px
  }

  .emojione-24-food._1f36d {
      background-position: -100px -150px
  }

  .emojione-24-food._1f36e {
      background-position: -125px -150px
  }

  .emojione-24-food._1f36f {
      background-position: -150px -150px
  }

  .emojione-24-food._1f370 {
      background-position: 0 0
  }

  .emojione-24-food._1f371 {
      background-position: -175px -25px
  }

  .emojione-24-food._1f372 {
      background-position: -175px -50px
  }

  .emojione-24-food._1f373 {
      background-position: -175px -75px
  }

  .emojione-24-food._1f374 {
      background-position: -175px -100px
  }

  .emojione-24-food._1f375 {
      background-position: -175px -125px
  }

  .emojione-24-food._1f376 {
      background-position: -175px -150px
  }

  .emojione-24-food._1f377 {
      background-position: 0 -175px
  }

  .emojione-24-food._1f378 {
      background-position: -25px -175px
  }

  .emojione-24-food._1f379 {
      background-position: -50px -175px
  }

  .emojione-24-food._1f37a {
      background-position: -75px -175px
  }

  .emojione-24-food._1f37b {
      background-position: -100px -175px
  }

  .emojione-24-food._1f37c {
      background-position: -125px -175px
  }

  .emojione-24-food._1f37d {
      background-position: -150px -175px
  }

  .emojione-24-food._1f37e {
      background-position: -175px -175px
  }

  .emojione-24-food._1f37f {
      background-position: -200px 0
  }

  .emojione-24-food._1f382 {
      background-position: -200px -25px
  }

  .emojione-24-food._1f942 {
      background-position: -200px -50px
  }

  .emojione-24-food._1f943 {
      background-position: -200px -75px
  }

  .emojione-24-food._1f944 {
      background-position: -200px -100px
  }

  .emojione-24-food._1f950 {
      background-position: -200px -125px
  }

  .emojione-24-food._1f951 {
      background-position: -200px -150px
  }

  .emojione-24-food._1f952 {
      background-position: -200px -175px
  }

  .emojione-24-food._1f953 {
      background-position: 0 -200px
  }

  .emojione-24-food._1f954 {
      background-position: -25px -200px
  }

  .emojione-24-food._1f955 {
      background-position: -50px -200px
  }

  .emojione-24-food._1f956 {
      background-position: -75px -200px
  }

  .emojione-24-food._1f957 {
      background-position: -100px -200px
  }

  .emojione-24-food._1f958 {
      background-position: -125px -200px
  }

  .emojione-24-food._1f959 {
      background-position: -150px -200px
  }

  .emojione-24-food._1f95a {
      background-position: -175px -200px
  }

  .emojione-24-food._1f95b {
      background-position: -200px -200px
  }

  .emojione-24-food._1f95c {
      background-position: -225px 0
  }

  .emojione-24-food._1f95d {
      background-position: -225px -25px
  }

  .emojione-24-food._1f95e {
      background-position: -225px -50px
  }

  .emojione-24-food._1f95f {
      background-position: -225px -75px
  }

  .emojione-24-food._1f960 {
      background-position: -225px -100px
  }

  .emojione-24-food._1f961 {
      background-position: -225px -125px
  }

  .emojione-24-food._1f962 {
      background-position: -225px -150px
  }

  .emojione-24-food._1f963 {
      background-position: -225px -175px
  }

  .emojione-24-food._1f964 {
      background-position: -225px -200px
  }

  .emojione-24-food._1f965 {
      background-position: 0 -225px
  }

  .emojione-24-food._1f966 {
      background-position: -25px -225px
  }

  .emojione-24-food._1f967 {
      background-position: -50px -225px
  }

  .emojione-24-food._1f968 {
      background-position: -75px -225px
  }

  .emojione-24-food._1f969 {
      background-position: -100px -225px
  }

  .emojione-24-food._1f96a {
      background-position: -125px -225px
  }

  .emojione-24-food._1f96b {
      background-position: -150px -225px
  }

  .emojione-24-food._1f9c0 {
      background-position: -175px -225px
  }

  .emojione-24-food._2615 {
      background-position: -200px -225px
  }

.emojione-24-activity {
  position: relative;
  background-size: 274px 249px
}

  .emojione-24-activity._1f396 {
      background-position: -25px 0
  }

  .emojione-24-activity._1f397 {
      background-position: -175px -75px
  }

  .emojione-24-activity._1f39f {
      background-position: 0 -25px
  }

  .emojione-24-activity._1f3a3 {
      background-position: -25px -25px
  }

  .emojione-24-activity._1f3a4 {
      background-position: -50px 0
  }

  .emojione-24-activity._1f3a7 {
      background-position: -50px -25px
  }

  .emojione-24-activity._1f3a8 {
      background-position: 0 -50px
  }

  .emojione-24-activity._1f3aa {
      background-position: -25px -50px
  }

  .emojione-24-activity._1f3ab {
      background-position: -50px -50px
  }

  .emojione-24-activity._1f3ac {
      background-position: -75px 0
  }

  .emojione-24-activity._1f3ad {
      background-position: -75px -25px
  }

  .emojione-24-activity._1f3ae {
      background-position: -75px -50px
  }

  .emojione-24-activity._1f3af {
      background-position: 0 -75px
  }

  .emojione-24-activity._1f3b0 {
      background-position: -25px -75px
  }

  .emojione-24-activity._1f3b1 {
      background-position: -50px -75px
  }

  .emojione-24-activity._1f3b2 {
      background-position: -75px -75px
  }

  .emojione-24-activity._1f3b3 {
      background-position: -100px 0
  }

  .emojione-24-activity._1f3b7 {
      background-position: -100px -25px
  }

  .emojione-24-activity._1f3b8 {
      background-position: -100px -50px
  }

  .emojione-24-activity._1f3b9 {
      background-position: -100px -75px
  }

  .emojione-24-activity._1f3ba {
      background-position: 0 -100px
  }

  .emojione-24-activity._1f3bb {
      background-position: -25px -100px
  }

  .emojione-24-activity._1f3bc {
      background-position: -50px -100px
  }

  .emojione-24-activity._1f3bd {
      background-position: -75px -100px
  }

  .emojione-24-activity._1f3be {
      background-position: -100px -100px
  }

  .emojione-24-activity._1f3bf {
      background-position: -125px 0
  }

  .emojione-24-activity._1f3c0 {
      background-position: -125px -25px
  }

  .emojione-24-activity._1f3c2 {
      background-position: -125px -50px
  }

  .emojione-24-activity._1f3c4-2640 {
      background-position: -125px -75px
  }

  .emojione-24-activity._1f3c4-2642 {
      background-position: -125px -100px
  }

  .emojione-24-activity._1f3c4 {
      background-position: 0 -125px
  }

  .emojione-24-activity._1f3c5 {
      background-position: -25px -125px
  }

  .emojione-24-activity._1f3c6 {
      background-position: -50px -125px
  }

  .emojione-24-activity._1f3c7 {
      background-position: -75px -125px
  }

  .emojione-24-activity._1f3c8 {
      background-position: -100px -125px
  }

  .emojione-24-activity._1f3c9 {
      background-position: -125px -125px
  }

  .emojione-24-activity._1f3ca-2640 {
      background-position: -150px 0
  }

  .emojione-24-activity._1f3ca-2642 {
      background-position: -150px -25px
  }

  .emojione-24-activity._1f3ca {
      background-position: -150px -50px
  }

  .emojione-24-activity._1f3cb-2640 {
      background-position: -150px -75px
  }

  .emojione-24-activity._1f3cb-2642 {
      background-position: -150px -100px
  }

  .emojione-24-activity._1f3cb {
      background-position: -150px -125px
  }

  .emojione-24-activity._1f3cc-2640 {
      background-position: 0 -150px
  }

  .emojione-24-activity._1f3cc-2642 {
      background-position: -25px -150px
  }

  .emojione-24-activity._1f3cc {
      background-position: -50px -150px
  }

  .emojione-24-activity._1f3cf {
      background-position: -75px -150px
  }

  .emojione-24-activity._1f3d0 {
      background-position: -100px -150px
  }

  .emojione-24-activity._1f3d1 {
      background-position: -125px -150px
  }

  .emojione-24-activity._1f3d2 {
      background-position: -150px -150px
  }

  .emojione-24-activity._1f3d3 {
      background-position: -175px 0
  }

  .emojione-24-activity._1f3f5 {
      background-position: -175px -25px
  }

  .emojione-24-activity._1f3f8 {
      background-position: -175px -50px
  }

  .emojione-24-activity._1f3f9 {
      background-position: 0 0
  }

  .emojione-24-activity._1f6a3-2640 {
      background-position: -175px -100px
  }

  .emojione-24-activity._1f6a3-2642 {
      background-position: -175px -125px
  }

  .emojione-24-activity._1f6a3 {
      background-position: -175px -150px
  }

  .emojione-24-activity._1f6b4-2640 {
      background-position: 0 -175px
  }

  .emojione-24-activity._1f6b4-2642 {
      background-position: -25px -175px
  }

  .emojione-24-activity._1f6b4 {
      background-position: -50px -175px
  }

  .emojione-24-activity._1f6b5-2640 {
      background-position: -75px -175px
  }

  .emojione-24-activity._1f6b5-2642 {
      background-position: -100px -175px
  }

  .emojione-24-activity._1f6b5 {
      background-position: -125px -175px
  }

  .emojione-24-activity._1f6f7 {
      background-position: -150px -175px
  }

  .emojione-24-activity._1f938-2640 {
      background-position: -200px 0
  }

  .emojione-24-activity._1f938-2642 {
      background-position: -200px -25px
  }

  .emojione-24-activity._1f938 {
      background-position: -200px -50px
  }

  .emojione-24-activity._1f939-2640 {
      background-position: -200px -75px
  }

  .emojione-24-activity._1f939-2642 {
      background-position: -200px -100px
  }

  .emojione-24-activity._1f939 {
      background-position: -200px -125px
  }

  .emojione-24-activity._1f93a {
      background-position: -200px -150px
  }

  .emojione-24-activity._1f93c-2640 {
      background-position: -200px -175px
  }

  .emojione-24-activity._1f93c-2642 {
      background-position: 0 -200px
  }

  .emojione-24-activity._1f93c {
      background-position: -25px -200px
  }

  .emojione-24-activity._1f93d-2640 {
      background-position: -50px -200px
  }

  .emojione-24-activity._1f93d-2642 {
      background-position: -75px -200px
  }

  .emojione-24-activity._1f93d {
      background-position: -100px -200px
  }

  .emojione-24-activity._1f93e-2640 {
      background-position: -125px -200px
  }

  .emojione-24-activity._1f93e-2642 {
      background-position: -150px -200px
  }

  .emojione-24-activity._1f93e {
      background-position: -175px -200px
  }

  .emojione-24-activity._1f941 {
      background-position: -200px -200px
  }

  .emojione-24-activity._1f945 {
      background-position: -225px 0
  }

  .emojione-24-activity._1f947 {
      background-position: -225px -25px
  }

  .emojione-24-activity._1f948 {
      background-position: -225px -50px
  }

  .emojione-24-activity._1f949 {
      background-position: -225px -75px
  }

  .emojione-24-activity._1f94a {
      background-position: -225px -100px
  }

  .emojione-24-activity._1f94b {
      background-position: -225px -125px
  }

  .emojione-24-activity._1f94c {
      background-position: -225px -150px
  }

  .emojione-24-activity._1f9d7-2640 {
      background-position: -25px -225px
  }

  .emojione-24-activity._1f9d7-2642 {
      background-position: -50px -225px
  }

  .emojione-24-activity._1f9d7 {
      background-position: -75px -225px
  }

  .emojione-24-activity._1f9d8-2640 {
      background-position: -100px -225px
  }

  .emojione-24-activity._1f9d8-2642 {
      background-position: -125px -225px
  }

  .emojione-24-activity._1f9d8 {
      background-position: -150px -225px
  }

  .emojione-24-activity._26bd {
      background-position: -175px -225px
  }

  .emojione-24-activity._26be {
      background-position: -200px -225px
  }

  .emojione-24-activity._26f3 {
      background-position: -225px -225px
  }

  .emojione-24-activity._26f7 {
      background-position: -250px 0
  }

  .emojione-24-activity._26f8 {
      background-position: -250px -25px
  }

  .emojione-24-activity._26f9-2640 {
      background-position: -250px -50px
  }

  .emojione-24-activity._26f9-2642 {
      background-position: -250px -75px
  }

  .emojione-24-activity._26f9 {
      background-position: -250px -100px
  }

.emojione-24-travel {
  position: relative;
  background-size: 274px 274px
}

  .emojione-24-travel._1f301 {
      background-position: -25px 0
  }

  .emojione-24-travel._1f303 {
      background-position: -100px -175px
  }

  .emojione-24-travel._1f304 {
      background-position: 0 -25px
  }

  .emojione-24-travel._1f305 {
      background-position: -25px -25px
  }

  .emojione-24-travel._1f306 {
      background-position: -50px 0
  }

  .emojione-24-travel._1f307 {
      background-position: -50px -25px
  }

  .emojione-24-travel._1f309 {
      background-position: 0 -50px
  }

  .emojione-24-travel._1f30b {
      background-position: -25px -50px
  }

  .emojione-24-travel._1f30c {
      background-position: -50px -50px
  }

  .emojione-24-travel._1f320 {
      background-position: -75px 0
  }

  .emojione-24-travel._1f386 {
      background-position: -75px -25px
  }

  .emojione-24-travel._1f387 {
      background-position: -75px -50px
  }

  .emojione-24-travel._1f391 {
      background-position: 0 -75px
  }

  .emojione-24-travel._1f3a0 {
      background-position: -25px -75px
  }

  .emojione-24-travel._1f3a1 {
      background-position: -50px -75px
  }

  .emojione-24-travel._1f3a2 {
      background-position: -75px -75px
  }

  .emojione-24-travel._1f3cd {
      background-position: -100px 0
  }

  .emojione-24-travel._1f3ce {
      background-position: -100px -25px
  }

  .emojione-24-travel._1f3d4 {
      background-position: -100px -50px
  }

  .emojione-24-travel._1f3d5 {
      background-position: -100px -75px
  }

  .emojione-24-travel._1f3d6 {
      background-position: 0 -100px
  }

  .emojione-24-travel._1f3d7 {
      background-position: -25px -100px
  }

  .emojione-24-travel._1f3d8 {
      background-position: -50px -100px
  }

  .emojione-24-travel._1f3d9 {
      background-position: -75px -100px
  }

  .emojione-24-travel._1f3da {
      background-position: -100px -100px
  }

  .emojione-24-travel._1f3db {
      background-position: -125px 0
  }

  .emojione-24-travel._1f3dc {
      background-position: -125px -25px
  }

  .emojione-24-travel._1f3dd {
      background-position: -125px -50px
  }

  .emojione-24-travel._1f3de {
      background-position: -125px -75px
  }

  .emojione-24-travel._1f3df {
      background-position: -125px -100px
  }

  .emojione-24-travel._1f3e0 {
      background-position: 0 -125px
  }

  .emojione-24-travel._1f3e1 {
      background-position: -25px -125px
  }

  .emojione-24-travel._1f3e2 {
      background-position: -50px -125px
  }

  .emojione-24-travel._1f3e3 {
      background-position: -75px -125px
  }

  .emojione-24-travel._1f3e4 {
      background-position: -100px -125px
  }

  .emojione-24-travel._1f3e5 {
      background-position: -125px -125px
  }

  .emojione-24-travel._1f3e6 {
      background-position: -150px 0
  }

  .emojione-24-travel._1f3e8 {
      background-position: -150px -25px
  }

  .emojione-24-travel._1f3e9 {
      background-position: -150px -50px
  }

  .emojione-24-travel._1f3ea {
      background-position: -150px -75px
  }

  .emojione-24-travel._1f3eb {
      background-position: -150px -100px
  }

  .emojione-24-travel._1f3ec {
      background-position: -150px -125px
  }

  .emojione-24-travel._1f3ed {
      background-position: 0 -150px
  }

  .emojione-24-travel._1f3ef {
      background-position: -25px -150px
  }

  .emojione-24-travel._1f3f0 {
      background-position: -50px -150px
  }

  .emojione-24-travel._1f492 {
      background-position: -75px -150px
  }

  .emojione-24-travel._1f4ba {
      background-position: -100px -150px
  }

  .emojione-24-travel._1f54b {
      background-position: -125px -150px
  }

  .emojione-24-travel._1f54c {
      background-position: -150px -150px
  }

  .emojione-24-travel._1f54d {
      background-position: -175px 0
  }

  .emojione-24-travel._1f5fa {
      background-position: -175px -25px
  }

  .emojione-24-travel._1f5fb {
      background-position: -175px -50px
  }

  .emojione-24-travel._1f5fc {
      background-position: -175px -75px
  }

  .emojione-24-travel._1f5fd {
      background-position: -175px -100px
  }

  .emojione-24-travel._1f5fe {
      background-position: -175px -125px
  }

  .emojione-24-travel._1f5ff {
      background-position: -175px -150px
  }

  .emojione-24-travel._1f680 {
      background-position: 0 -175px
  }

  .emojione-24-travel._1f681 {
      background-position: -25px -175px
  }

  .emojione-24-travel._1f682 {
      background-position: -50px -175px
  }

  .emojione-24-travel._1f683 {
      background-position: -75px -175px
  }

  .emojione-24-travel._1f684 {
      background-position: 0 0
  }

  .emojione-24-travel._1f685 {
      background-position: -125px -175px
  }

  .emojione-24-travel._1f686 {
      background-position: -150px -175px
  }

  .emojione-24-travel._1f687 {
      background-position: -175px -175px
  }

  .emojione-24-travel._1f688 {
      background-position: -200px 0
  }

  .emojione-24-travel._1f689 {
      background-position: -200px -25px
  }

  .emojione-24-travel._1f68a {
      background-position: -200px -50px
  }

  .emojione-24-travel._1f68b {
      background-position: -200px -75px
  }

  .emojione-24-travel._1f68c {
      background-position: -200px -100px
  }

  .emojione-24-travel._1f68d {
      background-position: -200px -125px
  }

  .emojione-24-travel._1f68e {
      background-position: -200px -150px
  }

  .emojione-24-travel._1f68f {
      background-position: -200px -175px
  }

  .emojione-24-travel._1f690 {
      background-position: 0 -200px
  }

  .emojione-24-travel._1f691 {
      background-position: -25px -200px
  }

  .emojione-24-travel._1f692 {
      background-position: -50px -200px
  }

  .emojione-24-travel._1f693 {
      background-position: -75px -200px
  }

  .emojione-24-travel._1f694 {
      background-position: -100px -200px
  }

  .emojione-24-travel._1f695 {
      background-position: -125px -200px
  }

  .emojione-24-travel._1f696 {
      background-position: -150px -200px
  }

  .emojione-24-travel._1f697 {
      background-position: -175px -200px
  }

  .emojione-24-travel._1f698 {
      background-position: -200px -200px
  }

  .emojione-24-travel._1f699 {
      background-position: -225px 0
  }

  .emojione-24-travel._1f69a {
      background-position: -225px -25px
  }

  .emojione-24-travel._1f69b {
      background-position: -225px -50px
  }

  .emojione-24-travel._1f69c {
      background-position: -225px -75px
  }

  .emojione-24-travel._1f69d {
      background-position: -225px -100px
  }

  .emojione-24-travel._1f69e {
      background-position: -225px -125px
  }

  .emojione-24-travel._1f69f {
      background-position: -225px -150px
  }

  .emojione-24-travel._1f6a0 {
      background-position: -225px -175px
  }

  .emojione-24-travel._1f6a1 {
      background-position: -225px -200px
  }

  .emojione-24-travel._1f6a2 {
      background-position: 0 -225px
  }

  .emojione-24-travel._1f6a4 {
      background-position: -25px -225px
  }

  .emojione-24-travel._1f6a5 {
      background-position: -50px -225px
  }

  .emojione-24-travel._1f6a6 {
      background-position: -75px -225px
  }

  .emojione-24-travel._1f6a7 {
      background-position: -100px -225px
  }

  .emojione-24-travel._1f6a8 {
      background-position: -125px -225px
  }

  .emojione-24-travel._1f6b2 {
      background-position: -150px -225px
  }

  .emojione-24-travel._1f6e3 {
      background-position: -175px -225px
  }

  .emojione-24-travel._1f6e4 {
      background-position: -200px -225px
  }

  .emojione-24-travel._1f6e5 {
      background-position: -225px -225px
  }

  .emojione-24-travel._1f6e9 {
      background-position: -250px 0
  }

  .emojione-24-travel._1f6eb {
      background-position: -250px -25px
  }

  .emojione-24-travel._1f6ec {
      background-position: -250px -50px
  }

  .emojione-24-travel._1f6f0 {
      background-position: -250px -75px
  }

  .emojione-24-travel._1f6f3 {
      background-position: -250px -100px
  }

  .emojione-24-travel._1f6f4 {
      background-position: -250px -125px
  }

  .emojione-24-travel._1f6f5 {
      background-position: -250px -150px
  }

  .emojione-24-travel._1f6f6 {
      background-position: -250px -175px
  }

  .emojione-24-travel._1f6f8 {
      background-position: -250px -200px
  }

  .emojione-24-travel._2693 {
      background-position: -250px -225px
  }

  .emojione-24-travel._26e9 {
      background-position: 0 -250px
  }

  .emojione-24-travel._26ea {
      background-position: -25px -250px
  }

  .emojione-24-travel._26f0 {
      background-position: -50px -250px
  }

  .emojione-24-travel._26f1 {
      background-position: -75px -250px
  }

  .emojione-24-travel._26f2 {
      background-position: -100px -250px
  }

  .emojione-24-travel._26f4 {
      background-position: -125px -250px
  }

  .emojione-24-travel._26f5 {
      background-position: -150px -250px
  }

  .emojione-24-travel._26fa {
      background-position: -175px -250px
  }

  .emojione-24-travel._26fd {
      background-position: -200px -250px
  }

  .emojione-24-travel._2708 {
      background-position: -225px -250px
  }

.emojione-24-objects {
  position: relative;
  background-size: 349px 324px
}

  .emojione-24-objects._1f321 {
      background-position: -25px 0
  }

  .emojione-24-objects._1f380 {
      background-position: -225px -150px
  }

  .emojione-24-objects._1f381 {
      background-position: 0 -25px
  }

  .emojione-24-objects._1f388 {
      background-position: -25px -25px
  }

  .emojione-24-objects._1f389 {
      background-position: -50px 0
  }

  .emojione-24-objects._1f38a {
      background-position: -50px -25px
  }

  .emojione-24-objects._1f38e {
      background-position: 0 -50px
  }

  .emojione-24-objects._1f38f {
      background-position: -25px -50px
  }

  .emojione-24-objects._1f390 {
      background-position: -50px -50px
  }

  .emojione-24-objects._1f399 {
      background-position: -75px 0
  }

  .emojione-24-objects._1f39a {
      background-position: -75px -25px
  }

  .emojione-24-objects._1f39b {
      background-position: -75px -50px
  }

  .emojione-24-objects._1f39e {
      background-position: 0 -75px
  }

  .emojione-24-objects._1f3a5 {
      background-position: -25px -75px
  }

  .emojione-24-objects._1f3ee {
      background-position: -50px -75px
  }

  .emojione-24-objects._1f3f7 {
      background-position: -75px -75px
  }

  .emojione-24-objects._1f3fa {
      background-position: -100px 0
  }

  .emojione-24-objects._1f488 {
      background-position: -100px -25px
  }

  .emojione-24-objects._1f489 {
      background-position: -100px -50px
  }

  .emojione-24-objects._1f48a {
      background-position: -100px -75px
  }

  .emojione-24-objects._1f48c {
      background-position: 0 -100px
  }

  .emojione-24-objects._1f48e {
      background-position: -25px -100px
  }

  .emojione-24-objects._1f4a1 {
      background-position: -50px -100px
  }

  .emojione-24-objects._1f4a3 {
      background-position: -75px -100px
  }

  .emojione-24-objects._1f4b0 {
      background-position: -100px -100px
  }

  .emojione-24-objects._1f4b3 {
      background-position: -125px 0
  }

  .emojione-24-objects._1f4b4 {
      background-position: -125px -25px
  }

  .emojione-24-objects._1f4b5 {
      background-position: -125px -50px
  }

  .emojione-24-objects._1f4b6 {
      background-position: -125px -75px
  }

  .emojione-24-objects._1f4b7 {
      background-position: -125px -100px
  }

  .emojione-24-objects._1f4b8 {
      background-position: 0 -125px
  }

  .emojione-24-objects._1f4bb {
      background-position: -25px -125px
  }

  .emojione-24-objects._1f4bd {
      background-position: -50px -125px
  }

  .emojione-24-objects._1f4be {
      background-position: -75px -125px
  }

  .emojione-24-objects._1f4bf {
      background-position: -100px -125px
  }

  .emojione-24-objects._1f4c0 {
      background-position: -125px -125px
  }

  .emojione-24-objects._1f4c1 {
      background-position: -150px 0
  }

  .emojione-24-objects._1f4c2 {
      background-position: -150px -25px
  }

  .emojione-24-objects._1f4c3 {
      background-position: -150px -50px
  }

  .emojione-24-objects._1f4c4 {
      background-position: -150px -75px
  }

  .emojione-24-objects._1f4c5 {
      background-position: -150px -100px
  }

  .emojione-24-objects._1f4c6 {
      background-position: -150px -125px
  }

  .emojione-24-objects._1f4c7 {
      background-position: 0 -150px
  }

  .emojione-24-objects._1f4c8 {
      background-position: -25px -150px
  }

  .emojione-24-objects._1f4c9 {
      background-position: -50px -150px
  }

  .emojione-24-objects._1f4ca {
      background-position: -75px -150px
  }

  .emojione-24-objects._1f4cb {
      background-position: -100px -150px
  }

  .emojione-24-objects._1f4cc {
      background-position: -125px -150px
  }

  .emojione-24-objects._1f4cd {
      background-position: -150px -150px
  }

  .emojione-24-objects._1f4ce {
      background-position: -175px 0
  }

  .emojione-24-objects._1f4cf {
      background-position: -175px -25px
  }

  .emojione-24-objects._1f4d0 {
      background-position: -175px -50px
  }

  .emojione-24-objects._1f4d1 {
      background-position: -175px -75px
  }

  .emojione-24-objects._1f4d2 {
      background-position: -175px -100px
  }

  .emojione-24-objects._1f4d3 {
      background-position: -175px -125px
  }

  .emojione-24-objects._1f4d4 {
      background-position: -175px -150px
  }

  .emojione-24-objects._1f4d5 {
      background-position: 0 -175px
  }

  .emojione-24-objects._1f4d6 {
      background-position: -25px -175px
  }

  .emojione-24-objects._1f4d7 {
      background-position: -50px -175px
  }

  .emojione-24-objects._1f4d8 {
      background-position: -75px -175px
  }

  .emojione-24-objects._1f4d9 {
      background-position: -100px -175px
  }

  .emojione-24-objects._1f4da {
      background-position: -125px -175px
  }

  .emojione-24-objects._1f4dc {
      background-position: -150px -175px
  }

  .emojione-24-objects._1f4dd {
      background-position: -175px -175px
  }

  .emojione-24-objects._1f4de {
      background-position: -200px 0
  }

  .emojione-24-objects._1f4df {
      background-position: -200px -25px
  }

  .emojione-24-objects._1f4e0 {
      background-position: -200px -50px
  }

  .emojione-24-objects._1f4e1 {
      background-position: -200px -75px
  }

  .emojione-24-objects._1f4e4 {
      background-position: -200px -100px
  }

  .emojione-24-objects._1f4e5 {
      background-position: -200px -125px
  }

  .emojione-24-objects._1f4e6 {
      background-position: -200px -150px
  }

  .emojione-24-objects._1f4e7 {
      background-position: -200px -175px
  }

  .emojione-24-objects._1f4e8 {
      background-position: 0 -200px
  }

  .emojione-24-objects._1f4e9 {
      background-position: -25px -200px
  }

  .emojione-24-objects._1f4ea {
      background-position: -50px -200px
  }

  .emojione-24-objects._1f4eb {
      background-position: -75px -200px
  }

  .emojione-24-objects._1f4ec {
      background-position: -100px -200px
  }

  .emojione-24-objects._1f4ed {
      background-position: -125px -200px
  }

  .emojione-24-objects._1f4ee {
      background-position: -150px -200px
  }

  .emojione-24-objects._1f4ef {
      background-position: -175px -200px
  }

  .emojione-24-objects._1f4f0 {
      background-position: -200px -200px
  }

  .emojione-24-objects._1f4f1 {
      background-position: -225px 0
  }

  .emojione-24-objects._1f4f2 {
      background-position: -225px -25px
  }

  .emojione-24-objects._1f4f7 {
      background-position: -225px -50px
  }

  .emojione-24-objects._1f4f8 {
      background-position: -225px -75px
  }

  .emojione-24-objects._1f4f9 {
      background-position: -225px -100px
  }

  .emojione-24-objects._1f4fa {
      background-position: -225px -125px
  }

  .emojione-24-objects._1f4fb {
      background-position: 0 0
  }

  .emojione-24-objects._1f4fc {
      background-position: -225px -175px
  }

  .emojione-24-objects._1f4fd {
      background-position: -225px -200px
  }

  .emojione-24-objects._1f4ff {
      background-position: 0 -225px
  }

  .emojione-24-objects._1f50b {
      background-position: -25px -225px
  }

  .emojione-24-objects._1f50c {
      background-position: -50px -225px
  }

  .emojione-24-objects._1f50d {
      background-position: -75px -225px
  }

  .emojione-24-objects._1f50e {
      background-position: -100px -225px
  }

  .emojione-24-objects._1f50f {
      background-position: -125px -225px
  }

  .emojione-24-objects._1f510 {
      background-position: -150px -225px
  }

  .emojione-24-objects._1f511 {
      background-position: -175px -225px
  }

  .emojione-24-objects._1f512 {
      background-position: -200px -225px
  }

  .emojione-24-objects._1f513 {
      background-position: -225px -225px
  }

  .emojione-24-objects._1f516 {
      background-position: -250px 0
  }

  .emojione-24-objects._1f517 {
      background-position: -250px -25px
  }

  .emojione-24-objects._1f526 {
      background-position: -250px -50px
  }

  .emojione-24-objects._1f527 {
      background-position: -250px -75px
  }

  .emojione-24-objects._1f528 {
      background-position: -250px -100px
  }

  .emojione-24-objects._1f529 {
      background-position: -250px -125px
  }

  .emojione-24-objects._1f52a {
      background-position: -250px -150px
  }

  .emojione-24-objects._1f52b {
      background-position: -250px -175px
  }

  .emojione-24-objects._1f52c {
      background-position: -250px -200px
  }

  .emojione-24-objects._1f52d {
      background-position: -250px -225px
  }

  .emojione-24-objects._1f52e {
      background-position: 0 -250px
  }

  .emojione-24-objects._1f56f {
      background-position: -25px -250px
  }

  .emojione-24-objects._1f570 {
      background-position: -50px -250px
  }

  .emojione-24-objects._1f573 {
      background-position: -75px -250px
  }

  .emojione-24-objects._1f579 {
      background-position: -100px -250px
  }

  .emojione-24-objects._1f587 {
      background-position: -125px -250px
  }

  .emojione-24-objects._1f58a {
      background-position: -150px -250px
  }

  .emojione-24-objects._1f58b {
      background-position: -175px -250px
  }

  .emojione-24-objects._1f58c {
      background-position: -200px -250px
  }

  .emojione-24-objects._1f58d {
      background-position: -225px -250px
  }

  .emojione-24-objects._1f5a5 {
      background-position: -250px -250px
  }

  .emojione-24-objects._1f5a8 {
      background-position: -275px 0
  }

  .emojione-24-objects._1f5b1 {
      background-position: -275px -25px
  }

  .emojione-24-objects._1f5b2 {
      background-position: -275px -50px
  }

  .emojione-24-objects._1f5bc {
      background-position: -275px -75px
  }

  .emojione-24-objects._1f5c2 {
      background-position: -275px -100px
  }

  .emojione-24-objects._1f5c3 {
      background-position: -275px -125px
  }

  .emojione-24-objects._1f5c4 {
      background-position: -275px -150px
  }

  .emojione-24-objects._1f5d1 {
      background-position: -275px -175px
  }

  .emojione-24-objects._1f5d2 {
      background-position: -275px -200px
  }

  .emojione-24-objects._1f5d3 {
      background-position: -275px -225px
  }

  .emojione-24-objects._1f5dc {
      background-position: -275px -250px
  }

  .emojione-24-objects._1f5dd {
      background-position: 0 -275px
  }

  .emojione-24-objects._1f5de {
      background-position: -25px -275px
  }

  .emojione-24-objects._1f5e1 {
      background-position: -50px -275px
  }

  .emojione-24-objects._1f5f3 {
      background-position: -75px -275px
  }

  .emojione-24-objects._1f6aa {
      background-position: -100px -275px
  }

  .emojione-24-objects._1f6ac {
      background-position: -125px -275px
  }

  .emojione-24-objects._1f6b0 {
      background-position: -150px -275px
  }

  .emojione-24-objects._1f6bd {
      background-position: -175px -275px
  }

  .emojione-24-objects._1f6bf {
      background-position: -200px -275px
  }

  .emojione-24-objects._1f6c0 {
      background-position: -225px -275px
  }

  .emojione-24-objects._1f6c1 {
      background-position: -250px -275px
  }

  .emojione-24-objects._1f6cb {
      background-position: -275px -275px
  }

  .emojione-24-objects._1f6cc {
      background-position: -300px 0
  }

  .emojione-24-objects._1f6cd {
      background-position: -300px -25px
  }

  .emojione-24-objects._1f6ce {
      background-position: -300px -50px
  }

  .emojione-24-objects._1f6cf {
      background-position: -300px -75px
  }

  .emojione-24-objects._1f6d2 {
      background-position: -300px -100px
  }

  .emojione-24-objects._1f6e0 {
      background-position: -300px -125px
  }

  .emojione-24-objects._1f6e1 {
      background-position: -300px -150px
  }

  .emojione-24-objects._1f6e2 {
      background-position: -300px -175px
  }

  .emojione-24-objects._1f9e1 {
      background-position: -300px -200px
  }

  .emojione-24-objects._231a {
      background-position: -300px -225px
  }

  .emojione-24-objects._231b {
      background-position: -300px -250px
  }

  .emojione-24-objects._2328 {
      background-position: -300px -275px
  }

  .emojione-24-objects._23f0 {
      background-position: 0 -300px
  }

  .emojione-24-objects._23f1 {
      background-position: -25px -300px
  }

  .emojione-24-objects._23f2 {
      background-position: -50px -300px
  }

  .emojione-24-objects._23f3 {
      background-position: -75px -300px
  }

  .emojione-24-objects._260e {
      background-position: -100px -300px
  }

  .emojione-24-objects._2692 {
      background-position: -125px -300px
  }

  .emojione-24-objects._2694 {
      background-position: -150px -300px
  }

  .emojione-24-objects._2696 {
      background-position: -175px -300px
  }

  .emojione-24-objects._2697 {
      background-position: -200px -300px
  }

  .emojione-24-objects._2699 {
      background-position: -225px -300px
  }

  .emojione-24-objects._26b0 {
      background-position: -250px -300px
  }

  .emojione-24-objects._26b1 {
      background-position: -275px -300px
  }

  .emojione-24-objects._26cf {
      background-position: -300px -300px
  }

  .emojione-24-objects._26d3 {
      background-position: -325px 0
  }

  .emojione-24-objects._2702 {
      background-position: -325px -25px
  }

  .emojione-24-objects._2709 {
      background-position: -325px -50px
  }

  .emojione-24-objects._270f {
      background-position: -325px -75px
  }

  .emojione-24-objects._2712 {
      background-position: -325px -100px
  }

.emojione-24-symbols {
  position: relative;
  background-size: 424px 424px
}

  .emojione-24-symbols._0023-20e3 {
      background-position: -25px 0
  }

  .emojione-24-symbols._0023 {
      background-position: -250px -275px
  }

  .emojione-24-symbols._002a-20e3 {
      background-position: 0 -25px
  }

  .emojione-24-symbols._002a {
      background-position: -25px -25px
  }

  .emojione-24-symbols._0030-20e3 {
      background-position: -50px 0
  }

  .emojione-24-symbols._0030 {
      background-position: -50px -25px
  }

  .emojione-24-symbols._0031-20e3 {
      background-position: 0 -50px
  }

  .emojione-24-symbols._0031 {
      background-position: -25px -50px
  }

  .emojione-24-symbols._0032-20e3 {
      background-position: -50px -50px
  }

  .emojione-24-symbols._0032 {
      background-position: -75px 0
  }

  .emojione-24-symbols._0033-20e3 {
      background-position: -75px -25px
  }

  .emojione-24-symbols._0033 {
      background-position: -75px -50px
  }

  .emojione-24-symbols._0034-20e3 {
      background-position: 0 -75px
  }

  .emojione-24-symbols._0034 {
      background-position: -25px -75px
  }

  .emojione-24-symbols._0035-20e3 {
      background-position: -50px -75px
  }

  .emojione-24-symbols._0035 {
      background-position: -75px -75px
  }

  .emojione-24-symbols._0036-20e3 {
      background-position: -100px 0
  }

  .emojione-24-symbols._0036 {
      background-position: -100px -25px
  }

  .emojione-24-symbols._0037-20e3 {
      background-position: -100px -50px
  }

  .emojione-24-symbols._0037 {
      background-position: -100px -75px
  }

  .emojione-24-symbols._0038-20e3 {
      background-position: 0 -100px
  }

  .emojione-24-symbols._0038 {
      background-position: -25px -100px
  }

  .emojione-24-symbols._0039-20e3 {
      background-position: -50px -100px
  }

  .emojione-24-symbols._0039 {
      background-position: -75px -100px
  }

  .emojione-24-symbols._00a9 {
      background-position: -100px -100px
  }

  .emojione-24-symbols._00ae {
      background-position: -125px 0
  }

  .emojione-24-symbols._1f004 {
      background-position: -125px -25px
  }

  .emojione-24-symbols._1f0cf {
      background-position: -125px -50px
  }

  .emojione-24-symbols._1f170 {
      background-position: -125px -75px
  }

  .emojione-24-symbols._1f171 {
      background-position: -125px -100px
  }

  .emojione-24-symbols._1f17e {
      background-position: 0 -125px
  }

  .emojione-24-symbols._1f17f {
      background-position: -25px -125px
  }

  .emojione-24-symbols._1f18e {
      background-position: -50px -125px
  }

  .emojione-24-symbols._1f191 {
      background-position: -75px -125px
  }

  .emojione-24-symbols._1f192 {
      background-position: -100px -125px
  }

  .emojione-24-symbols._1f193 {
      background-position: -125px -125px
  }

  .emojione-24-symbols._1f194 {
      background-position: -150px 0
  }

  .emojione-24-symbols._1f195 {
      background-position: -150px -25px
  }

  .emojione-24-symbols._1f196 {
      background-position: -150px -50px
  }

  .emojione-24-symbols._1f197 {
      background-position: -150px -75px
  }

  .emojione-24-symbols._1f198 {
      background-position: -150px -100px
  }

  .emojione-24-symbols._1f199 {
      background-position: -150px -125px
  }

  .emojione-24-symbols._1f19a {
      background-position: 0 -150px
  }

  .emojione-24-symbols._1f201 {
      background-position: -25px -150px
  }

  .emojione-24-symbols._1f202 {
      background-position: -50px -150px
  }

  .emojione-24-symbols._1f21a {
      background-position: -75px -150px
  }

  .emojione-24-symbols._1f22f {
      background-position: -100px -150px
  }

  .emojione-24-symbols._1f232 {
      background-position: -125px -150px
  }

  .emojione-24-symbols._1f233 {
      background-position: -150px -150px
  }

  .emojione-24-symbols._1f234 {
      background-position: -175px 0
  }

  .emojione-24-symbols._1f235 {
      background-position: -175px -25px
  }

  .emojione-24-symbols._1f236 {
      background-position: -175px -50px
  }

  .emojione-24-symbols._1f237 {
      background-position: -175px -75px
  }

  .emojione-24-symbols._1f238 {
      background-position: -175px -100px
  }

  .emojione-24-symbols._1f239 {
      background-position: -175px -125px
  }

  .emojione-24-symbols._1f23a {
      background-position: -175px -150px
  }

  .emojione-24-symbols._1f250 {
      background-position: 0 -175px
  }

  .emojione-24-symbols._1f251 {
      background-position: -25px -175px
  }

  .emojione-24-symbols._1f300 {
      background-position: -50px -175px
  }

  .emojione-24-symbols._1f310 {
      background-position: -75px -175px
  }

  .emojione-24-symbols._1f3a6 {
      background-position: -100px -175px
  }

  .emojione-24-symbols._1f3b4 {
      background-position: -125px -175px
  }

  .emojione-24-symbols._1f3b5 {
      background-position: -150px -175px
  }

  .emojione-24-symbols._1f3b6 {
      background-position: -175px -175px
  }

  .emojione-24-symbols._1f3e7 {
      background-position: -200px 0
  }

  .emojione-24-symbols._1f441-1f5e8 {
      background-position: -200px -25px
  }

  .emojione-24-symbols._1f493 {
      background-position: -200px -50px
  }

  .emojione-24-symbols._1f494 {
      background-position: -200px -75px
  }

  .emojione-24-symbols._1f495 {
      background-position: -200px -100px
  }

  .emojione-24-symbols._1f496 {
      background-position: -200px -125px
  }

  .emojione-24-symbols._1f497 {
      background-position: -200px -150px
  }

  .emojione-24-symbols._1f498 {
      background-position: -200px -175px
  }

  .emojione-24-symbols._1f499 {
      background-position: 0 -200px
  }

  .emojione-24-symbols._1f49a {
      background-position: -25px -200px
  }

  .emojione-24-symbols._1f49b {
      background-position: -50px -200px
  }

  .emojione-24-symbols._1f49c {
      background-position: -75px -200px
  }

  .emojione-24-symbols._1f49d {
      background-position: -100px -200px
  }

  .emojione-24-symbols._1f49e {
      background-position: -125px -200px
  }

  .emojione-24-symbols._1f49f {
      background-position: -150px -200px
  }

  .emojione-24-symbols._1f4a0 {
      background-position: -175px -200px
  }

  .emojione-24-symbols._1f4a2 {
      background-position: -200px -200px
  }

  .emojione-24-symbols._1f4a4 {
      background-position: -225px 0
  }

  .emojione-24-symbols._1f4ac {
      background-position: -225px -25px
  }

  .emojione-24-symbols._1f4ad {
      background-position: -225px -50px
  }

  .emojione-24-symbols._1f4ae {
      background-position: -225px -75px
  }

  .emojione-24-symbols._1f4af {
      background-position: -225px -100px
  }

  .emojione-24-symbols._1f4b1 {
      background-position: -225px -125px
  }

  .emojione-24-symbols._1f4b2 {
      background-position: -225px -150px
  }

  .emojione-24-symbols._1f4b9 {
      background-position: -225px -175px
  }

  .emojione-24-symbols._1f4db {
      background-position: -225px -200px
  }

  .emojione-24-symbols._1f4e2 {
      background-position: 0 -225px
  }

  .emojione-24-symbols._1f4e3 {
      background-position: -25px -225px
  }

  .emojione-24-symbols._1f4f3 {
      background-position: -50px -225px
  }

  .emojione-24-symbols._1f4f4 {
      background-position: -75px -225px
  }

  .emojione-24-symbols._1f4f5 {
      background-position: -100px -225px
  }

  .emojione-24-symbols._1f4f6 {
      background-position: -125px -225px
  }

  .emojione-24-symbols._1f500 {
      background-position: -150px -225px
  }

  .emojione-24-symbols._1f501 {
      background-position: -175px -225px
  }

  .emojione-24-symbols._1f502 {
      background-position: -200px -225px
  }

  .emojione-24-symbols._1f503 {
      background-position: -225px -225px
  }

  .emojione-24-symbols._1f504 {
      background-position: -250px 0
  }

  .emojione-24-symbols._1f505 {
      background-position: -250px -25px
  }

  .emojione-24-symbols._1f506 {
      background-position: -250px -50px
  }

  .emojione-24-symbols._1f507 {
      background-position: -250px -75px
  }

  .emojione-24-symbols._1f508 {
      background-position: -250px -100px
  }

  .emojione-24-symbols._1f509 {
      background-position: -250px -125px
  }

  .emojione-24-symbols._1f50a {
      background-position: -250px -150px
  }

  .emojione-24-symbols._1f514 {
      background-position: -250px -175px
  }

  .emojione-24-symbols._1f515 {
      background-position: -250px -200px
  }

  .emojione-24-symbols._1f518 {
      background-position: -250px -225px
  }

  .emojione-24-symbols._1f519 {
      background-position: 0 -250px
  }

  .emojione-24-symbols._1f51a {
      background-position: -25px -250px
  }

  .emojione-24-symbols._1f51b {
      background-position: -50px -250px
  }

  .emojione-24-symbols._1f51c {
      background-position: -75px -250px
  }

  .emojione-24-symbols._1f51d {
      background-position: -100px -250px
  }

  .emojione-24-symbols._1f51e {
      background-position: -125px -250px
  }

  .emojione-24-symbols._1f51f {
      background-position: -150px -250px
  }

  .emojione-24-symbols._1f520 {
      background-position: -175px -250px
  }

  .emojione-24-symbols._1f521 {
      background-position: -200px -250px
  }

  .emojione-24-symbols._1f522 {
      background-position: -225px -250px
  }

  .emojione-24-symbols._1f523 {
      background-position: -250px -250px
  }

  .emojione-24-symbols._1f524 {
      background-position: -275px 0
  }

  .emojione-24-symbols._1f52f {
      background-position: -275px -25px
  }

  .emojione-24-symbols._1f530 {
      background-position: -275px -50px
  }

  .emojione-24-symbols._1f531 {
      background-position: -275px -75px
  }

  .emojione-24-symbols._1f532 {
      background-position: -275px -100px
  }

  .emojione-24-symbols._1f533 {
      background-position: -275px -125px
  }

  .emojione-24-symbols._1f534 {
      background-position: -275px -150px
  }

  .emojione-24-symbols._1f535 {
      background-position: -275px -175px
  }

  .emojione-24-symbols._1f536 {
      background-position: -275px -200px
  }

  .emojione-24-symbols._1f537 {
      background-position: -275px -225px
  }

  .emojione-24-symbols._1f538 {
      background-position: -275px -250px
  }

  .emojione-24-symbols._1f539 {
      background-position: 0 -275px
  }

  .emojione-24-symbols._1f53a {
      background-position: -25px -275px
  }

  .emojione-24-symbols._1f53b {
      background-position: -50px -275px
  }

  .emojione-24-symbols._1f53c {
      background-position: -75px -275px
  }

  .emojione-24-symbols._1f53d {
      background-position: -100px -275px
  }

  .emojione-24-symbols._1f549 {
      background-position: -125px -275px
  }

  .emojione-24-symbols._1f54e {
      background-position: -150px -275px
  }

  .emojione-24-symbols._1f550 {
      background-position: -175px -275px
  }

  .emojione-24-symbols._1f551 {
      background-position: -200px -275px
  }

  .emojione-24-symbols._1f552 {
      background-position: -225px -275px
  }

  .emojione-24-symbols._1f553 {
      background-position: 0 0
  }

  .emojione-24-symbols._1f554 {
      background-position: -275px -275px
  }

  .emojione-24-symbols._1f555 {
      background-position: -300px 0
  }

  .emojione-24-symbols._1f556 {
      background-position: -300px -25px
  }

  .emojione-24-symbols._1f557 {
      background-position: -300px -50px
  }

  .emojione-24-symbols._1f558 {
      background-position: -300px -75px
  }

  .emojione-24-symbols._1f559 {
      background-position: -300px -100px
  }

  .emojione-24-symbols._1f55a {
      background-position: -300px -125px
  }

  .emojione-24-symbols._1f55b {
      background-position: -300px -150px
  }

  .emojione-24-symbols._1f55c {
      background-position: -300px -175px
  }

  .emojione-24-symbols._1f55d {
      background-position: -300px -200px
  }

  .emojione-24-symbols._1f55e {
      background-position: -300px -225px
  }

  .emojione-24-symbols._1f55f {
      background-position: -300px -250px
  }

  .emojione-24-symbols._1f560 {
      background-position: -300px -275px
  }

  .emojione-24-symbols._1f561 {
      background-position: 0 -300px
  }

  .emojione-24-symbols._1f562 {
      background-position: -25px -300px
  }

  .emojione-24-symbols._1f563 {
      background-position: -50px -300px
  }

  .emojione-24-symbols._1f564 {
      background-position: -75px -300px
  }

  .emojione-24-symbols._1f565 {
      background-position: -100px -300px
  }

  .emojione-24-symbols._1f566 {
      background-position: -125px -300px
  }

  .emojione-24-symbols._1f567 {
      background-position: -150px -300px
  }

  .emojione-24-symbols._1f5a4 {
      background-position: -175px -300px
  }

  .emojione-24-symbols._1f5e8 {
      background-position: -200px -300px
  }

  .emojione-24-symbols._1f5ef {
      background-position: -225px -300px
  }

  .emojione-24-symbols._1f6ab {
      background-position: -250px -300px
  }

  .emojione-24-symbols._1f6ad {
      background-position: -275px -300px
  }

  .emojione-24-symbols._1f6ae {
      background-position: -300px -300px
  }

  .emojione-24-symbols._1f6af {
      background-position: -325px 0
  }

  .emojione-24-symbols._1f6b1 {
      background-position: -325px -25px
  }

  .emojione-24-symbols._1f6b3 {
      background-position: -325px -50px
  }

  .emojione-24-symbols._1f6b7 {
      background-position: -325px -75px
  }

  .emojione-24-symbols._1f6b8 {
      background-position: -325px -100px
  }

  .emojione-24-symbols._1f6b9 {
      background-position: -325px -125px
  }

  .emojione-24-symbols._1f6ba {
      background-position: -325px -150px
  }

  .emojione-24-symbols._1f6bb {
      background-position: -325px -175px
  }

  .emojione-24-symbols._1f6bc {
      background-position: -325px -200px
  }

  .emojione-24-symbols._1f6be {
      background-position: -325px -225px
  }

  .emojione-24-symbols._1f6c2 {
      background-position: -325px -250px
  }

  .emojione-24-symbols._1f6c3 {
      background-position: -325px -275px
  }

  .emojione-24-symbols._1f6c4 {
      background-position: -325px -300px
  }

  .emojione-24-symbols._1f6c5 {
      background-position: 0 -325px
  }

  .emojione-24-symbols._1f6d0 {
      background-position: -25px -325px
  }

  .emojione-24-symbols._1f6d1 {
      background-position: -50px -325px
  }

  .emojione-24-symbols._203c {
      background-position: -75px -325px
  }

  .emojione-24-symbols._2049 {
      background-position: -100px -325px
  }

  .emojione-24-symbols._2122 {
      background-position: -125px -325px
  }

  .emojione-24-symbols._2139 {
      background-position: -150px -325px
  }

  .emojione-24-symbols._2194 {
      background-position: -175px -325px
  }

  .emojione-24-symbols._2195 {
      background-position: -200px -325px
  }

  .emojione-24-symbols._2196 {
      background-position: -225px -325px
  }

  .emojione-24-symbols._2197 {
      background-position: -250px -325px
  }

  .emojione-24-symbols._2198 {
      background-position: -275px -325px
  }

  .emojione-24-symbols._2199 {
      background-position: -300px -325px
  }

  .emojione-24-symbols._21a9 {
      background-position: -325px -325px
  }

  .emojione-24-symbols._21aa {
      background-position: -350px 0
  }

  .emojione-24-symbols._23cf {
      background-position: -350px -25px
  }

  .emojione-24-symbols._23e9 {
      background-position: -350px -50px
  }

  .emojione-24-symbols._23ea {
      background-position: -350px -75px
  }

  .emojione-24-symbols._23eb {
      background-position: -350px -100px
  }

  .emojione-24-symbols._23ec {
      background-position: -350px -125px
  }

  .emojione-24-symbols._23ed {
      background-position: -350px -150px
  }

  .emojione-24-symbols._23ee {
      background-position: -350px -175px
  }

  .emojione-24-symbols._23ef {
      background-position: -350px -200px
  }

  .emojione-24-symbols._23f8 {
      background-position: -350px -225px
  }

  .emojione-24-symbols._23f9 {
      background-position: -350px -250px
  }

  .emojione-24-symbols._23fa {
      background-position: -350px -275px
  }

  .emojione-24-symbols._24c2 {
      background-position: -350px -300px
  }

  .emojione-24-symbols._25aa {
      background-position: -350px -325px
  }

  .emojione-24-symbols._25ab {
      background-position: 0 -350px
  }

  .emojione-24-symbols._25b6 {
      background-position: -25px -350px
  }

  .emojione-24-symbols._25c0 {
      background-position: -50px -350px
  }

  .emojione-24-symbols._25fb {
      background-position: -75px -350px
  }

  .emojione-24-symbols._25fc {
      background-position: -100px -350px
  }

  .emojione-24-symbols._25fd {
      background-position: -125px -350px
  }

  .emojione-24-symbols._25fe {
      background-position: -150px -350px
  }

  .emojione-24-symbols._2611 {
      background-position: -175px -350px
  }

  .emojione-24-symbols._2622 {
      background-position: -200px -350px
  }

  .emojione-24-symbols._2623 {
      background-position: -225px -350px
  }

  .emojione-24-symbols._2626 {
      background-position: -250px -350px
  }

  .emojione-24-symbols._262a {
      background-position: -275px -350px
  }

  .emojione-24-symbols._262e {
      background-position: -300px -350px
  }

  .emojione-24-symbols._262f {
      background-position: -325px -350px
  }

  .emojione-24-symbols._2638 {
      background-position: -350px -350px
  }

  .emojione-24-symbols._2648 {
      background-position: -375px 0
  }

  .emojione-24-symbols._2649 {
      background-position: -375px -25px
  }

  .emojione-24-symbols._264a {
      background-position: -375px -50px
  }

  .emojione-24-symbols._264b {
      background-position: -375px -75px
  }

  .emojione-24-symbols._264c {
      background-position: -375px -100px
  }

  .emojione-24-symbols._264d {
      background-position: -375px -125px
  }

  .emojione-24-symbols._264e {
      background-position: -375px -150px
  }

  .emojione-24-symbols._264f {
      background-position: -375px -175px
  }

  .emojione-24-symbols._2650 {
      background-position: -375px -200px
  }

  .emojione-24-symbols._2651 {
      background-position: -375px -225px
  }

  .emojione-24-symbols._2652 {
      background-position: -375px -250px
  }

  .emojione-24-symbols._2653 {
      background-position: -375px -275px
  }

  .emojione-24-symbols._2660 {
      background-position: -375px -300px
  }

  .emojione-24-symbols._2663 {
      background-position: -375px -325px
  }

  .emojione-24-symbols._2665 {
      background-position: -375px -350px
  }

  .emojione-24-symbols._2666 {
      background-position: 0 -375px
  }

  .emojione-24-symbols._2668 {
      background-position: -25px -375px
  }

  .emojione-24-symbols._267b {
      background-position: -50px -375px
  }

  .emojione-24-symbols._267f {
      background-position: -75px -375px
  }

  .emojione-24-symbols._269b {
      background-position: -100px -375px
  }

  .emojione-24-symbols._269c {
      background-position: -125px -375px
  }

  .emojione-24-symbols._26a0 {
      background-position: -150px -375px
  }

  .emojione-24-symbols._26aa {
      background-position: -175px -375px
  }

  .emojione-24-symbols._26ab {
      background-position: -200px -375px
  }

  .emojione-24-symbols._26ce {
      background-position: -225px -375px
  }

  .emojione-24-symbols._26d4 {
      background-position: -250px -375px
  }

  .emojione-24-symbols._2705 {
      background-position: -275px -375px
  }

  .emojione-24-symbols._2714 {
      background-position: -300px -375px
  }

  .emojione-24-symbols._2716 {
      background-position: -325px -375px
  }

  .emojione-24-symbols._271d {
      background-position: -350px -375px
  }

  .emojione-24-symbols._2721 {
      background-position: -375px -375px
  }

  .emojione-24-symbols._2733 {
      background-position: -400px 0
  }

  .emojione-24-symbols._2734 {
      background-position: -400px -25px
  }

  .emojione-24-symbols._2747 {
      background-position: -400px -50px
  }

  .emojione-24-symbols._274c {
      background-position: -400px -75px
  }

  .emojione-24-symbols._274e {
      background-position: -400px -100px
  }

  .emojione-24-symbols._2753 {
      background-position: -400px -125px
  }

  .emojione-24-symbols._2754 {
      background-position: -400px -150px
  }

  .emojione-24-symbols._2755 {
      background-position: -400px -175px
  }

  .emojione-24-symbols._2757 {
      background-position: -400px -200px
  }

  .emojione-24-symbols._2763 {
      background-position: -400px -225px
  }

  .emojione-24-symbols._2764 {
      background-position: -400px -250px
  }

  .emojione-24-symbols._2795 {
      background-position: -400px -275px
  }

  .emojione-24-symbols._2796 {
      background-position: -400px -300px
  }

  .emojione-24-symbols._2797 {
      background-position: -400px -325px
  }

  .emojione-24-symbols._27a1 {
      background-position: -400px -350px
  }

  .emojione-24-symbols._27b0 {
      background-position: -400px -375px
  }

  .emojione-24-symbols._27bf {
      background-position: 0 -400px
  }

  .emojione-24-symbols._2934 {
      background-position: -25px -400px
  }

  .emojione-24-symbols._2935 {
      background-position: -50px -400px
  }

  .emojione-24-symbols._2b05 {
      background-position: -75px -400px
  }

  .emojione-24-symbols._2b06 {
      background-position: -100px -400px
  }

  .emojione-24-symbols._2b07 {
      background-position: -125px -400px
  }

  .emojione-24-symbols._2b1b {
      background-position: -150px -400px
  }

  .emojione-24-symbols._2b1c {
      background-position: -175px -400px
  }

  .emojione-24-symbols._2b55 {
      background-position: -200px -400px
  }

  .emojione-24-symbols._3030 {
      background-position: -225px -400px
  }

  .emojione-24-symbols._303d {
      background-position: -250px -400px
  }

  .emojione-24-symbols._3297 {
      background-position: -275px -400px
  }

  .emojione-24-symbols._3299 {
      background-position: -300px -400px
  }

.emojione-24-flags {
  position: relative;
  background-size: 424px 399px
}

  .emojione-24-flags._1f1e6-1f1e8 {
      background-position: -25px 0
  }

  .emojione-24-flags._1f1e6-1f1e9 {
      background-position: -25px -275px
  }

  .emojione-24-flags._1f1e6-1f1ea {
      background-position: 0 -25px
  }

  .emojione-24-flags._1f1e6-1f1eb {
      background-position: -25px -25px
  }

  .emojione-24-flags._1f1e6-1f1ec {
      background-position: -50px 0
  }

  .emojione-24-flags._1f1e6-1f1ee {
      background-position: -50px -25px
  }

  .emojione-24-flags._1f1e6-1f1f1 {
      background-position: 0 -50px
  }

  .emojione-24-flags._1f1e6-1f1f2 {
      background-position: -25px -50px
  }

  .emojione-24-flags._1f1e6-1f1f4 {
      background-position: -50px -50px
  }

  .emojione-24-flags._1f1e6-1f1f6 {
      background-position: -75px 0
  }

  .emojione-24-flags._1f1e6-1f1f7 {
      background-position: -75px -25px
  }

  .emojione-24-flags._1f1e6-1f1f8 {
      background-position: -75px -50px
  }

  .emojione-24-flags._1f1e6-1f1f9 {
      background-position: 0 -75px
  }

  .emojione-24-flags._1f1e6-1f1fa {
      background-position: -25px -75px
  }

  .emojione-24-flags._1f1e6-1f1fc {
      background-position: -50px -75px
  }

  .emojione-24-flags._1f1e6-1f1fd {
      background-position: -75px -75px
  }

  .emojione-24-flags._1f1e6-1f1ff {
      background-position: -100px 0
  }

  .emojione-24-flags._1f1e7-1f1e6 {
      background-position: -100px -25px
  }

  .emojione-24-flags._1f1e7-1f1e7 {
      background-position: -100px -50px
  }

  .emojione-24-flags._1f1e7-1f1e9 {
      background-position: -100px -75px
  }

  .emojione-24-flags._1f1e7-1f1ea {
      background-position: 0 -100px
  }

  .emojione-24-flags._1f1e7-1f1eb {
      background-position: -25px -100px
  }

  .emojione-24-flags._1f1e7-1f1ec {
      background-position: -50px -100px
  }

  .emojione-24-flags._1f1e7-1f1ed {
      background-position: -75px -100px
  }

  .emojione-24-flags._1f1e7-1f1ee {
      background-position: -100px -100px
  }

  .emojione-24-flags._1f1e7-1f1ef {
      background-position: -125px 0
  }

  .emojione-24-flags._1f1e7-1f1f1 {
      background-position: -125px -25px
  }

  .emojione-24-flags._1f1e7-1f1f2 {
      background-position: -125px -50px
  }

  .emojione-24-flags._1f1e7-1f1f3 {
      background-position: -125px -75px
  }

  .emojione-24-flags._1f1e7-1f1f4 {
      background-position: -125px -100px
  }

  .emojione-24-flags._1f1e7-1f1f6 {
      background-position: 0 -125px
  }

  .emojione-24-flags._1f1e7-1f1f7 {
      background-position: -25px -125px
  }

  .emojione-24-flags._1f1e7-1f1f8 {
      background-position: -50px -125px
  }

  .emojione-24-flags._1f1e7-1f1f9 {
      background-position: -75px -125px
  }

  .emojione-24-flags._1f1e7-1f1fb {
      background-position: -100px -125px
  }

  .emojione-24-flags._1f1e7-1f1fc {
      background-position: -125px -125px
  }

  .emojione-24-flags._1f1e7-1f1fe {
      background-position: -150px 0
  }

  .emojione-24-flags._1f1e7-1f1ff {
      background-position: -150px -25px
  }

  .emojione-24-flags._1f1e8-1f1e6 {
      background-position: -150px -50px
  }

  .emojione-24-flags._1f1e8-1f1e8 {
      background-position: -150px -75px
  }

  .emojione-24-flags._1f1e8-1f1e9 {
      background-position: -150px -100px
  }

  .emojione-24-flags._1f1e8-1f1eb {
      background-position: -150px -125px
  }

  .emojione-24-flags._1f1e8-1f1ec {
      background-position: 0 -150px
  }

  .emojione-24-flags._1f1e8-1f1ed {
      background-position: -25px -150px
  }

  .emojione-24-flags._1f1e8-1f1ee {
      background-position: -50px -150px
  }

  .emojione-24-flags._1f1e8-1f1f0 {
      background-position: -75px -150px
  }

  .emojione-24-flags._1f1e8-1f1f1 {
      background-position: -100px -150px
  }

  .emojione-24-flags._1f1e8-1f1f2 {
      background-position: -125px -150px
  }

  .emojione-24-flags._1f1e8-1f1f3 {
      background-position: -150px -150px
  }

  .emojione-24-flags._1f1e8-1f1f4 {
      background-position: -175px 0
  }

  .emojione-24-flags._1f1e8-1f1f5 {
      background-position: -175px -25px
  }

  .emojione-24-flags._1f1e8-1f1f7 {
      background-position: -175px -50px
  }

  .emojione-24-flags._1f1e8-1f1fa {
      background-position: -175px -75px
  }

  .emojione-24-flags._1f1e8-1f1fb {
      background-position: -175px -100px
  }

  .emojione-24-flags._1f1e8-1f1fc {
      background-position: -175px -125px
  }

  .emojione-24-flags._1f1e8-1f1fd {
      background-position: -175px -150px
  }

  .emojione-24-flags._1f1e8-1f1fe {
      background-position: 0 -175px
  }

  .emojione-24-flags._1f1e8-1f1ff {
      background-position: -25px -175px
  }

  .emojione-24-flags._1f1e9-1f1ea {
      background-position: -50px -175px
  }

  .emojione-24-flags._1f1e9-1f1ec {
      background-position: -75px -175px
  }

  .emojione-24-flags._1f1e9-1f1ef {
      background-position: -100px -175px
  }

  .emojione-24-flags._1f1e9-1f1f0 {
      background-position: -125px -175px
  }

  .emojione-24-flags._1f1e9-1f1f2 {
      background-position: -150px -175px
  }

  .emojione-24-flags._1f1e9-1f1f4 {
      background-position: -175px -175px
  }

  .emojione-24-flags._1f1e9-1f1ff {
      background-position: -200px 0
  }

  .emojione-24-flags._1f1ea-1f1e6 {
      background-position: -200px -25px
  }

  .emojione-24-flags._1f1ea-1f1e8 {
      background-position: -200px -50px
  }

  .emojione-24-flags._1f1ea-1f1ea {
      background-position: -200px -75px
  }

  .emojione-24-flags._1f1ea-1f1ec {
      background-position: -200px -100px
  }

  .emojione-24-flags._1f1ea-1f1ed {
      background-position: -200px -125px
  }

  .emojione-24-flags._1f1ea-1f1f7 {
      background-position: -200px -150px
  }

  .emojione-24-flags._1f1ea-1f1f8 {
      background-position: -200px -175px
  }

  .emojione-24-flags._1f1ea-1f1f9 {
      background-position: 0 -200px
  }

  .emojione-24-flags._1f1ea-1f1fa {
      background-position: -25px -200px
  }

  .emojione-24-flags._1f1eb-1f1ee {
      background-position: -50px -200px
  }

  .emojione-24-flags._1f1eb-1f1ef {
      background-position: -75px -200px
  }

  .emojione-24-flags._1f1eb-1f1f0 {
      background-position: -100px -200px
  }

  .emojione-24-flags._1f1eb-1f1f2 {
      background-position: -125px -200px
  }

  .emojione-24-flags._1f1eb-1f1f4 {
      background-position: -150px -200px
  }

  .emojione-24-flags._1f1eb-1f1f7 {
      background-position: -175px -200px
  }

  .emojione-24-flags._1f1ec-1f1e6 {
      background-position: -200px -200px
  }

  .emojione-24-flags._1f1ec-1f1e7 {
      background-position: -225px 0
  }

  .emojione-24-flags._1f1ec-1f1e9 {
      background-position: -225px -25px
  }

  .emojione-24-flags._1f1ec-1f1ea {
      background-position: -225px -50px
  }

  .emojione-24-flags._1f1ec-1f1eb {
      background-position: -225px -75px
  }

  .emojione-24-flags._1f1ec-1f1ec {
      background-position: -225px -100px
  }

  .emojione-24-flags._1f1ec-1f1ed {
      background-position: -225px -125px
  }

  .emojione-24-flags._1f1ec-1f1ee {
      background-position: -225px -150px
  }

  .emojione-24-flags._1f1ec-1f1f1 {
      background-position: -225px -175px
  }

  .emojione-24-flags._1f1ec-1f1f2 {
      background-position: -225px -200px
  }

  .emojione-24-flags._1f1ec-1f1f3 {
      background-position: 0 -225px
  }

  .emojione-24-flags._1f1ec-1f1f5 {
      background-position: -25px -225px
  }

  .emojione-24-flags._1f1ec-1f1f6 {
      background-position: -50px -225px
  }

  .emojione-24-flags._1f1ec-1f1f7 {
      background-position: -75px -225px
  }

  .emojione-24-flags._1f1ec-1f1f8 {
      background-position: -100px -225px
  }

  .emojione-24-flags._1f1ec-1f1f9 {
      background-position: -125px -225px
  }

  .emojione-24-flags._1f1ec-1f1fa {
      background-position: -150px -225px
  }

  .emojione-24-flags._1f1ec-1f1fc {
      background-position: -175px -225px
  }

  .emojione-24-flags._1f1ec-1f1fe {
      background-position: -200px -225px
  }

  .emojione-24-flags._1f1ed-1f1f0 {
      background-position: -225px -225px
  }

  .emojione-24-flags._1f1ed-1f1f2 {
      background-position: -250px 0
  }

  .emojione-24-flags._1f1ed-1f1f3 {
      background-position: -250px -25px
  }

  .emojione-24-flags._1f1ed-1f1f7 {
      background-position: -250px -50px
  }

  .emojione-24-flags._1f1ed-1f1f9 {
      background-position: -250px -75px
  }

  .emojione-24-flags._1f1ed-1f1fa {
      background-position: -250px -100px
  }

  .emojione-24-flags._1f1ee-1f1e8 {
      background-position: -250px -125px
  }

  .emojione-24-flags._1f1ee-1f1e9 {
      background-position: -250px -150px
  }

  .emojione-24-flags._1f1ee-1f1ea {
      background-position: -250px -175px
  }

  .emojione-24-flags._1f1ee-1f1f1 {
      background-position: -250px -200px
  }

  .emojione-24-flags._1f1ee-1f1f2 {
      background-position: -250px -225px
  }

  .emojione-24-flags._1f1ee-1f1f3 {
      background-position: 0 -250px
  }

  .emojione-24-flags._1f1ee-1f1f4 {
      background-position: -25px -250px
  }

  .emojione-24-flags._1f1ee-1f1f6 {
      background-position: -50px -250px
  }

  .emojione-24-flags._1f1ee-1f1f7 {
      background-position: -75px -250px
  }

  .emojione-24-flags._1f1ee-1f1f8 {
      background-position: -100px -250px
  }

  .emojione-24-flags._1f1ee-1f1f9 {
      background-position: -125px -250px
  }

  .emojione-24-flags._1f1ef-1f1ea {
      background-position: -150px -250px
  }

  .emojione-24-flags._1f1ef-1f1f2 {
      background-position: -175px -250px
  }

  .emojione-24-flags._1f1ef-1f1f4 {
      background-position: -200px -250px
  }

  .emojione-24-flags._1f1ef-1f1f5 {
      background-position: -225px -250px
  }

  .emojione-24-flags._1f1f0-1f1ea {
      background-position: -250px -250px
  }

  .emojione-24-flags._1f1f0-1f1ec {
      background-position: -275px 0
  }

  .emojione-24-flags._1f1f0-1f1ed {
      background-position: -275px -25px
  }

  .emojione-24-flags._1f1f0-1f1ee {
      background-position: -275px -50px
  }

  .emojione-24-flags._1f1f0-1f1f2 {
      background-position: -275px -75px
  }

  .emojione-24-flags._1f1f0-1f1f3 {
      background-position: -275px -100px
  }

  .emojione-24-flags._1f1f0-1f1f5 {
      background-position: -275px -125px
  }

  .emojione-24-flags._1f1f0-1f1f7 {
      background-position: -275px -150px
  }

  .emojione-24-flags._1f1f0-1f1fc {
      background-position: -275px -175px
  }

  .emojione-24-flags._1f1f0-1f1fe {
      background-position: -275px -200px
  }

  .emojione-24-flags._1f1f0-1f1ff {
      background-position: -275px -225px
  }

  .emojione-24-flags._1f1f1-1f1e6 {
      background-position: -275px -250px
  }

  .emojione-24-flags._1f1f1-1f1e7 {
      background-position: 0 -275px
  }

  .emojione-24-flags._1f1f1-1f1e8 {
      background-position: 0 0
  }

  .emojione-24-flags._1f1f1-1f1ee {
      background-position: -50px -275px
  }

  .emojione-24-flags._1f1f1-1f1f0 {
      background-position: -75px -275px
  }

  .emojione-24-flags._1f1f1-1f1f7 {
      background-position: -100px -275px
  }

  .emojione-24-flags._1f1f1-1f1f8 {
      background-position: -125px -275px
  }

  .emojione-24-flags._1f1f1-1f1f9 {
      background-position: -150px -275px
  }

  .emojione-24-flags._1f1f1-1f1fa {
      background-position: -175px -275px
  }

  .emojione-24-flags._1f1f1-1f1fb {
      background-position: -200px -275px
  }

  .emojione-24-flags._1f1f1-1f1fe {
      background-position: -225px -275px
  }

  .emojione-24-flags._1f1f2-1f1e6 {
      background-position: -250px -275px
  }

  .emojione-24-flags._1f1f2-1f1e8 {
      background-position: -275px -275px
  }

  .emojione-24-flags._1f1f2-1f1e9 {
      background-position: -300px 0
  }

  .emojione-24-flags._1f1f2-1f1ea {
      background-position: -300px -25px
  }

  .emojione-24-flags._1f1f2-1f1eb {
      background-position: -300px -50px
  }

  .emojione-24-flags._1f1f2-1f1ec {
      background-position: -300px -75px
  }

  .emojione-24-flags._1f1f2-1f1ed {
      background-position: -300px -100px
  }

  .emojione-24-flags._1f1f2-1f1f0 {
      background-position: -300px -125px
  }

  .emojione-24-flags._1f1f2-1f1f1 {
      background-position: -300px -150px
  }

  .emojione-24-flags._1f1f2-1f1f2 {
      background-position: -300px -175px
  }

  .emojione-24-flags._1f1f2-1f1f3 {
      background-position: -300px -200px
  }

  .emojione-24-flags._1f1f2-1f1f4 {
      background-position: -300px -225px
  }

  .emojione-24-flags._1f1f2-1f1f5 {
      background-position: -300px -250px
  }

  .emojione-24-flags._1f1f2-1f1f6 {
      background-position: -300px -275px
  }

  .emojione-24-flags._1f1f2-1f1f7 {
      background-position: 0 -300px
  }

  .emojione-24-flags._1f1f2-1f1f8 {
      background-position: -25px -300px
  }

  .emojione-24-flags._1f1f2-1f1f9 {
      background-position: -50px -300px
  }

  .emojione-24-flags._1f1f2-1f1fa {
      background-position: -75px -300px
  }

  .emojione-24-flags._1f1f2-1f1fb {
      background-position: -100px -300px
  }

  .emojione-24-flags._1f1f2-1f1fc {
      background-position: -125px -300px
  }

  .emojione-24-flags._1f1f2-1f1fd {
      background-position: -150px -300px
  }

  .emojione-24-flags._1f1f2-1f1fe {
      background-position: -175px -300px
  }

  .emojione-24-flags._1f1f2-1f1ff {
      background-position: -200px -300px
  }

  .emojione-24-flags._1f1f3-1f1e6 {
      background-position: -225px -300px
  }

  .emojione-24-flags._1f1f3-1f1e8 {
      background-position: -250px -300px
  }

  .emojione-24-flags._1f1f3-1f1ea {
      background-position: -275px -300px
  }

  .emojione-24-flags._1f1f3-1f1eb {
      background-position: -300px -300px
  }

  .emojione-24-flags._1f1f3-1f1ec {
      background-position: -325px 0
  }

  .emojione-24-flags._1f1f3-1f1ee {
      background-position: -325px -25px
  }

  .emojione-24-flags._1f1f3-1f1f1 {
      background-position: -325px -50px
  }

  .emojione-24-flags._1f1f3-1f1f4 {
      background-position: -325px -75px
  }

  .emojione-24-flags._1f1f3-1f1f5 {
      background-position: -325px -100px
  }

  .emojione-24-flags._1f1f3-1f1f7 {
      background-position: -325px -125px
  }

  .emojione-24-flags._1f1f3-1f1fa {
      background-position: -325px -150px
  }

  .emojione-24-flags._1f1f3-1f1ff {
      background-position: -325px -175px
  }

  .emojione-24-flags._1f1f4-1f1f2 {
      background-position: -325px -200px
  }

  .emojione-24-flags._1f1f5-1f1e6 {
      background-position: -325px -225px
  }

  .emojione-24-flags._1f1f5-1f1ea {
      background-position: -325px -250px
  }

  .emojione-24-flags._1f1f5-1f1eb {
      background-position: -325px -275px
  }

  .emojione-24-flags._1f1f5-1f1ec {
      background-position: -325px -300px
  }

  .emojione-24-flags._1f1f5-1f1ed {
      background-position: 0 -325px
  }

  .emojione-24-flags._1f1f5-1f1f0 {
      background-position: -25px -325px
  }

  .emojione-24-flags._1f1f5-1f1f1 {
      background-position: -50px -325px
  }

  .emojione-24-flags._1f1f5-1f1f2 {
      background-position: -75px -325px
  }

  .emojione-24-flags._1f1f5-1f1f3 {
      background-position: -100px -325px
  }

  .emojione-24-flags._1f1f5-1f1f7 {
      background-position: -125px -325px
  }

  .emojione-24-flags._1f1f5-1f1f8 {
      background-position: -150px -325px
  }

  .emojione-24-flags._1f1f5-1f1f9 {
      background-position: -175px -325px
  }

  .emojione-24-flags._1f1f5-1f1fc {
      background-position: -200px -325px
  }

  .emojione-24-flags._1f1f5-1f1fe {
      background-position: -225px -325px
  }

  .emojione-24-flags._1f1f6-1f1e6 {
      background-position: -250px -325px
  }

  .emojione-24-flags._1f1f7-1f1ea {
      background-position: -275px -325px
  }

  .emojione-24-flags._1f1f7-1f1f4 {
      background-position: -300px -325px
  }

  .emojione-24-flags._1f1f7-1f1f8 {
      background-position: -325px -325px
  }

  .emojione-24-flags._1f1f7-1f1fa {
      background-position: -350px 0
  }

  .emojione-24-flags._1f1f7-1f1fc {
      background-position: -350px -25px
  }

  .emojione-24-flags._1f1f8-1f1e6 {
      background-position: -350px -50px
  }

  .emojione-24-flags._1f1f8-1f1e7 {
      background-position: -350px -75px
  }

  .emojione-24-flags._1f1f8-1f1e8 {
      background-position: -350px -100px
  }

  .emojione-24-flags._1f1f8-1f1e9 {
      background-position: -350px -125px
  }

  .emojione-24-flags._1f1f8-1f1ea {
      background-position: -350px -150px
  }

  .emojione-24-flags._1f1f8-1f1ec {
      background-position: -350px -175px
  }

  .emojione-24-flags._1f1f8-1f1ed {
      background-position: -350px -200px
  }

  .emojione-24-flags._1f1f8-1f1ee {
      background-position: -350px -225px
  }

  .emojione-24-flags._1f1f8-1f1ef {
      background-position: -350px -250px
  }

  .emojione-24-flags._1f1f8-1f1f0 {
      background-position: -350px -275px
  }

  .emojione-24-flags._1f1f8-1f1f1 {
      background-position: -350px -300px
  }

  .emojione-24-flags._1f1f8-1f1f2 {
      background-position: -350px -325px
  }

  .emojione-24-flags._1f1f8-1f1f3 {
      background-position: 0 -350px
  }

  .emojione-24-flags._1f1f8-1f1f4 {
      background-position: -25px -350px
  }

  .emojione-24-flags._1f1f8-1f1f7 {
      background-position: -50px -350px
  }

  .emojione-24-flags._1f1f8-1f1f8 {
      background-position: -75px -350px
  }

  .emojione-24-flags._1f1f8-1f1f9 {
      background-position: -100px -350px
  }

  .emojione-24-flags._1f1f8-1f1fb {
      background-position: -125px -350px
  }

  .emojione-24-flags._1f1f8-1f1fd {
      background-position: -150px -350px
  }

  .emojione-24-flags._1f1f8-1f1fe {
      background-position: -175px -350px
  }

  .emojione-24-flags._1f1f8-1f1ff {
      background-position: -200px -350px
  }

  .emojione-24-flags._1f1f9-1f1e6 {
      background-position: -225px -350px
  }

  .emojione-24-flags._1f1f9-1f1e8 {
      background-position: -250px -350px
  }

  .emojione-24-flags._1f1f9-1f1e9 {
      background-position: -275px -350px
  }

  .emojione-24-flags._1f1f9-1f1eb {
      background-position: -300px -350px
  }

  .emojione-24-flags._1f1f9-1f1ec {
      background-position: -325px -350px
  }

  .emojione-24-flags._1f1f9-1f1ed {
      background-position: -350px -350px
  }

  .emojione-24-flags._1f1f9-1f1ef {
      background-position: -375px 0
  }

  .emojione-24-flags._1f1f9-1f1f0 {
      background-position: -375px -25px
  }

  .emojione-24-flags._1f1f9-1f1f1 {
      background-position: -375px -50px
  }

  .emojione-24-flags._1f1f9-1f1f2 {
      background-position: -375px -75px
  }

  .emojione-24-flags._1f1f9-1f1f3 {
      background-position: -375px -100px
  }

  .emojione-24-flags._1f1f9-1f1f4 {
      background-position: -375px -125px
  }

  .emojione-24-flags._1f1f9-1f1f7 {
      background-position: -375px -150px
  }

  .emojione-24-flags._1f1f9-1f1f9 {
      background-position: -375px -175px
  }

  .emojione-24-flags._1f1f9-1f1fb {
      background-position: -375px -200px
  }

  .emojione-24-flags._1f1f9-1f1fc {
      background-position: -375px -225px
  }

  .emojione-24-flags._1f1f9-1f1ff {
      background-position: -375px -250px
  }

  .emojione-24-flags._1f1fa-1f1e6 {
      background-position: -375px -275px
  }

  .emojione-24-flags._1f1fa-1f1ec {
      background-position: -375px -300px
  }

  .emojione-24-flags._1f1fa-1f1f2 {
      background-position: -375px -325px
  }

  .emojione-24-flags._1f1fa-1f1f3 {
      background-position: -375px -350px
  }

  .emojione-24-flags._1f1fa-1f1f8 {
      background-position: 0 -375px
  }

  .emojione-24-flags._1f1fa-1f1fe {
      background-position: -25px -375px
  }

  .emojione-24-flags._1f1fa-1f1ff {
      background-position: -50px -375px
  }

  .emojione-24-flags._1f1fb-1f1e6 {
      background-position: -75px -375px
  }

  .emojione-24-flags._1f1fb-1f1e8 {
      background-position: -100px -375px
  }

  .emojione-24-flags._1f1fb-1f1ea {
      background-position: -125px -375px
  }

  .emojione-24-flags._1f1fb-1f1ec {
      background-position: -150px -375px
  }

  .emojione-24-flags._1f1fb-1f1ee {
      background-position: -175px -375px
  }

  .emojione-24-flags._1f1fb-1f1f3 {
      background-position: -200px -375px
  }

  .emojione-24-flags._1f1fb-1f1fa {
      background-position: -225px -375px
  }

  .emojione-24-flags._1f1fc-1f1eb {
      background-position: -250px -375px
  }

  .emojione-24-flags._1f1fc-1f1f8 {
      background-position: -275px -375px
  }

  .emojione-24-flags._1f1fd-1f1f0 {
      background-position: -300px -375px
  }

  .emojione-24-flags._1f1fe-1f1ea {
      background-position: -325px -375px
  }

  .emojione-24-flags._1f1fe-1f1f9 {
      background-position: -350px -375px
  }

  .emojione-24-flags._1f1ff-1f1e6 {
      background-position: -375px -375px
  }

  .emojione-24-flags._1f1ff-1f1f2 {
      background-position: -400px 0
  }

  .emojione-24-flags._1f1ff-1f1fc {
      background-position: -400px -25px
  }

  .emojione-24-flags._1f38c {
      background-position: -400px -50px
  }

  .emojione-24-flags._1f3c1 {
      background-position: -400px -75px
  }

  .emojione-24-flags._1f3f3-1f308 {
      background-position: -400px -100px
  }

  .emojione-24-flags._1f3f3 {
      background-position: -400px -125px
  }

  .emojione-24-flags._1f3f4-e0067-e0062-e0065-e006e-e0067-e007f {
      background-position: -400px -150px
  }

  .emojione-24-flags._1f3f4-e0067-e0062-e0073-e0063-e0074-e007f {
      background-position: -400px -175px
  }

  .emojione-24-flags._1f3f4-e0067-e0062-e0077-e006c-e0073-e007f {
      background-position: -400px -200px
  }

  .emojione-24-flags._1f3f4 {
      background-position: -400px -225px
  }

  .emojione-24-flags._1f6a9 {
      background-position: -400px -250px
  }

.emojione-24-regional {
  position: relative;
  background-size: 149px 124px
}

  .emojione-24-regional._1f1e6 {
      background-position: -25px 0
  }

  .emojione-24-regional._1f1e7 {
      background-position: -25px -75px
  }

  .emojione-24-regional._1f1e8 {
      background-position: 0 -25px
  }

  .emojione-24-regional._1f1e9 {
      background-position: -25px -25px
  }

  .emojione-24-regional._1f1ea {
      background-position: -50px 0
  }

  .emojione-24-regional._1f1eb {
      background-position: -50px -25px
  }

  .emojione-24-regional._1f1ec {
      background-position: 0 -50px
  }

  .emojione-24-regional._1f1ed {
      background-position: -25px -50px
  }

  .emojione-24-regional._1f1ee {
      background-position: -50px -50px
  }

  .emojione-24-regional._1f1ef {
      background-position: -75px 0
  }

  .emojione-24-regional._1f1f0 {
      background-position: -75px -25px
  }

  .emojione-24-regional._1f1f1 {
      background-position: -75px -50px
  }

  .emojione-24-regional._1f1f2 {
      background-position: 0 -75px
  }

  .emojione-24-regional._1f1f3 {
      background-position: 0 0
  }

  .emojione-24-regional._1f1f4 {
      background-position: -50px -75px
  }

  .emojione-24-regional._1f1f5 {
      background-position: -75px -75px
  }

  .emojione-24-regional._1f1f6 {
      background-position: -100px 0
  }

  .emojione-24-regional._1f1f7 {
      background-position: -100px -25px
  }

  .emojione-24-regional._1f1f8 {
      background-position: -100px -50px
  }

  .emojione-24-regional._1f1f9 {
      background-position: -100px -75px
  }

  .emojione-24-regional._1f1fa {
      background-position: 0 -100px
  }

  .emojione-24-regional._1f1fb {
      background-position: -25px -100px
  }

  .emojione-24-regional._1f1fc {
      background-position: -50px -100px
  }

  .emojione-24-regional._1f1fd {
      background-position: -75px -100px
  }

  .emojione-24-regional._1f1fe {
      background-position: -100px -100px
  }

  .emojione-24-regional._1f1ff {
      background-position: -125px 0
  }

.emojione-24-diversity {
  position: relative;
  background-size: 824px 824px
}

.collab-search-bar-icon, svg.collab-search-cancel {
  top: 50%;
  transform: translateY(-50%);
  position: relative
}

.emojione-24-diversity._1f385-1f3fb {
  background-position: -25px 0
}

.emojione-24-diversity._1f385-1f3fc {
  background-position: -625px -75px
}

.emojione-24-diversity._1f385-1f3fd {
  background-position: 0 -25px
}

.emojione-24-diversity._1f385-1f3fe {
  background-position: -25px -25px
}

.emojione-24-diversity._1f385-1f3ff {
  background-position: -50px 0
}

.emojione-24-diversity._1f3c2-1f3fb {
  background-position: -50px -25px
}

.emojione-24-diversity._1f3c2-1f3fc {
  background-position: 0 -50px
}

.emojione-24-diversity._1f3c2-1f3fd {
  background-position: -25px -50px
}

.emojione-24-diversity._1f3c2-1f3fe {
  background-position: -50px -50px
}

.emojione-24-diversity._1f3c2-1f3ff {
  background-position: -75px 0
}

.emojione-24-diversity._1f3c3-1f3fb-2640 {
  background-position: -75px -25px
}

.emojione-24-diversity._1f3c3-1f3fb-2642 {
  background-position: -75px -50px
}

.emojione-24-diversity._1f3c3-1f3fb {
  background-position: 0 -75px
}

.emojione-24-diversity._1f3c3-1f3fc-2640 {
  background-position: -25px -75px
}

.emojione-24-diversity._1f3c3-1f3fc-2642 {
  background-position: -50px -75px
}

.emojione-24-diversity._1f3c3-1f3fc {
  background-position: -75px -75px
}

.emojione-24-diversity._1f3c3-1f3fd-2640 {
  background-position: -100px 0
}

.emojione-24-diversity._1f3c3-1f3fd-2642 {
  background-position: -100px -25px
}

.emojione-24-diversity._1f3c3-1f3fd {
  background-position: -100px -50px
}

.emojione-24-diversity._1f3c3-1f3fe-2640 {
  background-position: -100px -75px
}

.emojione-24-diversity._1f3c3-1f3fe-2642 {
  background-position: 0 -100px
}

.emojione-24-diversity._1f3c3-1f3fe {
  background-position: -25px -100px
}

.emojione-24-diversity._1f3c3-1f3ff-2640 {
  background-position: -50px -100px
}

.emojione-24-diversity._1f3c3-1f3ff-2642 {
  background-position: -75px -100px
}

.emojione-24-diversity._1f3c3-1f3ff {
  background-position: -100px -100px
}

.emojione-24-diversity._1f3c4-1f3fb-2640 {
  background-position: -125px 0
}

.emojione-24-diversity._1f3c4-1f3fb-2642 {
  background-position: -125px -25px
}

.emojione-24-diversity._1f3c4-1f3fb {
  background-position: -125px -50px
}

.emojione-24-diversity._1f3c4-1f3fc-2640 {
  background-position: -125px -75px
}

.emojione-24-diversity._1f3c4-1f3fc-2642 {
  background-position: -125px -100px
}

.emojione-24-diversity._1f3c4-1f3fc {
  background-position: 0 -125px
}

.emojione-24-diversity._1f3c4-1f3fd-2640 {
  background-position: -25px -125px
}

.emojione-24-diversity._1f3c4-1f3fd-2642 {
  background-position: -50px -125px
}

.emojione-24-diversity._1f3c4-1f3fd {
  background-position: -75px -125px
}

.emojione-24-diversity._1f3c4-1f3fe-2640 {
  background-position: -100px -125px
}

.emojione-24-diversity._1f3c4-1f3fe-2642 {
  background-position: -125px -125px
}

.emojione-24-diversity._1f3c4-1f3fe {
  background-position: -150px 0
}

.emojione-24-diversity._1f3c4-1f3ff-2640 {
  background-position: -150px -25px
}

.emojione-24-diversity._1f3c4-1f3ff-2642 {
  background-position: -150px -50px
}

.emojione-24-diversity._1f3c4-1f3ff {
  background-position: -150px -75px
}

.emojione-24-diversity._1f3c7-1f3fb {
  background-position: -150px -100px
}

.emojione-24-diversity._1f3c7-1f3fc {
  background-position: -150px -125px
}

.emojione-24-diversity._1f3c7-1f3fd {
  background-position: 0 -150px
}

.emojione-24-diversity._1f3c7-1f3fe {
  background-position: -25px -150px
}

.emojione-24-diversity._1f3c7-1f3ff {
  background-position: -50px -150px
}

.emojione-24-diversity._1f3ca-1f3fb-2640 {
  background-position: -75px -150px
}

.emojione-24-diversity._1f3ca-1f3fb-2642 {
  background-position: -100px -150px
}

.emojione-24-diversity._1f3ca-1f3fb {
  background-position: -125px -150px
}

.emojione-24-diversity._1f3ca-1f3fc-2640 {
  background-position: -150px -150px
}

.emojione-24-diversity._1f3ca-1f3fc-2642 {
  background-position: -175px 0
}

.emojione-24-diversity._1f3ca-1f3fc {
  background-position: -175px -25px
}

.emojione-24-diversity._1f3ca-1f3fd-2640 {
  background-position: -175px -50px
}

.emojione-24-diversity._1f3ca-1f3fd-2642 {
  background-position: -175px -75px
}

.emojione-24-diversity._1f3ca-1f3fd {
  background-position: -175px -100px
}

.emojione-24-diversity._1f3ca-1f3fe-2640 {
  background-position: -175px -125px
}

.emojione-24-diversity._1f3ca-1f3fe-2642 {
  background-position: -175px -150px
}

.emojione-24-diversity._1f3ca-1f3fe {
  background-position: 0 -175px
}

.emojione-24-diversity._1f3ca-1f3ff-2640 {
  background-position: -25px -175px
}

.emojione-24-diversity._1f3ca-1f3ff-2642 {
  background-position: -50px -175px
}

.emojione-24-diversity._1f3ca-1f3ff {
  background-position: -75px -175px
}

.emojione-24-diversity._1f3cb-1f3fb-2640 {
  background-position: -100px -175px
}

.emojione-24-diversity._1f3cb-1f3fb-2642 {
  background-position: -125px -175px
}

.emojione-24-diversity._1f3cb-1f3fb {
  background-position: -150px -175px
}

.emojione-24-diversity._1f3cb-1f3fc-2640 {
  background-position: -175px -175px
}

.emojione-24-diversity._1f3cb-1f3fc-2642 {
  background-position: -200px 0
}

.emojione-24-diversity._1f3cb-1f3fc {
  background-position: -200px -25px
}

.emojione-24-diversity._1f3cb-1f3fd-2640 {
  background-position: -200px -50px
}

.emojione-24-diversity._1f3cb-1f3fd-2642 {
  background-position: -200px -75px
}

.emojione-24-diversity._1f3cb-1f3fd {
  background-position: -200px -100px
}

.emojione-24-diversity._1f3cb-1f3fe-2640 {
  background-position: -200px -125px
}

.emojione-24-diversity._1f3cb-1f3fe-2642 {
  background-position: -200px -150px
}

.emojione-24-diversity._1f3cb-1f3fe {
  background-position: -200px -175px
}

.emojione-24-diversity._1f3cb-1f3ff-2640 {
  background-position: 0 -200px
}

.emojione-24-diversity._1f3cb-1f3ff-2642 {
  background-position: -25px -200px
}

.emojione-24-diversity._1f3cb-1f3ff {
  background-position: -50px -200px
}

.emojione-24-diversity._1f3cc-1f3fb-2640 {
  background-position: -75px -200px
}

.emojione-24-diversity._1f3cc-1f3fb-2642 {
  background-position: -100px -200px
}

.emojione-24-diversity._1f3cc-1f3fb {
  background-position: -125px -200px
}

.emojione-24-diversity._1f3cc-1f3fc-2640 {
  background-position: -150px -200px
}

.emojione-24-diversity._1f3cc-1f3fc-2642 {
  background-position: -175px -200px
}

.emojione-24-diversity._1f3cc-1f3fc {
  background-position: -200px -200px
}

.emojione-24-diversity._1f3cc-1f3fd-2640 {
  background-position: -225px 0
}

.emojione-24-diversity._1f3cc-1f3fd-2642 {
  background-position: -225px -25px
}

.emojione-24-diversity._1f3cc-1f3fd {
  background-position: -225px -50px
}

.emojione-24-diversity._1f3cc-1f3fe-2640 {
  background-position: -225px -75px
}

.emojione-24-diversity._1f3cc-1f3fe-2642 {
  background-position: -225px -100px
}

.emojione-24-diversity._1f3cc-1f3fe {
  background-position: -225px -125px
}

.emojione-24-diversity._1f3cc-1f3ff-2640 {
  background-position: -225px -150px
}

.emojione-24-diversity._1f3cc-1f3ff-2642 {
  background-position: -225px -175px
}

.emojione-24-diversity._1f3cc-1f3ff {
  background-position: -225px -200px
}

.emojione-24-diversity._1f3fb {
  background-position: 0 -225px
}

.emojione-24-diversity._1f3fc {
  background-position: -25px -225px
}

.emojione-24-diversity._1f3fd {
  background-position: -50px -225px
}

.emojione-24-diversity._1f3fe {
  background-position: -75px -225px
}

.emojione-24-diversity._1f3ff {
  background-position: -100px -225px
}

.emojione-24-diversity._1f442-1f3fb {
  background-position: -125px -225px
}

.emojione-24-diversity._1f442-1f3fc {
  background-position: -150px -225px
}

.emojione-24-diversity._1f442-1f3fd {
  background-position: -175px -225px
}

.emojione-24-diversity._1f442-1f3fe {
  background-position: -200px -225px
}

.emojione-24-diversity._1f442-1f3ff {
  background-position: -225px -225px
}

.emojione-24-diversity._1f443-1f3fb {
  background-position: -250px 0
}

.emojione-24-diversity._1f443-1f3fc {
  background-position: -250px -25px
}

.emojione-24-diversity._1f443-1f3fd {
  background-position: -250px -50px
}

.emojione-24-diversity._1f443-1f3fe {
  background-position: -250px -75px
}

.emojione-24-diversity._1f443-1f3ff {
  background-position: -250px -100px
}

.emojione-24-diversity._1f446-1f3fb {
  background-position: -250px -125px
}

.emojione-24-diversity._1f446-1f3fc {
  background-position: -250px -150px
}

.emojione-24-diversity._1f446-1f3fd {
  background-position: -250px -175px
}

.emojione-24-diversity._1f446-1f3fe {
  background-position: -250px -200px
}

.emojione-24-diversity._1f446-1f3ff {
  background-position: -250px -225px
}

.emojione-24-diversity._1f447-1f3fb {
  background-position: 0 -250px
}

.emojione-24-diversity._1f447-1f3fc {
  background-position: -25px -250px
}

.emojione-24-diversity._1f447-1f3fd {
  background-position: -50px -250px
}

.emojione-24-diversity._1f447-1f3fe {
  background-position: -75px -250px
}

.emojione-24-diversity._1f447-1f3ff {
  background-position: -100px -250px
}

.emojione-24-diversity._1f448-1f3fb {
  background-position: -125px -250px
}

.emojione-24-diversity._1f448-1f3fc {
  background-position: -150px -250px
}

.emojione-24-diversity._1f448-1f3fd {
  background-position: -175px -250px
}

.emojione-24-diversity._1f448-1f3fe {
  background-position: -200px -250px
}

.emojione-24-diversity._1f448-1f3ff {
  background-position: -225px -250px
}

.emojione-24-diversity._1f449-1f3fb {
  background-position: -250px -250px
}

.emojione-24-diversity._1f449-1f3fc {
  background-position: -275px 0
}

.emojione-24-diversity._1f449-1f3fd {
  background-position: -275px -25px
}

.emojione-24-diversity._1f449-1f3fe {
  background-position: -275px -50px
}

.emojione-24-diversity._1f449-1f3ff {
  background-position: -275px -75px
}

.emojione-24-diversity._1f44a-1f3fb {
  background-position: -275px -100px
}

.emojione-24-diversity._1f44a-1f3fc {
  background-position: -275px -125px
}

.emojione-24-diversity._1f44a-1f3fd {
  background-position: -275px -150px
}

.emojione-24-diversity._1f44a-1f3fe {
  background-position: -275px -175px
}

.emojione-24-diversity._1f44a-1f3ff {
  background-position: -275px -200px
}

.emojione-24-diversity._1f44b-1f3fb {
  background-position: -275px -225px
}

.emojione-24-diversity._1f44b-1f3fc {
  background-position: -275px -250px
}

.emojione-24-diversity._1f44b-1f3fd {
  background-position: 0 -275px
}

.emojione-24-diversity._1f44b-1f3fe {
  background-position: -25px -275px
}

.emojione-24-diversity._1f44b-1f3ff {
  background-position: -50px -275px
}

.emojione-24-diversity._1f44c-1f3fb {
  background-position: -75px -275px
}

.emojione-24-diversity._1f44c-1f3fc {
  background-position: -100px -275px
}

.emojione-24-diversity._1f44c-1f3fd {
  background-position: -125px -275px
}

.emojione-24-diversity._1f44c-1f3fe {
  background-position: -150px -275px
}

.emojione-24-diversity._1f44c-1f3ff {
  background-position: -175px -275px
}

.emojione-24-diversity._1f44d-1f3fb {
  background-position: -200px -275px
}

.emojione-24-diversity._1f44d-1f3fc {
  background-position: -225px -275px
}

.emojione-24-diversity._1f44d-1f3fd {
  background-position: -250px -275px
}

.emojione-24-diversity._1f44d-1f3fe {
  background-position: -275px -275px
}

.emojione-24-diversity._1f44d-1f3ff {
  background-position: -300px 0
}

.emojione-24-diversity._1f44e-1f3fb {
  background-position: -300px -25px
}

.emojione-24-diversity._1f44e-1f3fc {
  background-position: -300px -50px
}

.emojione-24-diversity._1f44e-1f3fd {
  background-position: -300px -75px
}

.emojione-24-diversity._1f44e-1f3fe {
  background-position: -300px -100px
}

.emojione-24-diversity._1f44e-1f3ff {
  background-position: -300px -125px
}

.emojione-24-diversity._1f44f-1f3fb {
  background-position: -300px -150px
}

.emojione-24-diversity._1f44f-1f3fc {
  background-position: -300px -175px
}

.emojione-24-diversity._1f44f-1f3fd {
  background-position: -300px -200px
}

.emojione-24-diversity._1f44f-1f3fe {
  background-position: -300px -225px
}

.emojione-24-diversity._1f44f-1f3ff {
  background-position: -300px -250px
}

.emojione-24-diversity._1f450-1f3fb {
  background-position: -300px -275px
}

.emojione-24-diversity._1f450-1f3fc {
  background-position: 0 -300px
}

.emojione-24-diversity._1f450-1f3fd {
  background-position: -25px -300px
}

.emojione-24-diversity._1f450-1f3fe {
  background-position: -50px -300px
}

.emojione-24-diversity._1f450-1f3ff {
  background-position: -75px -300px
}

.emojione-24-diversity._1f466-1f3fb {
  background-position: -100px -300px
}

.emojione-24-diversity._1f466-1f3fc {
  background-position: -125px -300px
}

.emojione-24-diversity._1f466-1f3fd {
  background-position: -150px -300px
}

.emojione-24-diversity._1f466-1f3fe {
  background-position: -175px -300px
}

.emojione-24-diversity._1f466-1f3ff {
  background-position: -200px -300px
}

.emojione-24-diversity._1f467-1f3fb {
  background-position: -225px -300px
}

.emojione-24-diversity._1f467-1f3fc {
  background-position: -250px -300px
}

.emojione-24-diversity._1f467-1f3fd {
  background-position: -275px -300px
}

.emojione-24-diversity._1f467-1f3fe {
  background-position: -300px -300px
}

.emojione-24-diversity._1f467-1f3ff {
  background-position: -325px 0
}

.emojione-24-diversity._1f468-1f3fb-1f33e {
  background-position: -325px -25px
}

.emojione-24-diversity._1f468-1f3fb-1f373 {
  background-position: -325px -50px
}

.emojione-24-diversity._1f468-1f3fb-1f393 {
  background-position: -325px -75px
}

.emojione-24-diversity._1f468-1f3fb-1f3a4 {
  background-position: -325px -100px
}

.emojione-24-diversity._1f468-1f3fb-1f3a8 {
  background-position: -325px -125px
}

.emojione-24-diversity._1f468-1f3fb-1f3eb {
  background-position: -325px -150px
}

.emojione-24-diversity._1f468-1f3fb-1f3ed {
  background-position: -325px -175px
}

.emojione-24-diversity._1f468-1f3fb-1f4bb {
  background-position: -325px -200px
}

.emojione-24-diversity._1f468-1f3fb-1f4bc {
  background-position: -325px -225px
}

.emojione-24-diversity._1f468-1f3fb-1f527 {
  background-position: -325px -250px
}

.emojione-24-diversity._1f468-1f3fb-1f52c {
  background-position: -325px -275px
}

.emojione-24-diversity._1f468-1f3fb-1f680 {
  background-position: -325px -300px
}

.emojione-24-diversity._1f468-1f3fb-1f692 {
  background-position: 0 -325px
}

.emojione-24-diversity._1f468-1f3fb-2695 {
  background-position: -25px -325px
}

.emojione-24-diversity._1f468-1f3fb-2696 {
  background-position: -50px -325px
}

.emojione-24-diversity._1f468-1f3fb-2708 {
  background-position: -75px -325px
}

.emojione-24-diversity._1f468-1f3fb {
  background-position: -100px -325px
}

.emojione-24-diversity._1f468-1f3fc-1f33e {
  background-position: -125px -325px
}

.emojione-24-diversity._1f468-1f3fc-1f373 {
  background-position: -150px -325px
}

.emojione-24-diversity._1f468-1f3fc-1f393 {
  background-position: -175px -325px
}

.emojione-24-diversity._1f468-1f3fc-1f3a4 {
  background-position: -200px -325px
}

.emojione-24-diversity._1f468-1f3fc-1f3a8 {
  background-position: -225px -325px
}

.emojione-24-diversity._1f468-1f3fc-1f3eb {
  background-position: -250px -325px
}

.emojione-24-diversity._1f468-1f3fc-1f3ed {
  background-position: -275px -325px
}

.emojione-24-diversity._1f468-1f3fc-1f4bb {
  background-position: -300px -325px
}

.emojione-24-diversity._1f468-1f3fc-1f4bc {
  background-position: -325px -325px
}

.emojione-24-diversity._1f468-1f3fc-1f527 {
  background-position: -350px 0
}

.emojione-24-diversity._1f468-1f3fc-1f52c {
  background-position: -350px -25px
}

.emojione-24-diversity._1f468-1f3fc-1f680 {
  background-position: -350px -50px
}

.emojione-24-diversity._1f468-1f3fc-1f692 {
  background-position: -350px -75px
}

.emojione-24-diversity._1f468-1f3fc-2695 {
  background-position: -350px -100px
}

.emojione-24-diversity._1f468-1f3fc-2696 {
  background-position: -350px -125px
}

.emojione-24-diversity._1f468-1f3fc-2708 {
  background-position: -350px -150px
}

.emojione-24-diversity._1f468-1f3fc {
  background-position: -350px -175px
}

.emojione-24-diversity._1f468-1f3fd-1f33e {
  background-position: -350px -200px
}

.emojione-24-diversity._1f468-1f3fd-1f373 {
  background-position: -350px -225px
}

.emojione-24-diversity._1f468-1f3fd-1f393 {
  background-position: -350px -250px
}

.emojione-24-diversity._1f468-1f3fd-1f3a4 {
  background-position: -350px -275px
}

.emojione-24-diversity._1f468-1f3fd-1f3a8 {
  background-position: -350px -300px
}

.emojione-24-diversity._1f468-1f3fd-1f3eb {
  background-position: -350px -325px
}

.emojione-24-diversity._1f468-1f3fd-1f3ed {
  background-position: 0 -350px
}

.emojione-24-diversity._1f468-1f3fd-1f4bb {
  background-position: -25px -350px
}

.emojione-24-diversity._1f468-1f3fd-1f4bc {
  background-position: -50px -350px
}

.emojione-24-diversity._1f468-1f3fd-1f527 {
  background-position: -75px -350px
}

.emojione-24-diversity._1f468-1f3fd-1f52c {
  background-position: -100px -350px
}

.emojione-24-diversity._1f468-1f3fd-1f680 {
  background-position: -125px -350px
}

.emojione-24-diversity._1f468-1f3fd-1f692 {
  background-position: -150px -350px
}

.emojione-24-diversity._1f468-1f3fd-2695 {
  background-position: -175px -350px
}

.emojione-24-diversity._1f468-1f3fd-2696 {
  background-position: -200px -350px
}

.emojione-24-diversity._1f468-1f3fd-2708 {
  background-position: -225px -350px
}

.emojione-24-diversity._1f468-1f3fd {
  background-position: -250px -350px
}

.emojione-24-diversity._1f468-1f3fe-1f33e {
  background-position: -275px -350px
}

.emojione-24-diversity._1f468-1f3fe-1f373 {
  background-position: -300px -350px
}

.emojione-24-diversity._1f468-1f3fe-1f393 {
  background-position: -325px -350px
}

.emojione-24-diversity._1f468-1f3fe-1f3a4 {
  background-position: -350px -350px
}

.emojione-24-diversity._1f468-1f3fe-1f3a8 {
  background-position: -375px 0
}

.emojione-24-diversity._1f468-1f3fe-1f3eb {
  background-position: -375px -25px
}

.emojione-24-diversity._1f468-1f3fe-1f3ed {
  background-position: -375px -50px
}

.emojione-24-diversity._1f468-1f3fe-1f4bb {
  background-position: -375px -75px
}

.emojione-24-diversity._1f468-1f3fe-1f4bc {
  background-position: -375px -100px
}

.emojione-24-diversity._1f468-1f3fe-1f527 {
  background-position: -375px -125px
}

.emojione-24-diversity._1f468-1f3fe-1f52c {
  background-position: -375px -150px
}

.emojione-24-diversity._1f468-1f3fe-1f680 {
  background-position: -375px -175px
}

.emojione-24-diversity._1f468-1f3fe-1f692 {
  background-position: -375px -200px
}

.emojione-24-diversity._1f468-1f3fe-2695 {
  background-position: -375px -225px
}

.emojione-24-diversity._1f468-1f3fe-2696 {
  background-position: -375px -250px
}

.emojione-24-diversity._1f468-1f3fe-2708 {
  background-position: -375px -275px
}

.emojione-24-diversity._1f468-1f3fe {
  background-position: -375px -300px
}

.emojione-24-diversity._1f468-1f3ff-1f33e {
  background-position: -375px -325px
}

.emojione-24-diversity._1f468-1f3ff-1f373 {
  background-position: -375px -350px
}

.emojione-24-diversity._1f468-1f3ff-1f393 {
  background-position: 0 -375px
}

.emojione-24-diversity._1f468-1f3ff-1f3a4 {
  background-position: -25px -375px
}

.emojione-24-diversity._1f468-1f3ff-1f3a8 {
  background-position: -50px -375px
}

.emojione-24-diversity._1f468-1f3ff-1f3eb {
  background-position: -75px -375px
}

.emojione-24-diversity._1f468-1f3ff-1f3ed {
  background-position: -100px -375px
}

.emojione-24-diversity._1f468-1f3ff-1f4bb {
  background-position: -125px -375px
}

.emojione-24-diversity._1f468-1f3ff-1f4bc {
  background-position: -150px -375px
}

.emojione-24-diversity._1f468-1f3ff-1f527 {
  background-position: -175px -375px
}

.emojione-24-diversity._1f468-1f3ff-1f52c {
  background-position: -200px -375px
}

.emojione-24-diversity._1f468-1f3ff-1f680 {
  background-position: -225px -375px
}

.emojione-24-diversity._1f468-1f3ff-1f692 {
  background-position: -250px -375px
}

.emojione-24-diversity._1f468-1f3ff-2695 {
  background-position: -275px -375px
}

.emojione-24-diversity._1f468-1f3ff-2696 {
  background-position: -300px -375px
}

.emojione-24-diversity._1f468-1f3ff-2708 {
  background-position: -325px -375px
}

.emojione-24-diversity._1f468-1f3ff {
  background-position: -350px -375px
}

.emojione-24-diversity._1f469-1f3fb-1f33e {
  background-position: -375px -375px
}

.emojione-24-diversity._1f469-1f3fb-1f373 {
  background-position: -400px 0
}

.emojione-24-diversity._1f469-1f3fb-1f393 {
  background-position: -400px -25px
}

.emojione-24-diversity._1f469-1f3fb-1f3a4 {
  background-position: -400px -50px
}

.emojione-24-diversity._1f469-1f3fb-1f3a8 {
  background-position: -400px -75px
}

.emojione-24-diversity._1f469-1f3fb-1f3eb {
  background-position: -400px -100px
}

.emojione-24-diversity._1f469-1f3fb-1f3ed {
  background-position: -400px -125px
}

.emojione-24-diversity._1f469-1f3fb-1f4bb {
  background-position: -400px -150px
}

.emojione-24-diversity._1f469-1f3fb-1f4bc {
  background-position: -400px -175px
}

.emojione-24-diversity._1f469-1f3fb-1f527 {
  background-position: -400px -200px
}

.emojione-24-diversity._1f469-1f3fb-1f52c {
  background-position: -400px -225px
}

.emojione-24-diversity._1f469-1f3fb-1f680 {
  background-position: -400px -250px
}

.emojione-24-diversity._1f469-1f3fb-1f692 {
  background-position: -400px -275px
}

.emojione-24-diversity._1f469-1f3fb-2695 {
  background-position: -400px -300px
}

.emojione-24-diversity._1f469-1f3fb-2696 {
  background-position: -400px -325px
}

.emojione-24-diversity._1f469-1f3fb-2708 {
  background-position: -400px -350px
}

.emojione-24-diversity._1f469-1f3fb {
  background-position: -400px -375px
}

.emojione-24-diversity._1f469-1f3fc-1f33e {
  background-position: 0 -400px
}

.emojione-24-diversity._1f469-1f3fc-1f373 {
  background-position: -25px -400px
}

.emojione-24-diversity._1f469-1f3fc-1f393 {
  background-position: -50px -400px
}

.emojione-24-diversity._1f469-1f3fc-1f3a4 {
  background-position: -75px -400px
}

.emojione-24-diversity._1f469-1f3fc-1f3a8 {
  background-position: -100px -400px
}

.emojione-24-diversity._1f469-1f3fc-1f3eb {
  background-position: -125px -400px
}

.emojione-24-diversity._1f469-1f3fc-1f3ed {
  background-position: -150px -400px
}

.emojione-24-diversity._1f469-1f3fc-1f4bb {
  background-position: -175px -400px
}

.emojione-24-diversity._1f469-1f3fc-1f4bc {
  background-position: -200px -400px
}

.emojione-24-diversity._1f469-1f3fc-1f527 {
  background-position: -225px -400px
}

.emojione-24-diversity._1f469-1f3fc-1f52c {
  background-position: -250px -400px
}

.emojione-24-diversity._1f469-1f3fc-1f680 {
  background-position: -275px -400px
}

.emojione-24-diversity._1f469-1f3fc-1f692 {
  background-position: -300px -400px
}

.emojione-24-diversity._1f469-1f3fc-2695 {
  background-position: -325px -400px
}

.emojione-24-diversity._1f469-1f3fc-2696 {
  background-position: -350px -400px
}

.emojione-24-diversity._1f469-1f3fc-2708 {
  background-position: -375px -400px
}

.emojione-24-diversity._1f469-1f3fc {
  background-position: -400px -400px
}

.emojione-24-diversity._1f469-1f3fd-1f33e {
  background-position: -425px 0
}

.emojione-24-diversity._1f469-1f3fd-1f373 {
  background-position: -425px -25px
}

.emojione-24-diversity._1f469-1f3fd-1f393 {
  background-position: -425px -50px
}

.emojione-24-diversity._1f469-1f3fd-1f3a4 {
  background-position: -425px -75px
}

.emojione-24-diversity._1f469-1f3fd-1f3a8 {
  background-position: -425px -100px
}

.emojione-24-diversity._1f469-1f3fd-1f3eb {
  background-position: -425px -125px
}

.emojione-24-diversity._1f469-1f3fd-1f3ed {
  background-position: -425px -150px
}

.emojione-24-diversity._1f469-1f3fd-1f4bb {
  background-position: -425px -175px
}

.emojione-24-diversity._1f469-1f3fd-1f4bc {
  background-position: -425px -200px
}

.emojione-24-diversity._1f469-1f3fd-1f527 {
  background-position: -425px -225px
}

.emojione-24-diversity._1f469-1f3fd-1f52c {
  background-position: -425px -250px
}

.emojione-24-diversity._1f469-1f3fd-1f680 {
  background-position: -425px -275px
}

.emojione-24-diversity._1f469-1f3fd-1f692 {
  background-position: -425px -300px
}

.emojione-24-diversity._1f469-1f3fd-2695 {
  background-position: -425px -325px
}

.emojione-24-diversity._1f469-1f3fd-2696 {
  background-position: -425px -350px
}

.emojione-24-diversity._1f469-1f3fd-2708 {
  background-position: -425px -375px
}

.emojione-24-diversity._1f469-1f3fd {
  background-position: -425px -400px
}

.emojione-24-diversity._1f469-1f3fe-1f33e {
  background-position: 0 -425px
}

.emojione-24-diversity._1f469-1f3fe-1f373 {
  background-position: -25px -425px
}

.emojione-24-diversity._1f469-1f3fe-1f393 {
  background-position: -50px -425px
}

.emojione-24-diversity._1f469-1f3fe-1f3a4 {
  background-position: -75px -425px
}

.emojione-24-diversity._1f469-1f3fe-1f3a8 {
  background-position: -100px -425px
}

.emojione-24-diversity._1f469-1f3fe-1f3eb {
  background-position: -125px -425px
}

.emojione-24-diversity._1f469-1f3fe-1f3ed {
  background-position: -150px -425px
}

.emojione-24-diversity._1f469-1f3fe-1f4bb {
  background-position: -175px -425px
}

.emojione-24-diversity._1f469-1f3fe-1f4bc {
  background-position: -200px -425px
}

.emojione-24-diversity._1f469-1f3fe-1f527 {
  background-position: -225px -425px
}

.emojione-24-diversity._1f469-1f3fe-1f52c {
  background-position: -250px -425px
}

.emojione-24-diversity._1f469-1f3fe-1f680 {
  background-position: -275px -425px
}

.emojione-24-diversity._1f469-1f3fe-1f692 {
  background-position: -300px -425px
}

.emojione-24-diversity._1f469-1f3fe-2695 {
  background-position: -325px -425px
}

.emojione-24-diversity._1f469-1f3fe-2696 {
  background-position: -350px -425px
}

.emojione-24-diversity._1f469-1f3fe-2708 {
  background-position: -375px -425px
}

.emojione-24-diversity._1f469-1f3fe {
  background-position: -400px -425px
}

.emojione-24-diversity._1f469-1f3ff-1f33e {
  background-position: -425px -425px
}

.emojione-24-diversity._1f469-1f3ff-1f373 {
  background-position: -450px 0
}

.emojione-24-diversity._1f469-1f3ff-1f393 {
  background-position: -450px -25px
}

.emojione-24-diversity._1f469-1f3ff-1f3a4 {
  background-position: -450px -50px
}

.emojione-24-diversity._1f469-1f3ff-1f3a8 {
  background-position: -450px -75px
}

.emojione-24-diversity._1f469-1f3ff-1f3eb {
  background-position: -450px -100px
}

.emojione-24-diversity._1f469-1f3ff-1f3ed {
  background-position: -450px -125px
}

.emojione-24-diversity._1f469-1f3ff-1f4bb {
  background-position: -450px -150px
}

.emojione-24-diversity._1f469-1f3ff-1f4bc {
  background-position: -450px -175px
}

.emojione-24-diversity._1f469-1f3ff-1f527 {
  background-position: -450px -200px
}

.emojione-24-diversity._1f469-1f3ff-1f52c {
  background-position: -450px -225px
}

.emojione-24-diversity._1f469-1f3ff-1f680 {
  background-position: -450px -250px
}

.emojione-24-diversity._1f469-1f3ff-1f692 {
  background-position: -450px -275px
}

.emojione-24-diversity._1f469-1f3ff-2695 {
  background-position: -450px -300px
}

.emojione-24-diversity._1f469-1f3ff-2696 {
  background-position: -450px -325px
}

.emojione-24-diversity._1f469-1f3ff-2708 {
  background-position: -450px -350px
}

.emojione-24-diversity._1f469-1f3ff {
  background-position: -450px -375px
}

.emojione-24-diversity._1f46e-1f3fb-2640 {
  background-position: -450px -400px
}

.emojione-24-diversity._1f46e-1f3fb-2642 {
  background-position: -450px -425px
}

.emojione-24-diversity._1f46e-1f3fb {
  background-position: 0 -450px
}

.emojione-24-diversity._1f46e-1f3fc-2640 {
  background-position: -25px -450px
}

.emojione-24-diversity._1f46e-1f3fc-2642 {
  background-position: -50px -450px
}

.emojione-24-diversity._1f46e-1f3fc {
  background-position: -75px -450px
}

.emojione-24-diversity._1f46e-1f3fd-2640 {
  background-position: -100px -450px
}

.emojione-24-diversity._1f46e-1f3fd-2642 {
  background-position: -125px -450px
}

.emojione-24-diversity._1f46e-1f3fd {
  background-position: -150px -450px
}

.emojione-24-diversity._1f46e-1f3fe-2640 {
  background-position: -175px -450px
}

.emojione-24-diversity._1f46e-1f3fe-2642 {
  background-position: -200px -450px
}

.emojione-24-diversity._1f46e-1f3fe {
  background-position: -225px -450px
}

.emojione-24-diversity._1f46e-1f3ff-2640 {
  background-position: -250px -450px
}

.emojione-24-diversity._1f46e-1f3ff-2642 {
  background-position: -275px -450px
}

.emojione-24-diversity._1f46e-1f3ff {
  background-position: -300px -450px
}

.emojione-24-diversity._1f470-1f3fb {
  background-position: -325px -450px
}

.emojione-24-diversity._1f470-1f3fc {
  background-position: -350px -450px
}

.emojione-24-diversity._1f470-1f3fd {
  background-position: -375px -450px
}

.emojione-24-diversity._1f470-1f3fe {
  background-position: -400px -450px
}

.emojione-24-diversity._1f470-1f3ff {
  background-position: -425px -450px
}

.emojione-24-diversity._1f471-1f3fb-2640 {
  background-position: -450px -450px
}

.emojione-24-diversity._1f471-1f3fb-2642 {
  background-position: -475px 0
}

.emojione-24-diversity._1f471-1f3fb {
  background-position: -475px -25px
}

.emojione-24-diversity._1f471-1f3fc-2640 {
  background-position: -475px -50px
}

.emojione-24-diversity._1f471-1f3fc-2642 {
  background-position: -475px -75px
}

.emojione-24-diversity._1f471-1f3fc {
  background-position: -475px -100px
}

.emojione-24-diversity._1f471-1f3fd-2640 {
  background-position: -475px -125px
}

.emojione-24-diversity._1f471-1f3fd-2642 {
  background-position: -475px -150px
}

.emojione-24-diversity._1f471-1f3fd {
  background-position: -475px -175px
}

.emojione-24-diversity._1f471-1f3fe-2640 {
  background-position: -475px -200px
}

.emojione-24-diversity._1f471-1f3fe-2642 {
  background-position: -475px -225px
}

.emojione-24-diversity._1f471-1f3fe {
  background-position: -475px -250px
}

.emojione-24-diversity._1f471-1f3ff-2640 {
  background-position: -475px -275px
}

.emojione-24-diversity._1f471-1f3ff-2642 {
  background-position: -475px -300px
}

.emojione-24-diversity._1f471-1f3ff {
  background-position: -475px -325px
}

.emojione-24-diversity._1f472-1f3fb {
  background-position: -475px -350px
}

.emojione-24-diversity._1f472-1f3fc {
  background-position: -475px -375px
}

.emojione-24-diversity._1f472-1f3fd {
  background-position: -475px -400px
}

.emojione-24-diversity._1f472-1f3fe {
  background-position: -475px -425px
}

.emojione-24-diversity._1f472-1f3ff {
  background-position: -475px -450px
}

.emojione-24-diversity._1f473-1f3fb-2640 {
  background-position: 0 -475px
}

.emojione-24-diversity._1f473-1f3fb-2642 {
  background-position: -25px -475px
}

.emojione-24-diversity._1f473-1f3fb {
  background-position: -50px -475px
}

.emojione-24-diversity._1f473-1f3fc-2640 {
  background-position: -75px -475px
}

.emojione-24-diversity._1f473-1f3fc-2642 {
  background-position: -100px -475px
}

.emojione-24-diversity._1f473-1f3fc {
  background-position: -125px -475px
}

.emojione-24-diversity._1f473-1f3fd-2640 {
  background-position: -150px -475px
}

.emojione-24-diversity._1f473-1f3fd-2642 {
  background-position: -175px -475px
}

.emojione-24-diversity._1f473-1f3fd {
  background-position: -200px -475px
}

.emojione-24-diversity._1f473-1f3fe-2640 {
  background-position: -225px -475px
}

.emojione-24-diversity._1f473-1f3fe-2642 {
  background-position: -250px -475px
}

.emojione-24-diversity._1f473-1f3fe {
  background-position: -275px -475px
}

.emojione-24-diversity._1f473-1f3ff-2640 {
  background-position: -300px -475px
}

.emojione-24-diversity._1f473-1f3ff-2642 {
  background-position: -325px -475px
}

.emojione-24-diversity._1f473-1f3ff {
  background-position: -350px -475px
}

.emojione-24-diversity._1f474-1f3fb {
  background-position: -375px -475px
}

.emojione-24-diversity._1f474-1f3fc {
  background-position: -400px -475px
}

.emojione-24-diversity._1f474-1f3fd {
  background-position: -425px -475px
}

.emojione-24-diversity._1f474-1f3fe {
  background-position: -450px -475px
}

.emojione-24-diversity._1f474-1f3ff {
  background-position: -475px -475px
}

.emojione-24-diversity._1f475-1f3fb {
  background-position: -500px 0
}

.emojione-24-diversity._1f475-1f3fc {
  background-position: -500px -25px
}

.emojione-24-diversity._1f475-1f3fd {
  background-position: -500px -50px
}

.emojione-24-diversity._1f475-1f3fe {
  background-position: -500px -75px
}

.emojione-24-diversity._1f475-1f3ff {
  background-position: -500px -100px
}

.emojione-24-diversity._1f476-1f3fb {
  background-position: -500px -125px
}

.emojione-24-diversity._1f476-1f3fc {
  background-position: -500px -150px
}

.emojione-24-diversity._1f476-1f3fd {
  background-position: -500px -175px
}

.emojione-24-diversity._1f476-1f3fe {
  background-position: -500px -200px
}

.emojione-24-diversity._1f476-1f3ff {
  background-position: -500px -225px
}

.emojione-24-diversity._1f477-1f3fb-2640 {
  background-position: -500px -250px
}

.emojione-24-diversity._1f477-1f3fb-2642 {
  background-position: -500px -275px
}

.emojione-24-diversity._1f477-1f3fb {
  background-position: -500px -300px
}

.emojione-24-diversity._1f477-1f3fc-2640 {
  background-position: -500px -325px
}

.emojione-24-diversity._1f477-1f3fc-2642 {
  background-position: -500px -350px
}

.emojione-24-diversity._1f477-1f3fc {
  background-position: -500px -375px
}

.emojione-24-diversity._1f477-1f3fd-2640 {
  background-position: -500px -400px
}

.emojione-24-diversity._1f477-1f3fd-2642 {
  background-position: -500px -425px
}

.emojione-24-diversity._1f477-1f3fd {
  background-position: -500px -450px
}

.emojione-24-diversity._1f477-1f3fe-2640 {
  background-position: -500px -475px
}

.emojione-24-diversity._1f477-1f3fe-2642 {
  background-position: 0 -500px
}

.emojione-24-diversity._1f477-1f3fe {
  background-position: -25px -500px
}

.emojione-24-diversity._1f477-1f3ff-2640 {
  background-position: -50px -500px
}

.emojione-24-diversity._1f477-1f3ff-2642 {
  background-position: -75px -500px
}

.emojione-24-diversity._1f477-1f3ff {
  background-position: -100px -500px
}

.emojione-24-diversity._1f478-1f3fb {
  background-position: -125px -500px
}

.emojione-24-diversity._1f478-1f3fc {
  background-position: -150px -500px
}

.emojione-24-diversity._1f478-1f3fd {
  background-position: -175px -500px
}

.emojione-24-diversity._1f478-1f3fe {
  background-position: -200px -500px
}

.emojione-24-diversity._1f478-1f3ff {
  background-position: -225px -500px
}

.emojione-24-diversity._1f47c-1f3fb {
  background-position: -250px -500px
}

.emojione-24-diversity._1f47c-1f3fc {
  background-position: -275px -500px
}

.emojione-24-diversity._1f47c-1f3fd {
  background-position: -300px -500px
}

.emojione-24-diversity._1f47c-1f3fe {
  background-position: -325px -500px
}

.emojione-24-diversity._1f47c-1f3ff {
  background-position: -350px -500px
}

.emojione-24-diversity._1f481-1f3fb-2640 {
  background-position: -375px -500px
}

.emojione-24-diversity._1f481-1f3fb-2642 {
  background-position: -400px -500px
}

.emojione-24-diversity._1f481-1f3fb {
  background-position: -425px -500px
}

.emojione-24-diversity._1f481-1f3fc-2640 {
  background-position: -450px -500px
}

.emojione-24-diversity._1f481-1f3fc-2642 {
  background-position: -475px -500px
}

.emojione-24-diversity._1f481-1f3fc {
  background-position: -500px -500px
}

.emojione-24-diversity._1f481-1f3fd-2640 {
  background-position: -525px 0
}

.emojione-24-diversity._1f481-1f3fd-2642 {
  background-position: -525px -25px
}

.emojione-24-diversity._1f481-1f3fd {
  background-position: -525px -50px
}

.emojione-24-diversity._1f481-1f3fe-2640 {
  background-position: -525px -75px
}

.emojione-24-diversity._1f481-1f3fe-2642 {
  background-position: -525px -100px
}

.emojione-24-diversity._1f481-1f3fe {
  background-position: -525px -125px
}

.emojione-24-diversity._1f481-1f3ff-2640 {
  background-position: -525px -150px
}

.emojione-24-diversity._1f481-1f3ff-2642 {
  background-position: -525px -175px
}

.emojione-24-diversity._1f481-1f3ff {
  background-position: -525px -200px
}

.emojione-24-diversity._1f482-1f3fb-2640 {
  background-position: -525px -225px
}

.emojione-24-diversity._1f482-1f3fb-2642 {
  background-position: -525px -250px
}

.emojione-24-diversity._1f482-1f3fb {
  background-position: -525px -275px
}

.emojione-24-diversity._1f482-1f3fc-2640 {
  background-position: -525px -300px
}

.emojione-24-diversity._1f482-1f3fc-2642 {
  background-position: -525px -325px
}

.emojione-24-diversity._1f482-1f3fc {
  background-position: -525px -350px
}

.emojione-24-diversity._1f482-1f3fd-2640 {
  background-position: -525px -375px
}

.emojione-24-diversity._1f482-1f3fd-2642 {
  background-position: -525px -400px
}

.emojione-24-diversity._1f482-1f3fd {
  background-position: -525px -425px
}

.emojione-24-diversity._1f482-1f3fe-2640 {
  background-position: -525px -450px
}

.emojione-24-diversity._1f482-1f3fe-2642 {
  background-position: -525px -475px
}

.emojione-24-diversity._1f482-1f3fe {
  background-position: -525px -500px
}

.emojione-24-diversity._1f482-1f3ff-2640 {
  background-position: 0 -525px
}

.emojione-24-diversity._1f482-1f3ff-2642 {
  background-position: -25px -525px
}

.emojione-24-diversity._1f482-1f3ff {
  background-position: -50px -525px
}

.emojione-24-diversity._1f483-1f3fb {
  background-position: -75px -525px
}

.emojione-24-diversity._1f483-1f3fc {
  background-position: -100px -525px
}

.emojione-24-diversity._1f483-1f3fd {
  background-position: -125px -525px
}

.emojione-24-diversity._1f483-1f3fe {
  background-position: -150px -525px
}

.emojione-24-diversity._1f483-1f3ff {
  background-position: -175px -525px
}

.emojione-24-diversity._1f485-1f3fb {
  background-position: -200px -525px
}

.emojione-24-diversity._1f485-1f3fc {
  background-position: -225px -525px
}

.emojione-24-diversity._1f485-1f3fd {
  background-position: -250px -525px
}

.emojione-24-diversity._1f485-1f3fe {
  background-position: -275px -525px
}

.emojione-24-diversity._1f485-1f3ff {
  background-position: -300px -525px
}

.emojione-24-diversity._1f486-1f3fb-2640 {
  background-position: -325px -525px
}

.emojione-24-diversity._1f486-1f3fb-2642 {
  background-position: -350px -525px
}

.emojione-24-diversity._1f486-1f3fb {
  background-position: -375px -525px
}

.emojione-24-diversity._1f486-1f3fc-2640 {
  background-position: -400px -525px
}

.emojione-24-diversity._1f486-1f3fc-2642 {
  background-position: -425px -525px
}

.emojione-24-diversity._1f486-1f3fc {
  background-position: -450px -525px
}

.emojione-24-diversity._1f486-1f3fd-2640 {
  background-position: -475px -525px
}

.emojione-24-diversity._1f486-1f3fd-2642 {
  background-position: -500px -525px
}

.emojione-24-diversity._1f486-1f3fd {
  background-position: -525px -525px
}

.emojione-24-diversity._1f486-1f3fe-2640 {
  background-position: -550px 0
}

.emojione-24-diversity._1f486-1f3fe-2642 {
  background-position: -550px -25px
}

.emojione-24-diversity._1f486-1f3fe {
  background-position: -550px -50px
}

.emojione-24-diversity._1f486-1f3ff-2640 {
  background-position: -550px -75px
}

.emojione-24-diversity._1f486-1f3ff-2642 {
  background-position: -550px -100px
}

.emojione-24-diversity._1f486-1f3ff {
  background-position: -550px -125px
}

.emojione-24-diversity._1f487-1f3fb-2640 {
  background-position: -550px -150px
}

.emojione-24-diversity._1f487-1f3fb-2642 {
  background-position: -550px -175px
}

.emojione-24-diversity._1f487-1f3fb {
  background-position: -550px -200px
}

.emojione-24-diversity._1f487-1f3fc-2640 {
  background-position: -550px -225px
}

.emojione-24-diversity._1f487-1f3fc-2642 {
  background-position: -550px -250px
}

.emojione-24-diversity._1f487-1f3fc {
  background-position: -550px -275px
}

.emojione-24-diversity._1f487-1f3fd-2640 {
  background-position: -550px -300px
}

.emojione-24-diversity._1f487-1f3fd-2642 {
  background-position: -550px -325px
}

.emojione-24-diversity._1f487-1f3fd {
  background-position: -550px -350px
}

.emojione-24-diversity._1f487-1f3fe-2640 {
  background-position: -550px -375px
}

.emojione-24-diversity._1f487-1f3fe-2642 {
  background-position: -550px -400px
}

.emojione-24-diversity._1f487-1f3fe {
  background-position: -550px -425px
}

.emojione-24-diversity._1f487-1f3ff-2640 {
  background-position: -550px -450px
}

.emojione-24-diversity._1f487-1f3ff-2642 {
  background-position: -550px -475px
}

.emojione-24-diversity._1f487-1f3ff {
  background-position: -550px -500px
}

.emojione-24-diversity._1f4aa-1f3fb {
  background-position: -550px -525px
}

.emojione-24-diversity._1f4aa-1f3fc {
  background-position: 0 -550px
}

.emojione-24-diversity._1f4aa-1f3fd {
  background-position: -25px -550px
}

.emojione-24-diversity._1f4aa-1f3fe {
  background-position: -50px -550px
}

.emojione-24-diversity._1f4aa-1f3ff {
  background-position: -75px -550px
}

.emojione-24-diversity._1f574-1f3fb {
  background-position: -100px -550px
}

.emojione-24-diversity._1f574-1f3fc {
  background-position: -125px -550px
}

.emojione-24-diversity._1f574-1f3fd {
  background-position: -150px -550px
}

.emojione-24-diversity._1f574-1f3fe {
  background-position: -175px -550px
}

.emojione-24-diversity._1f574-1f3ff {
  background-position: -200px -550px
}

.emojione-24-diversity._1f575-1f3fb-2640 {
  background-position: -225px -550px
}

.emojione-24-diversity._1f575-1f3fb-2642 {
  background-position: -250px -550px
}

.emojione-24-diversity._1f575-1f3fb {
  background-position: -275px -550px
}

.emojione-24-diversity._1f575-1f3fc-2640 {
  background-position: -300px -550px
}

.emojione-24-diversity._1f575-1f3fc-2642 {
  background-position: -325px -550px
}

.emojione-24-diversity._1f575-1f3fc {
  background-position: -350px -550px
}

.emojione-24-diversity._1f575-1f3fd-2640 {
  background-position: -375px -550px
}

.emojione-24-diversity._1f575-1f3fd-2642 {
  background-position: -400px -550px
}

.emojione-24-diversity._1f575-1f3fd {
  background-position: -425px -550px
}

.emojione-24-diversity._1f575-1f3fe-2640 {
  background-position: -450px -550px
}

.emojione-24-diversity._1f575-1f3fe-2642 {
  background-position: -475px -550px
}

.emojione-24-diversity._1f575-1f3fe {
  background-position: -500px -550px
}

.emojione-24-diversity._1f575-1f3ff-2640 {
  background-position: -525px -550px
}

.emojione-24-diversity._1f575-1f3ff-2642 {
  background-position: -550px -550px
}

.emojione-24-diversity._1f575-1f3ff {
  background-position: -575px 0
}

.emojione-24-diversity._1f57a-1f3fb {
  background-position: -575px -25px
}

.emojione-24-diversity._1f57a-1f3fc {
  background-position: -575px -50px
}

.emojione-24-diversity._1f57a-1f3fd {
  background-position: -575px -75px
}

.emojione-24-diversity._1f57a-1f3fe {
  background-position: -575px -100px
}

.emojione-24-diversity._1f57a-1f3ff {
  background-position: -575px -125px
}

.emojione-24-diversity._1f590-1f3fb {
  background-position: -575px -150px
}

.emojione-24-diversity._1f590-1f3fc {
  background-position: -575px -175px
}

.emojione-24-diversity._1f590-1f3fd {
  background-position: -575px -200px
}

.emojione-24-diversity._1f590-1f3fe {
  background-position: -575px -225px
}

.emojione-24-diversity._1f590-1f3ff {
  background-position: -575px -250px
}

.emojione-24-diversity._1f595-1f3fb {
  background-position: -575px -275px
}

.emojione-24-diversity._1f595-1f3fc {
  background-position: -575px -300px
}

.emojione-24-diversity._1f595-1f3fd {
  background-position: -575px -325px
}

.emojione-24-diversity._1f595-1f3fe {
  background-position: -575px -350px
}

.emojione-24-diversity._1f595-1f3ff {
  background-position: -575px -375px
}

.emojione-24-diversity._1f596-1f3fb {
  background-position: -575px -400px
}

.emojione-24-diversity._1f596-1f3fc {
  background-position: -575px -425px
}

.emojione-24-diversity._1f596-1f3fd {
  background-position: -575px -450px
}

.emojione-24-diversity._1f596-1f3fe {
  background-position: -575px -475px
}

.emojione-24-diversity._1f596-1f3ff {
  background-position: -575px -500px
}

.emojione-24-diversity._1f645-1f3fb-2640 {
  background-position: -575px -525px
}

.emojione-24-diversity._1f645-1f3fb-2642 {
  background-position: -575px -550px
}

.emojione-24-diversity._1f645-1f3fb {
  background-position: 0 -575px
}

.emojione-24-diversity._1f645-1f3fc-2640 {
  background-position: -25px -575px
}

.emojione-24-diversity._1f645-1f3fc-2642 {
  background-position: -50px -575px
}

.emojione-24-diversity._1f645-1f3fc {
  background-position: -75px -575px
}

.emojione-24-diversity._1f645-1f3fd-2640 {
  background-position: -100px -575px
}

.emojione-24-diversity._1f645-1f3fd-2642 {
  background-position: -125px -575px
}

.emojione-24-diversity._1f645-1f3fd {
  background-position: -150px -575px
}

.emojione-24-diversity._1f645-1f3fe-2640 {
  background-position: -175px -575px
}

.emojione-24-diversity._1f645-1f3fe-2642 {
  background-position: -200px -575px
}

.emojione-24-diversity._1f645-1f3fe {
  background-position: -225px -575px
}

.emojione-24-diversity._1f645-1f3ff-2640 {
  background-position: -250px -575px
}

.emojione-24-diversity._1f645-1f3ff-2642 {
  background-position: -275px -575px
}

.emojione-24-diversity._1f645-1f3ff {
  background-position: -300px -575px
}

.emojione-24-diversity._1f646-1f3fb-2640 {
  background-position: -325px -575px
}

.emojione-24-diversity._1f646-1f3fb-2642 {
  background-position: -350px -575px
}

.emojione-24-diversity._1f646-1f3fb {
  background-position: -375px -575px
}

.emojione-24-diversity._1f646-1f3fc-2640 {
  background-position: -400px -575px
}

.emojione-24-diversity._1f646-1f3fc-2642 {
  background-position: -425px -575px
}

.emojione-24-diversity._1f646-1f3fc {
  background-position: -450px -575px
}

.emojione-24-diversity._1f646-1f3fd-2640 {
  background-position: -475px -575px
}

.emojione-24-diversity._1f646-1f3fd-2642 {
  background-position: -500px -575px
}

.emojione-24-diversity._1f646-1f3fd {
  background-position: -525px -575px
}

.emojione-24-diversity._1f646-1f3fe-2640 {
  background-position: -550px -575px
}

.emojione-24-diversity._1f646-1f3fe-2642 {
  background-position: -575px -575px
}

.emojione-24-diversity._1f646-1f3fe {
  background-position: -600px 0
}

.emojione-24-diversity._1f646-1f3ff-2640 {
  background-position: -600px -25px
}

.emojione-24-diversity._1f646-1f3ff-2642 {
  background-position: -600px -50px
}

.emojione-24-diversity._1f646-1f3ff {
  background-position: -600px -75px
}

.emojione-24-diversity._1f647-1f3fb-2640 {
  background-position: -600px -100px
}

.emojione-24-diversity._1f647-1f3fb-2642 {
  background-position: -600px -125px
}

.emojione-24-diversity._1f647-1f3fb {
  background-position: -600px -150px
}

.emojione-24-diversity._1f647-1f3fc-2640 {
  background-position: -600px -175px
}

.emojione-24-diversity._1f647-1f3fc-2642 {
  background-position: -600px -200px
}

.emojione-24-diversity._1f647-1f3fc {
  background-position: -600px -225px
}

.emojione-24-diversity._1f647-1f3fd-2640 {
  background-position: -600px -250px
}

.emojione-24-diversity._1f647-1f3fd-2642 {
  background-position: -600px -275px
}

.emojione-24-diversity._1f647-1f3fd {
  background-position: -600px -300px
}

.emojione-24-diversity._1f647-1f3fe-2640 {
  background-position: -600px -325px
}

.emojione-24-diversity._1f647-1f3fe-2642 {
  background-position: -600px -350px
}

.emojione-24-diversity._1f647-1f3fe {
  background-position: -600px -375px
}

.emojione-24-diversity._1f647-1f3ff-2640 {
  background-position: -600px -400px
}

.emojione-24-diversity._1f647-1f3ff-2642 {
  background-position: -600px -425px
}

.emojione-24-diversity._1f647-1f3ff {
  background-position: -600px -450px
}

.emojione-24-diversity._1f64b-1f3fb-2640 {
  background-position: -600px -475px
}

.emojione-24-diversity._1f64b-1f3fb-2642 {
  background-position: -600px -500px
}

.emojione-24-diversity._1f64b-1f3fb {
  background-position: -600px -525px
}

.emojione-24-diversity._1f64b-1f3fc-2640 {
  background-position: -600px -550px
}

.emojione-24-diversity._1f64b-1f3fc-2642 {
  background-position: -600px -575px
}

.emojione-24-diversity._1f64b-1f3fc {
  background-position: 0 -600px
}

.emojione-24-diversity._1f64b-1f3fd-2640 {
  background-position: -25px -600px
}

.emojione-24-diversity._1f64b-1f3fd-2642 {
  background-position: -50px -600px
}

.emojione-24-diversity._1f64b-1f3fd {
  background-position: -75px -600px
}

.emojione-24-diversity._1f64b-1f3fe-2640 {
  background-position: -100px -600px
}

.emojione-24-diversity._1f64b-1f3fe-2642 {
  background-position: -125px -600px
}

.emojione-24-diversity._1f64b-1f3fe {
  background-position: -150px -600px
}

.emojione-24-diversity._1f64b-1f3ff-2640 {
  background-position: -175px -600px
}

.emojione-24-diversity._1f64b-1f3ff-2642 {
  background-position: -200px -600px
}

.emojione-24-diversity._1f64b-1f3ff {
  background-position: -225px -600px
}

.emojione-24-diversity._1f64c-1f3fb {
  background-position: -250px -600px
}

.emojione-24-diversity._1f64c-1f3fc {
  background-position: -275px -600px
}

.emojione-24-diversity._1f64c-1f3fd {
  background-position: -300px -600px
}

.emojione-24-diversity._1f64c-1f3fe {
  background-position: -325px -600px
}

.emojione-24-diversity._1f64c-1f3ff {
  background-position: -350px -600px
}

.emojione-24-diversity._1f64d-1f3fb-2640 {
  background-position: -375px -600px
}

.emojione-24-diversity._1f64d-1f3fb-2642 {
  background-position: -400px -600px
}

.emojione-24-diversity._1f64d-1f3fb {
  background-position: -425px -600px
}

.emojione-24-diversity._1f64d-1f3fc-2640 {
  background-position: -450px -600px
}

.emojione-24-diversity._1f64d-1f3fc-2642 {
  background-position: -475px -600px
}

.emojione-24-diversity._1f64d-1f3fc {
  background-position: -500px -600px
}

.emojione-24-diversity._1f64d-1f3fd-2640 {
  background-position: -525px -600px
}

.emojione-24-diversity._1f64d-1f3fd-2642 {
  background-position: -550px -600px
}

.emojione-24-diversity._1f64d-1f3fd {
  background-position: -575px -600px
}

.emojione-24-diversity._1f64d-1f3fe-2640 {
  background-position: -600px -600px
}

.emojione-24-diversity._1f64d-1f3fe-2642 {
  background-position: -625px 0
}

.emojione-24-diversity._1f64d-1f3fe {
  background-position: -625px -25px
}

.emojione-24-diversity._1f64d-1f3ff-2640 {
  background-position: -625px -50px
}

.emojione-24-diversity._1f64d-1f3ff-2642 {
  background-position: 0 0
}

.emojione-24-diversity._1f64d-1f3ff {
  background-position: -625px -100px
}

.emojione-24-diversity._1f64e-1f3fb-2640 {
  background-position: -625px -125px
}

.emojione-24-diversity._1f64e-1f3fb-2642 {
  background-position: -625px -150px
}

.emojione-24-diversity._1f64e-1f3fb {
  background-position: -625px -175px
}

.emojione-24-diversity._1f64e-1f3fc-2640 {
  background-position: -625px -200px
}

.emojione-24-diversity._1f64e-1f3fc-2642 {
  background-position: -625px -225px
}

.emojione-24-diversity._1f64e-1f3fc {
  background-position: -625px -250px
}

.emojione-24-diversity._1f64e-1f3fd-2640 {
  background-position: -625px -275px
}

.emojione-24-diversity._1f64e-1f3fd-2642 {
  background-position: -625px -300px
}

.emojione-24-diversity._1f64e-1f3fd {
  background-position: -625px -325px
}

.emojione-24-diversity._1f64e-1f3fe-2640 {
  background-position: -625px -350px
}

.emojione-24-diversity._1f64e-1f3fe-2642 {
  background-position: -625px -375px
}

.emojione-24-diversity._1f64e-1f3fe {
  background-position: -625px -400px
}

.emojione-24-diversity._1f64e-1f3ff-2640 {
  background-position: -625px -425px
}

.emojione-24-diversity._1f64e-1f3ff-2642 {
  background-position: -625px -450px
}

.emojione-24-diversity._1f64e-1f3ff {
  background-position: -625px -475px
}

.emojione-24-diversity._1f64f-1f3fb {
  background-position: -625px -500px
}

.emojione-24-diversity._1f64f-1f3fc {
  background-position: -625px -525px
}

.emojione-24-diversity._1f64f-1f3fd {
  background-position: -625px -550px
}

.emojione-24-diversity._1f64f-1f3fe {
  background-position: -625px -575px
}

.emojione-24-diversity._1f64f-1f3ff {
  background-position: -625px -600px
}

.emojione-24-diversity._1f6a3-1f3fb-2640 {
  background-position: 0 -625px
}

.emojione-24-diversity._1f6a3-1f3fb-2642 {
  background-position: -25px -625px
}

.emojione-24-diversity._1f6a3-1f3fb {
  background-position: -50px -625px
}

.emojione-24-diversity._1f6a3-1f3fc-2640 {
  background-position: -75px -625px
}

.emojione-24-diversity._1f6a3-1f3fc-2642 {
  background-position: -100px -625px
}

.emojione-24-diversity._1f6a3-1f3fc {
  background-position: -125px -625px
}

.emojione-24-diversity._1f6a3-1f3fd-2640 {
  background-position: -150px -625px
}

.emojione-24-diversity._1f6a3-1f3fd-2642 {
  background-position: -175px -625px
}

.emojione-24-diversity._1f6a3-1f3fd {
  background-position: -200px -625px
}

.emojione-24-diversity._1f6a3-1f3fe-2640 {
  background-position: -225px -625px
}

.emojione-24-diversity._1f6a3-1f3fe-2642 {
  background-position: -250px -625px
}

.emojione-24-diversity._1f6a3-1f3fe {
  background-position: -275px -625px
}

.emojione-24-diversity._1f6a3-1f3ff-2640 {
  background-position: -300px -625px
}

.emojione-24-diversity._1f6a3-1f3ff-2642 {
  background-position: -325px -625px
}

.emojione-24-diversity._1f6a3-1f3ff {
  background-position: -350px -625px
}

.emojione-24-diversity._1f6b4-1f3fb-2640 {
  background-position: -375px -625px
}

.emojione-24-diversity._1f6b4-1f3fb-2642 {
  background-position: -400px -625px
}

.emojione-24-diversity._1f6b4-1f3fb {
  background-position: -425px -625px
}

.emojione-24-diversity._1f6b4-1f3fc-2640 {
  background-position: -450px -625px
}

.emojione-24-diversity._1f6b4-1f3fc-2642 {
  background-position: -475px -625px
}

.emojione-24-diversity._1f6b4-1f3fc {
  background-position: -500px -625px
}

.emojione-24-diversity._1f6b4-1f3fd-2640 {
  background-position: -525px -625px
}

.emojione-24-diversity._1f6b4-1f3fd-2642 {
  background-position: -550px -625px
}

.emojione-24-diversity._1f6b4-1f3fd {
  background-position: -575px -625px
}

.emojione-24-diversity._1f6b4-1f3fe-2640 {
  background-position: -600px -625px
}

.emojione-24-diversity._1f6b4-1f3fe-2642 {
  background-position: -625px -625px
}

.emojione-24-diversity._1f6b4-1f3fe {
  background-position: -650px 0
}

.emojione-24-diversity._1f6b4-1f3ff-2640 {
  background-position: -650px -25px
}

.emojione-24-diversity._1f6b4-1f3ff-2642 {
  background-position: -650px -50px
}

.emojione-24-diversity._1f6b4-1f3ff {
  background-position: -650px -75px
}

.emojione-24-diversity._1f6b5-1f3fb-2640 {
  background-position: -650px -100px
}

.emojione-24-diversity._1f6b5-1f3fb-2642 {
  background-position: -650px -125px
}

.emojione-24-diversity._1f6b5-1f3fb {
  background-position: -650px -150px
}

.emojione-24-diversity._1f6b5-1f3fc-2640 {
  background-position: -650px -175px
}

.emojione-24-diversity._1f6b5-1f3fc-2642 {
  background-position: -650px -200px
}

.emojione-24-diversity._1f6b5-1f3fc {
  background-position: -650px -225px
}

.emojione-24-diversity._1f6b5-1f3fd-2640 {
  background-position: -650px -250px
}

.emojione-24-diversity._1f6b5-1f3fd-2642 {
  background-position: -650px -275px
}

.emojione-24-diversity._1f6b5-1f3fd {
  background-position: -650px -300px
}

.emojione-24-diversity._1f6b5-1f3fe-2640 {
  background-position: -650px -325px
}

.emojione-24-diversity._1f6b5-1f3fe-2642 {
  background-position: -650px -350px
}

.emojione-24-diversity._1f6b5-1f3fe {
  background-position: -650px -375px
}

.emojione-24-diversity._1f6b5-1f3ff-2640 {
  background-position: -650px -400px
}

.emojione-24-diversity._1f6b5-1f3ff-2642 {
  background-position: -650px -425px
}

.emojione-24-diversity._1f6b5-1f3ff {
  background-position: -650px -450px
}

.emojione-24-diversity._1f6b6-1f3fb-2640 {
  background-position: -650px -475px
}

.emojione-24-diversity._1f6b6-1f3fb-2642 {
  background-position: -650px -500px
}

.emojione-24-diversity._1f6b6-1f3fb {
  background-position: -650px -525px
}

.emojione-24-diversity._1f6b6-1f3fc-2640 {
  background-position: -650px -550px
}

.emojione-24-diversity._1f6b6-1f3fc-2642 {
  background-position: -650px -575px
}

.emojione-24-diversity._1f6b6-1f3fc {
  background-position: -650px -600px
}

.emojione-24-diversity._1f6b6-1f3fd-2640 {
  background-position: -650px -625px
}

.emojione-24-diversity._1f6b6-1f3fd-2642 {
  background-position: 0 -650px
}

.emojione-24-diversity._1f6b6-1f3fd {
  background-position: -25px -650px
}

.emojione-24-diversity._1f6b6-1f3fe-2640 {
  background-position: -50px -650px
}

.emojione-24-diversity._1f6b6-1f3fe-2642 {
  background-position: -75px -650px
}

.emojione-24-diversity._1f6b6-1f3fe {
  background-position: -100px -650px
}

.emojione-24-diversity._1f6b6-1f3ff-2640 {
  background-position: -125px -650px
}

.emojione-24-diversity._1f6b6-1f3ff-2642 {
  background-position: -150px -650px
}

.emojione-24-diversity._1f6b6-1f3ff {
  background-position: -175px -650px
}

.emojione-24-diversity._1f6c0-1f3fb {
  background-position: -200px -650px
}

.emojione-24-diversity._1f6c0-1f3fc {
  background-position: -225px -650px
}

.emojione-24-diversity._1f6c0-1f3fd {
  background-position: -250px -650px
}

.emojione-24-diversity._1f6c0-1f3fe {
  background-position: -275px -650px
}

.emojione-24-diversity._1f6c0-1f3ff {
  background-position: -300px -650px
}

.emojione-24-diversity._1f6cc-1f3fb {
  background-position: -325px -650px
}

.emojione-24-diversity._1f6cc-1f3fc {
  background-position: -350px -650px
}

.emojione-24-diversity._1f6cc-1f3fd {
  background-position: -375px -650px
}

.emojione-24-diversity._1f6cc-1f3fe {
  background-position: -400px -650px
}

.emojione-24-diversity._1f6cc-1f3ff {
  background-position: -425px -650px
}

.emojione-24-diversity._1f918-1f3fb {
  background-position: -450px -650px
}

.emojione-24-diversity._1f918-1f3fc {
  background-position: -475px -650px
}

.emojione-24-diversity._1f918-1f3fd {
  background-position: -500px -650px
}

.emojione-24-diversity._1f918-1f3fe {
  background-position: -525px -650px
}

.emojione-24-diversity._1f918-1f3ff {
  background-position: -550px -650px
}

.emojione-24-diversity._1f919-1f3fb {
  background-position: -575px -650px
}

.emojione-24-diversity._1f919-1f3fc {
  background-position: -600px -650px
}

.emojione-24-diversity._1f919-1f3fd {
  background-position: -625px -650px
}

.emojione-24-diversity._1f919-1f3fe {
  background-position: -650px -650px
}

.emojione-24-diversity._1f919-1f3ff {
  background-position: -675px 0
}

.emojione-24-diversity._1f91a-1f3fb {
  background-position: -675px -25px
}

.emojione-24-diversity._1f91a-1f3fc {
  background-position: -675px -50px
}

.emojione-24-diversity._1f91a-1f3fd {
  background-position: -675px -75px
}

.emojione-24-diversity._1f91a-1f3fe {
  background-position: -675px -100px
}

.emojione-24-diversity._1f91a-1f3ff {
  background-position: -675px -125px
}

.emojione-24-diversity._1f91b-1f3fb {
  background-position: -675px -150px
}

.emojione-24-diversity._1f91b-1f3fc {
  background-position: -675px -175px
}

.emojione-24-diversity._1f91b-1f3fd {
  background-position: -675px -200px
}

.emojione-24-diversity._1f91b-1f3fe {
  background-position: -675px -225px
}

.emojione-24-diversity._1f91b-1f3ff {
  background-position: -675px -250px
}

.emojione-24-diversity._1f91c-1f3fb {
  background-position: -675px -275px
}

.emojione-24-diversity._1f91c-1f3fc {
  background-position: -675px -300px
}

.emojione-24-diversity._1f91c-1f3fd {
  background-position: -675px -325px
}

.emojione-24-diversity._1f91c-1f3fe {
  background-position: -675px -350px
}

.emojione-24-diversity._1f91c-1f3ff {
  background-position: -675px -375px
}

.emojione-24-diversity._1f91e-1f3fb {
  background-position: -675px -400px
}

.emojione-24-diversity._1f91e-1f3fc {
  background-position: -675px -425px
}

.emojione-24-diversity._1f91e-1f3fd {
  background-position: -675px -450px
}

.emojione-24-diversity._1f91e-1f3fe {
  background-position: -675px -475px
}

.emojione-24-diversity._1f91e-1f3ff {
  background-position: -675px -500px
}

.emojione-24-diversity._1f91f-1f3fb {
  background-position: -675px -525px
}

.emojione-24-diversity._1f91f-1f3fc {
  background-position: -675px -550px
}

.emojione-24-diversity._1f91f-1f3fd {
  background-position: -675px -575px
}

.emojione-24-diversity._1f91f-1f3fe {
  background-position: -675px -600px
}

.emojione-24-diversity._1f91f-1f3ff {
  background-position: -675px -625px
}

.emojione-24-diversity._1f926-1f3fb-2640 {
  background-position: -675px -650px
}

.emojione-24-diversity._1f926-1f3fb-2642 {
  background-position: 0 -675px
}

.emojione-24-diversity._1f926-1f3fb {
  background-position: -25px -675px
}

.emojione-24-diversity._1f926-1f3fc-2640 {
  background-position: -50px -675px
}

.emojione-24-diversity._1f926-1f3fc-2642 {
  background-position: -75px -675px
}

.emojione-24-diversity._1f926-1f3fc {
  background-position: -100px -675px
}

.emojione-24-diversity._1f926-1f3fd-2640 {
  background-position: -125px -675px
}

.emojione-24-diversity._1f926-1f3fd-2642 {
  background-position: -150px -675px
}

.emojione-24-diversity._1f926-1f3fd {
  background-position: -175px -675px
}

.emojione-24-diversity._1f926-1f3fe-2640 {
  background-position: -200px -675px
}

.emojione-24-diversity._1f926-1f3fe-2642 {
  background-position: -225px -675px
}

.emojione-24-diversity._1f926-1f3fe {
  background-position: -250px -675px
}

.emojione-24-diversity._1f926-1f3ff-2640 {
  background-position: -275px -675px
}

.emojione-24-diversity._1f926-1f3ff-2642 {
  background-position: -300px -675px
}

.emojione-24-diversity._1f926-1f3ff {
  background-position: -325px -675px
}

.emojione-24-diversity._1f930-1f3fb {
  background-position: -350px -675px
}

.emojione-24-diversity._1f930-1f3fc {
  background-position: -375px -675px
}

.emojione-24-diversity._1f930-1f3fd {
  background-position: -400px -675px
}

.emojione-24-diversity._1f930-1f3fe {
  background-position: -425px -675px
}

.emojione-24-diversity._1f930-1f3ff {
  background-position: -450px -675px
}

.emojione-24-diversity._1f931-1f3fb {
  background-position: -475px -675px
}

.emojione-24-diversity._1f931-1f3fc {
  background-position: -500px -675px
}

.emojione-24-diversity._1f931-1f3fd {
  background-position: -525px -675px
}

.emojione-24-diversity._1f931-1f3fe {
  background-position: -550px -675px
}

.emojione-24-diversity._1f931-1f3ff {
  background-position: -575px -675px
}

.emojione-24-diversity._1f932-1f3fb {
  background-position: -600px -675px
}

.emojione-24-diversity._1f932-1f3fc {
  background-position: -625px -675px
}

.emojione-24-diversity._1f932-1f3fd {
  background-position: -650px -675px
}

.emojione-24-diversity._1f932-1f3fe {
  background-position: -675px -675px
}

.emojione-24-diversity._1f932-1f3ff {
  background-position: -700px 0
}

.emojione-24-diversity._1f933-1f3fb {
  background-position: -700px -25px
}

.emojione-24-diversity._1f933-1f3fc {
  background-position: -700px -50px
}

.emojione-24-diversity._1f933-1f3fd {
  background-position: -700px -75px
}

.emojione-24-diversity._1f933-1f3fe {
  background-position: -700px -100px
}

.emojione-24-diversity._1f933-1f3ff {
  background-position: -700px -125px
}

.emojione-24-diversity._1f934-1f3fb {
  background-position: -700px -150px
}

.emojione-24-diversity._1f934-1f3fc {
  background-position: -700px -175px
}

.emojione-24-diversity._1f934-1f3fd {
  background-position: -700px -200px
}

.emojione-24-diversity._1f934-1f3fe {
  background-position: -700px -225px
}

.emojione-24-diversity._1f934-1f3ff {
  background-position: -700px -250px
}

.emojione-24-diversity._1f935-1f3fb {
  background-position: -700px -275px
}

.emojione-24-diversity._1f935-1f3fc {
  background-position: -700px -300px
}

.emojione-24-diversity._1f935-1f3fd {
  background-position: -700px -325px
}

.emojione-24-diversity._1f935-1f3fe {
  background-position: -700px -350px
}

.emojione-24-diversity._1f935-1f3ff {
  background-position: -700px -375px
}

.emojione-24-diversity._1f936-1f3fb {
  background-position: -700px -400px
}

.emojione-24-diversity._1f936-1f3fc {
  background-position: -700px -425px
}

.emojione-24-diversity._1f936-1f3fd {
  background-position: -700px -450px
}

.emojione-24-diversity._1f936-1f3fe {
  background-position: -700px -475px
}

.emojione-24-diversity._1f936-1f3ff {
  background-position: -700px -500px
}

.emojione-24-diversity._1f937-1f3fb-2640 {
  background-position: -700px -525px
}

.emojione-24-diversity._1f937-1f3fb-2642 {
  background-position: -700px -550px
}

.emojione-24-diversity._1f937-1f3fb {
  background-position: -700px -575px
}

.emojione-24-diversity._1f937-1f3fc-2640 {
  background-position: -700px -600px
}

.emojione-24-diversity._1f937-1f3fc-2642 {
  background-position: -700px -625px
}

.emojione-24-diversity._1f937-1f3fc {
  background-position: -700px -650px
}

.emojione-24-diversity._1f937-1f3fd-2640 {
  background-position: -700px -675px
}

.emojione-24-diversity._1f937-1f3fd-2642 {
  background-position: 0 -700px
}

.emojione-24-diversity._1f937-1f3fd {
  background-position: -25px -700px
}

.emojione-24-diversity._1f937-1f3fe-2640 {
  background-position: -50px -700px
}

.emojione-24-diversity._1f937-1f3fe-2642 {
  background-position: -75px -700px
}

.emojione-24-diversity._1f937-1f3fe {
  background-position: -100px -700px
}

.emojione-24-diversity._1f937-1f3ff-2640 {
  background-position: -125px -700px
}

.emojione-24-diversity._1f937-1f3ff-2642 {
  background-position: -150px -700px
}

.emojione-24-diversity._1f937-1f3ff {
  background-position: -175px -700px
}

.emojione-24-diversity._1f938-1f3fb-2640 {
  background-position: -200px -700px
}

.emojione-24-diversity._1f938-1f3fb-2642 {
  background-position: -225px -700px
}

.emojione-24-diversity._1f938-1f3fb {
  background-position: -250px -700px
}

.emojione-24-diversity._1f938-1f3fc-2640 {
  background-position: -275px -700px
}

.emojione-24-diversity._1f938-1f3fc-2642 {
  background-position: -300px -700px
}

.emojione-24-diversity._1f938-1f3fc {
  background-position: -325px -700px
}

.emojione-24-diversity._1f938-1f3fd-2640 {
  background-position: -350px -700px
}

.emojione-24-diversity._1f938-1f3fd-2642 {
  background-position: -375px -700px
}

.emojione-24-diversity._1f938-1f3fd {
  background-position: -400px -700px
}

.emojione-24-diversity._1f938-1f3fe-2640 {
  background-position: -425px -700px
}

.emojione-24-diversity._1f938-1f3fe-2642 {
  background-position: -450px -700px
}

.emojione-24-diversity._1f938-1f3fe {
  background-position: -475px -700px
}

.emojione-24-diversity._1f938-1f3ff-2640 {
  background-position: -500px -700px
}

.emojione-24-diversity._1f938-1f3ff-2642 {
  background-position: -525px -700px
}

.emojione-24-diversity._1f938-1f3ff {
  background-position: -550px -700px
}

.emojione-24-diversity._1f939-1f3fb-2640 {
  background-position: -575px -700px
}

.emojione-24-diversity._1f939-1f3fb-2642 {
  background-position: -600px -700px
}

.emojione-24-diversity._1f939-1f3fb {
  background-position: -625px -700px
}

.emojione-24-diversity._1f939-1f3fc-2640 {
  background-position: -650px -700px
}

.emojione-24-diversity._1f939-1f3fc-2642 {
  background-position: -675px -700px
}

.emojione-24-diversity._1f939-1f3fc {
  background-position: -700px -700px
}

.emojione-24-diversity._1f939-1f3fd-2640 {
  background-position: -725px 0
}

.emojione-24-diversity._1f939-1f3fd-2642 {
  background-position: -725px -25px
}

.emojione-24-diversity._1f939-1f3fd {
  background-position: -725px -50px
}

.emojione-24-diversity._1f939-1f3fe-2640 {
  background-position: -725px -75px
}

.emojione-24-diversity._1f939-1f3fe-2642 {
  background-position: -725px -100px
}

.emojione-24-diversity._1f939-1f3fe {
  background-position: -725px -125px
}

.emojione-24-diversity._1f939-1f3ff-2640 {
  background-position: -725px -150px
}

.emojione-24-diversity._1f939-1f3ff-2642 {
  background-position: -725px -175px
}

.emojione-24-diversity._1f939-1f3ff {
  background-position: -725px -200px
}

.emojione-24-diversity._1f93d-1f3fb-2640 {
  background-position: -725px -225px
}

.emojione-24-diversity._1f93d-1f3fb-2642 {
  background-position: -725px -250px
}

.emojione-24-diversity._1f93d-1f3fb {
  background-position: -725px -275px
}

.emojione-24-diversity._1f93d-1f3fc-2640 {
  background-position: -725px -300px
}

.emojione-24-diversity._1f93d-1f3fc-2642 {
  background-position: -725px -325px
}

.emojione-24-diversity._1f93d-1f3fc {
  background-position: -725px -350px
}

.emojione-24-diversity._1f93d-1f3fd-2640 {
  background-position: -725px -375px
}

.emojione-24-diversity._1f93d-1f3fd-2642 {
  background-position: -725px -400px
}

.emojione-24-diversity._1f93d-1f3fd {
  background-position: -725px -425px
}

.emojione-24-diversity._1f93d-1f3fe-2640 {
  background-position: -725px -450px
}

.emojione-24-diversity._1f93d-1f3fe-2642 {
  background-position: -725px -475px
}

.emojione-24-diversity._1f93d-1f3fe {
  background-position: -725px -500px
}

.emojione-24-diversity._1f93d-1f3ff-2640 {
  background-position: -725px -525px
}

.emojione-24-diversity._1f93d-1f3ff-2642 {
  background-position: -725px -550px
}

.emojione-24-diversity._1f93d-1f3ff {
  background-position: -725px -575px
}

.emojione-24-diversity._1f93e-1f3fb-2640 {
  background-position: -725px -600px
}

.emojione-24-diversity._1f93e-1f3fb-2642 {
  background-position: -725px -625px
}

.emojione-24-diversity._1f93e-1f3fb {
  background-position: -725px -650px
}

.emojione-24-diversity._1f93e-1f3fc-2640 {
  background-position: -725px -675px
}

.emojione-24-diversity._1f93e-1f3fc-2642 {
  background-position: -725px -700px
}

.emojione-24-diversity._1f93e-1f3fc {
  background-position: 0 -725px
}

.emojione-24-diversity._1f93e-1f3fd-2640 {
  background-position: -25px -725px
}

.emojione-24-diversity._1f93e-1f3fd-2642 {
  background-position: -50px -725px
}

.emojione-24-diversity._1f93e-1f3fd {
  background-position: -75px -725px
}

.emojione-24-diversity._1f93e-1f3fe-2640 {
  background-position: -100px -725px
}

.emojione-24-diversity._1f93e-1f3fe-2642 {
  background-position: -125px -725px
}

.emojione-24-diversity._1f93e-1f3fe {
  background-position: -150px -725px
}

.emojione-24-diversity._1f93e-1f3ff-2640 {
  background-position: -175px -725px
}

.emojione-24-diversity._1f93e-1f3ff-2642 {
  background-position: -200px -725px
}

.emojione-24-diversity._1f93e-1f3ff {
  background-position: -225px -725px
}

.emojione-24-diversity._1f9d1-1f3fb {
  background-position: -250px -725px
}

.emojione-24-diversity._1f9d1-1f3fc {
  background-position: -275px -725px
}

.emojione-24-diversity._1f9d1-1f3fd {
  background-position: -300px -725px
}

.emojione-24-diversity._1f9d1-1f3fe {
  background-position: -325px -725px
}

.emojione-24-diversity._1f9d1-1f3ff {
  background-position: -350px -725px
}

.emojione-24-diversity._1f9d2-1f3fb {
  background-position: -375px -725px
}

.emojione-24-diversity._1f9d2-1f3fc {
  background-position: -400px -725px
}

.emojione-24-diversity._1f9d2-1f3fd {
  background-position: -425px -725px
}

.emojione-24-diversity._1f9d2-1f3fe {
  background-position: -450px -725px
}

.emojione-24-diversity._1f9d2-1f3ff {
  background-position: -475px -725px
}

.emojione-24-diversity._1f9d3-1f3fb {
  background-position: -500px -725px
}

.emojione-24-diversity._1f9d3-1f3fc {
  background-position: -525px -725px
}

.emojione-24-diversity._1f9d3-1f3fd {
  background-position: -550px -725px
}

.emojione-24-diversity._1f9d3-1f3fe {
  background-position: -575px -725px
}

.emojione-24-diversity._1f9d3-1f3ff {
  background-position: -600px -725px
}

.emojione-24-diversity._1f9d4-1f3fb {
  background-position: -625px -725px
}

.emojione-24-diversity._1f9d4-1f3fc {
  background-position: -650px -725px
}

.emojione-24-diversity._1f9d4-1f3fd {
  background-position: -675px -725px
}

.emojione-24-diversity._1f9d4-1f3fe {
  background-position: -700px -725px
}

.emojione-24-diversity._1f9d4-1f3ff {
  background-position: -725px -725px
}

.emojione-24-diversity._1f9d5-1f3fb {
  background-position: -750px 0
}

.emojione-24-diversity._1f9d5-1f3fc {
  background-position: -750px -25px
}

.emojione-24-diversity._1f9d5-1f3fd {
  background-position: -750px -50px
}

.emojione-24-diversity._1f9d5-1f3fe {
  background-position: -750px -75px
}

.emojione-24-diversity._1f9d5-1f3ff {
  background-position: -750px -100px
}

.emojione-24-diversity._1f9d6-1f3fb-2640 {
  background-position: -750px -125px
}

.emojione-24-diversity._1f9d6-1f3fb-2642 {
  background-position: -750px -150px
}

.emojione-24-diversity._1f9d6-1f3fb {
  background-position: -750px -175px
}

.emojione-24-diversity._1f9d6-1f3fc-2640 {
  background-position: -750px -200px
}

.emojione-24-diversity._1f9d6-1f3fc-2642 {
  background-position: -750px -225px
}

.emojione-24-diversity._1f9d6-1f3fc {
  background-position: -750px -250px
}

.emojione-24-diversity._1f9d6-1f3fd-2640 {
  background-position: -750px -275px
}

.emojione-24-diversity._1f9d6-1f3fd-2642 {
  background-position: -750px -300px
}

.emojione-24-diversity._1f9d6-1f3fd {
  background-position: -750px -325px
}

.emojione-24-diversity._1f9d6-1f3fe-2640 {
  background-position: -750px -350px
}

.emojione-24-diversity._1f9d6-1f3fe-2642 {
  background-position: -750px -375px
}

.emojione-24-diversity._1f9d6-1f3fe {
  background-position: -750px -400px
}

.emojione-24-diversity._1f9d6-1f3ff-2640 {
  background-position: -750px -425px
}

.emojione-24-diversity._1f9d6-1f3ff-2642 {
  background-position: -750px -450px
}

.emojione-24-diversity._1f9d6-1f3ff {
  background-position: -750px -475px
}

.emojione-24-diversity._1f9d7-1f3fb-2640 {
  background-position: -750px -500px
}

.emojione-24-diversity._1f9d7-1f3fb-2642 {
  background-position: -750px -525px
}

.emojione-24-diversity._1f9d7-1f3fb {
  background-position: -750px -550px
}

.emojione-24-diversity._1f9d7-1f3fc-2640 {
  background-position: -750px -575px
}

.emojione-24-diversity._1f9d7-1f3fc-2642 {
  background-position: -750px -600px
}

.emojione-24-diversity._1f9d7-1f3fc {
  background-position: -750px -625px
}

.emojione-24-diversity._1f9d7-1f3fd-2640 {
  background-position: -750px -650px
}

.emojione-24-diversity._1f9d7-1f3fd-2642 {
  background-position: -750px -675px
}

.emojione-24-diversity._1f9d7-1f3fd {
  background-position: -750px -700px
}

.emojione-24-diversity._1f9d7-1f3fe-2640 {
  background-position: -750px -725px
}

.emojione-24-diversity._1f9d7-1f3fe-2642 {
  background-position: 0 -750px
}

.emojione-24-diversity._1f9d7-1f3fe {
  background-position: -25px -750px
}

.emojione-24-diversity._1f9d7-1f3ff-2640 {
  background-position: -50px -750px
}

.emojione-24-diversity._1f9d7-1f3ff-2642 {
  background-position: -75px -750px
}

.emojione-24-diversity._1f9d7-1f3ff {
  background-position: -100px -750px
}

.emojione-24-diversity._1f9d8-1f3fb-2640 {
  background-position: -125px -750px
}

.emojione-24-diversity._1f9d8-1f3fb-2642 {
  background-position: -150px -750px
}

.emojione-24-diversity._1f9d8-1f3fb {
  background-position: -175px -750px
}

.emojione-24-diversity._1f9d8-1f3fc-2640 {
  background-position: -200px -750px
}

.emojione-24-diversity._1f9d8-1f3fc-2642 {
  background-position: -225px -750px
}

.emojione-24-diversity._1f9d8-1f3fc {
  background-position: -250px -750px
}

.emojione-24-diversity._1f9d8-1f3fd-2640 {
  background-position: -275px -750px
}

.emojione-24-diversity._1f9d8-1f3fd-2642 {
  background-position: -300px -750px
}

.emojione-24-diversity._1f9d8-1f3fd {
  background-position: -325px -750px
}

.emojione-24-diversity._1f9d8-1f3fe-2640 {
  background-position: -350px -750px
}

.emojione-24-diversity._1f9d8-1f3fe-2642 {
  background-position: -375px -750px
}

.emojione-24-diversity._1f9d8-1f3fe {
  background-position: -400px -750px
}

.emojione-24-diversity._1f9d8-1f3ff-2640 {
  background-position: -425px -750px
}

.emojione-24-diversity._1f9d8-1f3ff-2642 {
  background-position: -450px -750px
}

.emojione-24-diversity._1f9d8-1f3ff {
  background-position: -475px -750px
}

.emojione-24-diversity._1f9d9-1f3fb-2640 {
  background-position: -500px -750px
}

.emojione-24-diversity._1f9d9-1f3fb-2642 {
  background-position: -525px -750px
}

.emojione-24-diversity._1f9d9-1f3fb {
  background-position: -550px -750px
}

.emojione-24-diversity._1f9d9-1f3fc-2640 {
  background-position: -575px -750px
}

.emojione-24-diversity._1f9d9-1f3fc-2642 {
  background-position: -600px -750px
}

.emojione-24-diversity._1f9d9-1f3fc {
  background-position: -625px -750px
}

.emojione-24-diversity._1f9d9-1f3fd-2640 {
  background-position: -650px -750px
}

.emojione-24-diversity._1f9d9-1f3fd-2642 {
  background-position: -675px -750px
}

.emojione-24-diversity._1f9d9-1f3fd {
  background-position: -700px -750px
}

.emojione-24-diversity._1f9d9-1f3fe-2640 {
  background-position: -725px -750px
}

.emojione-24-diversity._1f9d9-1f3fe-2642 {
  background-position: -750px -750px
}

.emojione-24-diversity._1f9d9-1f3fe {
  background-position: -775px 0
}

.emojione-24-diversity._1f9d9-1f3ff-2640 {
  background-position: -775px -25px
}

.emojione-24-diversity._1f9d9-1f3ff-2642 {
  background-position: -775px -50px
}

.emojione-24-diversity._1f9d9-1f3ff {
  background-position: -775px -75px
}

.emojione-24-diversity._1f9da-1f3fb-2640 {
  background-position: -775px -100px
}

.emojione-24-diversity._1f9da-1f3fb-2642 {
  background-position: -775px -125px
}

.emojione-24-diversity._1f9da-1f3fb {
  background-position: -775px -150px
}

.emojione-24-diversity._1f9da-1f3fc-2640 {
  background-position: -775px -175px
}

.emojione-24-diversity._1f9da-1f3fc-2642 {
  background-position: -775px -200px
}

.emojione-24-diversity._1f9da-1f3fc {
  background-position: -775px -225px
}

.emojione-24-diversity._1f9da-1f3fd-2640 {
  background-position: -775px -250px
}

.emojione-24-diversity._1f9da-1f3fd-2642 {
  background-position: -775px -275px
}

.emojione-24-diversity._1f9da-1f3fd {
  background-position: -775px -300px
}

.emojione-24-diversity._1f9da-1f3fe-2640 {
  background-position: -775px -325px
}

.emojione-24-diversity._1f9da-1f3fe-2642 {
  background-position: -775px -350px
}

.emojione-24-diversity._1f9da-1f3fe {
  background-position: -775px -375px
}

.emojione-24-diversity._1f9da-1f3ff-2640 {
  background-position: -775px -400px
}

.emojione-24-diversity._1f9da-1f3ff-2642 {
  background-position: -775px -425px
}

.emojione-24-diversity._1f9da-1f3ff {
  background-position: -775px -450px
}

.emojione-24-diversity._1f9db-1f3fb-2640 {
  background-position: -775px -475px
}

.emojione-24-diversity._1f9db-1f3fb-2642 {
  background-position: -775px -500px
}

.emojione-24-diversity._1f9db-1f3fb {
  background-position: -775px -525px
}

.emojione-24-diversity._1f9db-1f3fc-2640 {
  background-position: -775px -550px
}

.emojione-24-diversity._1f9db-1f3fc-2642 {
  background-position: -775px -575px
}

.emojione-24-diversity._1f9db-1f3fc {
  background-position: -775px -600px
}

.emojione-24-diversity._1f9db-1f3fd-2640 {
  background-position: -775px -625px
}

.emojione-24-diversity._1f9db-1f3fd-2642 {
  background-position: -775px -650px
}

.emojione-24-diversity._1f9db-1f3fd {
  background-position: -775px -675px
}

.emojione-24-diversity._1f9db-1f3fe-2640 {
  background-position: -775px -700px
}

.emojione-24-diversity._1f9db-1f3fe-2642 {
  background-position: -775px -725px
}

.emojione-24-diversity._1f9db-1f3fe {
  background-position: -775px -750px
}

.emojione-24-diversity._1f9db-1f3ff-2640 {
  background-position: 0 -775px
}

.emojione-24-diversity._1f9db-1f3ff-2642 {
  background-position: -25px -775px
}

.emojione-24-diversity._1f9db-1f3ff {
  background-position: -50px -775px
}

.emojione-24-diversity._1f9dc-1f3fb-2640 {
  background-position: -75px -775px
}

.emojione-24-diversity._1f9dc-1f3fb-2642 {
  background-position: -100px -775px
}

.emojione-24-diversity._1f9dc-1f3fb {
  background-position: -125px -775px
}

.emojione-24-diversity._1f9dc-1f3fc-2640 {
  background-position: -150px -775px
}

.emojione-24-diversity._1f9dc-1f3fc-2642 {
  background-position: -175px -775px
}

.emojione-24-diversity._1f9dc-1f3fc {
  background-position: -200px -775px
}

.emojione-24-diversity._1f9dc-1f3fd-2640 {
  background-position: -225px -775px
}

.emojione-24-diversity._1f9dc-1f3fd-2642 {
  background-position: -250px -775px
}

.emojione-24-diversity._1f9dc-1f3fd {
  background-position: -275px -775px
}

.emojione-24-diversity._1f9dc-1f3fe-2640 {
  background-position: -300px -775px
}

.emojione-24-diversity._1f9dc-1f3fe-2642 {
  background-position: -325px -775px
}

.emojione-24-diversity._1f9dc-1f3fe {
  background-position: -350px -775px
}

.emojione-24-diversity._1f9dc-1f3ff-2640 {
  background-position: -375px -775px
}

.emojione-24-diversity._1f9dc-1f3ff-2642 {
  background-position: -400px -775px
}

.emojione-24-diversity._1f9dc-1f3ff {
  background-position: -425px -775px
}

.emojione-24-diversity._1f9dd-1f3fb-2640 {
  background-position: -450px -775px
}

.emojione-24-diversity._1f9dd-1f3fb-2642 {
  background-position: -475px -775px
}

.emojione-24-diversity._1f9dd-1f3fb {
  background-position: -500px -775px
}

.emojione-24-diversity._1f9dd-1f3fc-2640 {
  background-position: -525px -775px
}

.emojione-24-diversity._1f9dd-1f3fc-2642 {
  background-position: -550px -775px
}

.emojione-24-diversity._1f9dd-1f3fc {
  background-position: -575px -775px
}

.emojione-24-diversity._1f9dd-1f3fd-2640 {
  background-position: -600px -775px
}

.emojione-24-diversity._1f9dd-1f3fd-2642 {
  background-position: -625px -775px
}

.emojione-24-diversity._1f9dd-1f3fd {
  background-position: -650px -775px
}

.emojione-24-diversity._1f9dd-1f3fe-2640 {
  background-position: -675px -775px
}

.emojione-24-diversity._1f9dd-1f3fe-2642 {
  background-position: -700px -775px
}

.emojione-24-diversity._1f9dd-1f3fe {
  background-position: -725px -775px
}

.emojione-24-diversity._1f9dd-1f3ff-2640 {
  background-position: -750px -775px
}

.emojione-24-diversity._1f9dd-1f3ff-2642 {
  background-position: -775px -775px
}

.emojione-24-diversity._1f9dd-1f3ff {
  background-position: -800px 0
}

.emojione-24-diversity._261d-1f3fb {
  background-position: -800px -25px
}

.emojione-24-diversity._261d-1f3fc {
  background-position: -800px -50px
}

.emojione-24-diversity._261d-1f3fd {
  background-position: -800px -75px
}

.emojione-24-diversity._261d-1f3fe {
  background-position: -800px -100px
}

.emojione-24-diversity._261d-1f3ff {
  background-position: -800px -125px
}

.emojione-24-diversity._26f9-1f3fb-2640 {
  background-position: -800px -150px
}

.emojione-24-diversity._26f9-1f3fb-2642 {
  background-position: -800px -175px
}

.emojione-24-diversity._26f9-1f3fb {
  background-position: -800px -200px
}

.emojione-24-diversity._26f9-1f3fc-2640 {
  background-position: -800px -225px
}

.emojione-24-diversity._26f9-1f3fc-2642 {
  background-position: -800px -250px
}

.emojione-24-diversity._26f9-1f3fc {
  background-position: -800px -275px
}

.emojione-24-diversity._26f9-1f3fd-2640 {
  background-position: -800px -300px
}

.emojione-24-diversity._26f9-1f3fd-2642 {
  background-position: -800px -325px
}

.emojione-24-diversity._26f9-1f3fd {
  background-position: -800px -350px
}

.emojione-24-diversity._26f9-1f3fe-2640 {
  background-position: -800px -375px
}

.emojione-24-diversity._26f9-1f3fe-2642 {
  background-position: -800px -400px
}

.emojione-24-diversity._26f9-1f3fe {
  background-position: -800px -425px
}

.emojione-24-diversity._26f9-1f3ff-2640 {
  background-position: -800px -450px
}

.emojione-24-diversity._26f9-1f3ff-2642 {
  background-position: -800px -475px
}

.emojione-24-diversity._26f9-1f3ff {
  background-position: -800px -500px
}

.emojione-24-diversity._270a-1f3fb {
  background-position: -800px -525px
}

.emojione-24-diversity._270a-1f3fc {
  background-position: -800px -550px
}

.emojione-24-diversity._270a-1f3fd {
  background-position: -800px -575px
}

.emojione-24-diversity._270a-1f3fe {
  background-position: -800px -600px
}

.emojione-24-diversity._270a-1f3ff {
  background-position: -800px -625px
}

.emojione-24-diversity._270b-1f3fb {
  background-position: -800px -650px
}

.emojione-24-diversity._270b-1f3fc {
  background-position: -800px -675px
}

.emojione-24-diversity._270b-1f3fd {
  background-position: -800px -700px
}

.emojione-24-diversity._270b-1f3fe {
  background-position: -800px -725px
}

.emojione-24-diversity._270b-1f3ff {
  background-position: -800px -750px
}

.emojione-24-diversity._270c-1f3fb {
  background-position: -800px -775px
}

.emojione-24-diversity._270c-1f3fc {
  background-position: 0 -800px
}

.emojione-24-diversity._270c-1f3fd {
  background-position: -25px -800px
}

.emojione-24-diversity._270c-1f3fe {
  background-position: -50px -800px
}

.emojione-24-diversity._270c-1f3ff {
  background-position: -75px -800px
}

.emojione-24-diversity._270d-1f3fb {
  background-position: -100px -800px
}

.emojione-24-diversity._270d-1f3fc {
  background-position: -125px -800px
}

.emojione-24-diversity._270d-1f3fd {
  background-position: -150px -800px
}

.emojione-24-diversity._270d-1f3fe {
  background-position: -175px -800px
}

.emojione-24-diversity._270d-1f3ff {
  background-position: -200px -800px
}

.collab-search-bar-wrapper {
  position: relative;
  padding: 9px 19px 10px;
  background-color: #f3f3f3
}

.collab-search-bar {
  border: 1px solid #809d9d;
  border-radius: 20px;
  background-color: #fff
}

.collab-search-hint-popup, .collab-search-hint-wrapper.highlight-search-hint:hover {
  background: #ff5959;
  color: #fff
}

.collab-search-bar:focus-within {
  border-color: #00b3b3;
  box-shadow: 0 0 10px -2px #00b3b3
}

.collab-search-bar.invalid-search:focus-within {
  border-color: #ff5959;
  box-shadow: 0 0 10px -2px #ff5959
}

.collab-search-bar-icon-wrapper {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 10%;
  height: 30px;
  border-radius: 20px 0 0 20px
}

.collab-search-bar-icon {
  width: 15px;
  display: block;
  fill: #809d9d;
  margin: auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%)
}

.collab-search-text-wrapper {
  position: relative;
  display: inline-block;
  width: 80%;
  vertical-align: middle
}

.collab-search-text {
  width: 100%;
  height: 32px;
  border: none;
  padding-bottom: 3.2px;
  margin: 0 auto;
  display: block;
  box-sizing: border-box;
  outline: 0;
  font-size: 14px;
  font-weight: 400
}

  .collab-search-text::placeholder {
      color: #809d9d;
      font-size: 12px
  }

.collab-search-hint-popup, .collab-search-hint-wrapper {
  vertical-align: middle;
  line-height: 30px;
  font-size: 14px
}

.collab-search-text::-webkit-input-placeholder {
  color: #809d9d
}

.collab-search-text:-moz-placeholder {
  color: #809d9d
}

.collab-search-text::-moz-placeholder {
  color: #809d9d
}

.collab-search-text:-ms-input-placeholder {
  color: #809d9d
}

.collab-search-hint-wrapper {
  position: relative;
  display: inline-block;
  height: 30px;
  width: 5%;
  text-align: center;
  border-radius: 0 20px 20px 0;
  font-weight: 400;
  color: #ff5959
}

.collab-search-cancel-btn {
  cursor: pointer;
  position: relative;
  vertical-align: middle;
  height: 32px;
  width: 10%;
  text-align: center;
  line-height: 32px;
  border-radius: 0 20px 20px 0;
  float: right
}

  .collab-search-cancel-btn:hover svg.collab-search-cancel {
      fill: #000
  }

svg.collab-search-cancel {
  fill: #707070;
  height: 14px;
  width: 14px;
  display: block;
  margin: auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%)
}

.collab-search-box-hint-popup-wrapper {
  position: relative;
  display: block
}

.collab-search-hint-popup {
  position: absolute;
  z-index: 999999;
  width: 100%;
  height: 30px;
  margin: 5px 0 0;
  text-align: center;
  font-weight: 400;
  left: 0;
  border-radius: 20px
}

.action-menu.expand .fcon-btn-wrapper {
  visibility: hidden
}

  .action-menu.expand .fcon-action-btn-wrapper, .action-menu.expand .fcon-btn-wrapper.freshconnect-disabled, .fcon-btn-wrapper {
      visibility: visible
  }

.action-menu.expand .bell-btn-wrapper {
  margin-bottom: 16px;
  -webkit-transition: all .1s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .1s ease;
  -o-transition: all .1s ease;
  transition: all .1s ease;
  -webkit-transition-delay: .1s;
  transition-delay: 60ms;
  animation: move-to-top-and-bounce 540ms ease
}

  .action-menu.expand .bell-btn-wrapper.action-btn-disabled {
      margin-bottom: -20px;
      animation: none
  }

  .action-menu.expand .bell-btn-wrapper .headway-product-updates {
      left: -1px
  }

.action-menu.expand .cm-btn-parent-wrapper {
  margin-bottom: -4px
}

  .action-menu.expand .cm-btn-parent-wrapper.action-btn-disabled {
      cursor: default
  }

      .action-menu.expand .cm-btn-parent-wrapper.action-btn-disabled .cm-btn-wrapper {
          display: none
      }

.action-menu.expand .dm-btn-wrapper {
  margin-bottom: 16px;
  -webkit-transition: all .1s ease;
  -moz-transition: all .1s ease;
  -ms-transition: all .1s ease;
  -o-transition: all .1s ease;
  transition: all .1s ease;
  -webkit-transition-delay: 75ms;
  transition-delay: 40ms;
  animation: move-to-top-and-bounce 540ms ease
}

.fcon-btn-wrapper {
  width: 56px;
  height: 56px;
  box-sizing: border-box;
  box-shadow: 0 -2px 5px 0 rgba(0,0,0,.32);
  border-radius: 32px 8px 32px 32px;
  -webkit-transition: all .1s ease-in;
  -moz-transition: all .1s ease-in;
  -ms-transition: all .1s ease-in;
  -o-transition: all .1s ease-in;
  transition: all .1s ease-in;
  -webkit-transition-delay: 75ms;
  transition-delay: 40ms;
  background: #fff
}

  .fcon-btn-wrapper.freshconnect-disabled {
      border-radius: 32px 32px 8px;
      box-shadow: 0 -2px 5px 0 rgba(0,0,0,.2)
  }

  .fcon-btn-wrapper.has-unread::before {
      content: '';
      min-width: 16px;
      height: 16px;
      position: absolute;
      top: -2px;
      right: 0;
      border: 1px solid #fff;
      border-radius: 28px;
      background: #e03b28
  }

svg.fcon-btn {
  width: 56px;
  height: 56px;
  fill: #00b3b3
}

.fcon-action-btn-wrapper {
  width: 56px;
  height: 56px;
  text-align: center;
  display: block;
  box-sizing: border-box;
  box-shadow: 0 -2px 5px 0 rgba(0,0,0,.32);
  border-radius: 50%;
  background: #00b3b3;
  margin-bottom: 0;
  -webkit-transition: all .1s ease-out;
  -moz-transition: all .1s ease-in;
  -ms-transition: all .1s ease-in;
  -o-transition: all .1s ease-in;
  transition: all .1s ease-out;
  -webkit-transition-delay: 50ms;
  transition-delay: 20ms;
  position: relative;
  visibility: hidden
}

.fcon-notification-count {
  min-width: 25px;
  height: 25px;
  position: absolute;
  top: -7px;
  left: -7px;
  border: 1px solid #fff;
  border-radius: 28px;
  background: #e03b28;
  color: #fff;
  font-size: 13px;
  line-height: 23px;
  text-align: center;
  padding-left: 3px;
  padding-right: 3px;
  font-weight: 600
}

.fcon-unread-count {
  min-width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  left: -3px;
  border: 1px solid #fff;
  border-radius: 16px;
  background: #e03b28
}

.fcon-btn-wrapper .fcon-notification-count {
  animation: fall-from-top-and-bounce 540ms ease
}

.fcon-active-convo-hint-wrapper {
  position: absolute;
  right: 68px;
  bottom: 10px
}

.fcon-hint {
  background: #fff;
  border: 1px solid #1775e6;
  border-radius: 6px;
  opacity: .94;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.32);
  box-sizing: border-box;
  padding: 4px 12px
}

.fcon-hint-text {
  white-space: nowrap;
  font-size: 12px;
  color: #1775e6
}

  .fcon-hint-text.has-unread::before {
      content: '';
      position: relative;
      display: inline-block;
      min-width: 12px;
      height: 12px;
      top: 2px;
      right: 4px;
      border: 1px solid #fff;
      border-radius: 28px;
      background: #e03b28
  }

.fcon-hint-close {
  height: 16px;
  width: 16px;
  position: absolute;
  border: 1px solid #fff;
  border-radius: 16px;
  background: #1775e6;
  right: -8px;
  bottom: 20px
}

svg.action-btn, svg.fcon-hint-close-icon {
  display: block;
  position: relative;
  fill: #fff
}

svg.fcon-hint-close-icon {
  width: 6px;
  transform: translateX(-50%);
  left: 50%
}

svg.action-btn {
  width: 24px;
  height: 24px;
  top: 16px;
  margin: auto
}

svg.dm-btn {
  right: 2px
}

.headway-product-updates {
  min-width: 18px;
  height: 18px;
  position: absolute;
  top: -2px;
  border: 1px solid #fff;
  border-radius: 28px;
  background: #ffc080
}

.options-box {
  bottom: 90%;
  position: absolute;
  right: -1%;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.24)
}

  .options-box .option-box-cell, .options-box .option-box-text, .options-box .option-box-text-cell {
      position: relative;
      transform: translateY(-50%);
      text-align: center;
      top: 50%;
      vertical-align: middle
  }

  .options-box .options-box-heading {
      color: #001e3c;
      font-size: 16px;
      line-height: 18px;
      padding: 20px 20px 10px;
      font-weight: 700
  }

  .options-box .options-box-subtext {
      color: #001e3c;
      font-size: 12px;
      line-height: 16px;
      padding: 0 20px
  }

  .options-box .option-box-rectangles {
      height: 48px;
      margin: 16px;
      width: 300px;
      border-radius: 4px;
      background-color: #f5f5f5;
      box-shadow: inset 0 -1px 0 0 #ebebeb
  }

  .options-box .option-box-cell {
      border-radius: 4px;
      background-color: #dcdcdc;
      float: right;
      right: 20px;
      font-size: 12px
  }

  .options-box .option-box-text-cell {
      border-radius: 4px;
      float: left;
      left: 10px;
      font-size: 12px
  }

  .options-box .option-box-text {
      float: left;
      left: 10px;
      font-size: 12px
  }

  .options-box .cell-bold {
      padding: 2px 6px;
      width: 28%;
      height: 35%
  }

  .options-box .bold-text {
      font-weight: 700
  }

  .options-box .cell-italics {
      padding: 2px 6px;
      height: 35%;
      color: #001e3c
  }

  .options-box .italics-text {
      font-style: italic
  }

  .options-box .cell-block-quote {
      padding: 5px 6px 1px;
      height: 39%;
      line-height: 14px
  }

  .options-box .block-quote-text {
      font-style: italic
  }

  .options-box .text-cell-block-quote {
      padding: 3px 2px;
      width: 29%;
      height: 39%;
      line-height: 14px;
      background-color: #fff;
      border: 1px solid #ebebeb
  }

.noti-box-wrapper::after, .option-box-arrow {
  border-top: 8px solid transparent;
  transform: rotate(-45deg);
  position: absolute
}

.options-box .cell-code-block {
  padding: 0 6px;
  height: 40%
}

.options-box .code-text {
  color: #d19a66;
  font-style: italic
}

.options-box .block-text {
  color: #98c379;
  font-style: italic;
  padding-left: 2px
}

.options-box .text-cell-code-block {
  width: 27%;
  height: 39%;
  line-height: 14px;
  background-color: #282c34
}

.option-box-arrow {
  border-bottom: 1px solid #fff;
  border-right: 1px solid transparent;
  border-left: 10px solid #fff;
  right: 15px;
  bottom: 85%;
  box-shadow: 0 3px 3px -2px rgba(0,0,0,.2)
}

.options-box-arrow-annotations-enabled {
  right: 10.5%
}

.noti-box-wrapper {
  padding: 16px 32px;
  cursor: default;
  background-color: #fff;
  z-index: 1000000;
  position: absolute;
  right: 5px;
  bottom: 71px;
  border-radius: 2.5px;
  width: 360px;
  box-shadow: 0 4px 0 0 #fff,0 0 20px 0 rgba(0,0,0,.2);
  animation: fall-from-top-and-bounce 640ms ease-in
}

  .noti-box-wrapper::after {
      content: "";
      border-bottom: 8px solid #fff;
      border-right: 8px solid transparent;
      border-left: 8px solid #fff;
      right: 15px;
      bottom: -11px;
      box-shadow: -2px 2px 3px -1px rgba(0,0,0,.2)
  }

  .noti-box-wrapper .fcon-broadcast-noti-wrapper {
      text-align: center
  }

      .noti-box-wrapper .fcon-broadcast-noti-wrapper .fcon-broadcast-noti-title {
          font-weight: 500;
          margin-bottom: 8px;
          font-size: 14px
      }

      .noti-box-wrapper .fcon-broadcast-noti-wrapper .fcon-broadcast-noti-close-btn {
          position: absolute;
          right: 12px;
          top: 8px;
          cursor: pointer
      }

          .noti-box-wrapper .fcon-broadcast-noti-wrapper .fcon-broadcast-noti-close-btn .fcon-broadcast-close-icon {
              width: 10px
          }

      .noti-box-wrapper .fcon-broadcast-noti-wrapper .fcon-broadcast-noti-img {
          width: 250px
      }

      .noti-box-wrapper .fcon-broadcast-noti-wrapper .fcon-broadcast-noti-content {
          font-size: 14px;
          font-weight: 300;
          margin: 12px 0 0;
          line-height: 18px;
          color: #5d5d5d
      }

      .noti-box-wrapper .fcon-broadcast-noti-wrapper .fcon-broadcast-noti-action-btn {
          margin-top: 16px;
          background-color: #1775e6;
          border-radius: 4px;
          width: auto;
          padding: 8px 16px;
          color: #fff;
          display: inline-block;
          font-size: 14px;
          cursor: pointer
      }

      .noti-box-wrapper .fcon-broadcast-noti-wrapper.with-body-img .fcon-broadcast-noti-action-btn {
          margin-top: 8px
      }

.logo-announcement .oval-background {
  height: 32px;
  width: 32px;
  border: 1px solid rgba(0,0,0,.05);
  background-color: #00b3b3;
  box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
  border-radius: 20px;
  left: -10px;
  top: -10px;
  position: absolute
}

.logo-announcement .dm-icon {
  fill: #fff;
  height: 14.4px;
  width: 16px;
  margin-left: 6px;
  margin-top: 8px
}

.element-wrapper {
  position: relative
}

  .element-wrapper .title {
      color: #000;
      font-size: 14px;
      font-weight: 600;
      line-height: 16px
  }

  .element-wrapper .button {
      color: #39f;
      font-size: 14px;
      font-weight: 600;
      line-height: 16px
  }

      .element-wrapper .button .dismiss-button {
          float: left
      }

      .element-wrapper .button .view-button {
          float: right;
          text-decoration: none;
          color: #39f
      }

      .element-wrapper .button:focus, .element-wrapper .button:hover {
          cursor: pointer;
          outline: 0
      }

  .element-wrapper .body {
      text-align: left;
      color: #707070;
      font-size: 12px;
      line-height: 14px;
      padding: 8px 0 16px
  }

.collab-sidebar.expand .noti-box-wrapper {
  transform: translateY(9999px);
  animation: fall-and-hide .3s ease-in
}

.hljs {
  display: block;
  overflow-x: auto;
  padding: .5em;
  line-height: 1.3em;
  color: #abb2bf;
  background: #282c34
}

.hljs-keyword, .hljs-operator, .hljs-pattern-match {
  color: #f92672
}

  .hljs-function, .hljs-pattern-match .hljs-constructor {
      color: #61aeee
  }

      .hljs-function .hljs-params {
          color: #a6e22e
      }

          .hljs-function .hljs-params .hljs-typing {
              color: #fd971f
          }

.hljs-module-access .hljs-module {
  color: #7e57c2
}

.hljs-constructor {
  color: #e2b93d
}

  .hljs-constructor .hljs-string {
      color: #9ccc65
  }

.hljs-comment, .hljs-quote {
  color: #b18eb1;
  font-style: italic
}

.hljs-doctag, .hljs-formula {
  color: #c678dd
}

.hljs-deletion, .hljs-name, .hljs-section, .hljs-selector-tag, .hljs-subst {
  color: #e06c75
}

.hljs-literal {
  color: #56b6c2
}

.hljs-addition, .hljs-attribute, .hljs-meta-string, .hljs-regexp, .hljs-string {
  color: #98c379
}

.hljs-built_in, .hljs-class .hljs-title {
  color: #e6c07b
}

.hljs-attr, .hljs-number, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-pseudo, .hljs-template-variable, .hljs-type, .hljs-variable {
  color: #d19a66
}

.hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-symbol, .hljs-title {
  color: #61aeee
}

.hljs-emphasis {
  font-style: italic
}

.hljs-strong {
  font-weight: 700
}

.hljs-link {
  text-decoration: underline
}

.headway-product-update-icon-wrapper {
  height: 40px;
  width: 40px;
  box-sizing: border-box
}

  .headway-product-update-icon-wrapper .headway-product-update-icon {
      height: 24px;
      width: 14px;
      margin-left: 13px;
      margin-top: 8px
  }

  .headway-product-update-icon-wrapper.active {
      border-radius: 8px;
      border: 1px solid rgba(255,255,255,.32)
  }

      .headway-product-update-icon-wrapper.active .headway-product-update-icon {
          fill: #ffc080
      }

      .headway-product-update-icon-wrapper.active::before {
          content: '';
          min-width: 10px;
          height: 10px;
          position: absolute;
          top: -5px;
          right: -4px;
          border: 1px solid #fff;
          border-radius: 28px;
          background: #ffc080
      }

  .headway-product-update-icon-wrapper.disabled .headway-product-update-icon {
      opacity: .48;
      fill: #fff
  }

#headway-information-getter {
  display: none
}

.headway-product-update-addon-wrapper .headway-product-update-notification {
  font-size: 14px;
  color: #1775E6;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 2px;
  vertical-align: top;
  display: inline-block
}

.invite-collaborator-button, .invite-collaborator-confirm-button {
  padding: 8px 16px;
  font-size: 14px;
  line-height: 14px;
  cursor: pointer;
  text-align: center
}

.headway-product-update-addon-wrapper .headway-product-update-icon-addon-wrapper {
  display: inline-block
}

.headway-product-update-addon-wrapper .headway-product-update-icon {
  height: 24px;
  width: 14px;
  fill: #ffc080
}

.invite-collaborator-button-wrapper {
  display: block;
  position: relative;
  width: fit-content;
  height: fit-content;
  margin: auto
}

.invite-collaborator-popup-wrapper {
  display: none;
  position: relative;
  width: auto;
  height: auto;
  margin: auto
}

  .invite-collaborator-popup-wrapper.show {
      display: block
  }

.invite-collaborator-icon {
  vertical-align: text-bottom;
  margin-right: 4px;
  fill: #1775e6;
  display: none
}

  .invite-collaborator-button-text, .invite-collaborator-icon.show {
      display: inline-block
  }

.invite-collaborator-button {
  display: block;
  position: relative;
  width: max-content;
  height: 32px;
  border: 1px solid #1775e6;
  border-radius: 4px;
  box-sizing: border-box;
  color: #1775e6;
  margin: auto;
  outline: 0
}

  .invite-collaborator-button:hover {
      background: #1775e6;
      color: #fff
  }

      .invite-collaborator-button:hover .invite-collaborator-icon {
          fill: #fff
      }

  .invite-collaborator-button:focus {
      background: #1775e6;
      color: #fff
  }

      .invite-collaborator-button:focus .invite-collaborator-icon {
          fill: #fff
      }

.invite-collaborator-box {
  display: none;
  position: relative;
  width: 500px;
  height: auto;
  background: #fff;
  margin: auto;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  padding: 24px 40px;
  box-shadow: 0 5px 20px 3px rgba(0,0,0,.15);
  border-radius: 4px
}

  .invite-collaborator-box.show {
      display: inline-block
  }

.invite-collaborator-loader {
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  transform: translate(-50%,-50%);
  left: 50%;
  top: 50%;
  box-sizing: border-box;
  border-radius: 4px;
  background: rgba(255,255,255,.48);
  z-index: 1
}

  .invite-collaborator-loader.show {
      display: block
  }

.circular-loader {
  top: calc(50% - 20px);
  left: calc(50% - 20px);
  position: absolute
}

.invite-collaborator-confirm-button {
  display: block;
  position: relative;
  width: max-content;
  height: 32px;
  border-radius: 4px;
  box-sizing: border-box;
  background: #1775e6;
  color: #fff;
  margin: auto
}

  .invite-collaborator-confirm-button.for-form {
      margin-top: 24px
  }

  .invite-collaborator-confirm-button.for-collaborators-limit.do-later {
      margin: 16px auto;
      background: 0 0;
      color: #1775e6;
      padding: 0;
      height: auto
  }

.invite-collaborator-close-button {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  right: 12px;
  top: 12px;
  background: #adadad;
  display: block;
  cursor: pointer
}

.invite-collaborator-close-icon {
  width: 10px;
  height: 10px;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
  margin: auto;
  position: absolute;
  fill: #fff
}

.invite-collaborator-box-header {
  font-size: 80px;
  text-align: center
}

  .invite-collaborator-box-header.for-form {
      font-size: 16px;
      font-weight: 600;
      text-align: inherit
  }

  .invite-collaborator-box-header.for-collaborators-limit, .invite-collaborator-box-header.for-existing, .invite-collaborator-box-header.for-existing-member, .invite-collaborator-box-header.for-members-limit, .invite-collaborator-box-header.for-success {
      margin-top: 8px
  }

.invite-collaborator-box-description {
  font-size: 14px;
  text-align: center
}

  .invite-collaborator-box-description.for-form {
      margin-top: 12px;
      text-align: justify
  }

  .invite-collaborator-box-description.for-existing, .invite-collaborator-box-description.for-existing-member, .invite-collaborator-box-description.for-success {
      margin-bottom: 8px
  }

  .invite-collaborator-box-description.for-collaborators-limit, .invite-collaborator-box-description.for-members-limit {
      margin-bottom: 20px
  }

.invite-collaborator-error {
  font-size: 14px;
  color: #e03b28;
  display: none;
  text-align: center
}

  .invite-collaborator-error.show {
      display: block
  }

.invite-collaborator-input-header {
  font-size: 12px
}

  .invite-collaborator-input-header.for-message {
      margin-top: 24px
  }

  .invite-collaborator-input-header::after {
      content: '*';
      position: relative;
      bottom: 2px;
      left: 2px;
      color: #e03b28
  }

.invite-collaborator-input-wrapper {
  box-sizing: border-box;
  box-shadow: inset 0 -1px 0 0 #999;
  padding: 6px 0
}

.dragSortItem.-placeholderBefore, .dragSortList.-isExpanded {
  padding-top: 25px
}

.invite-collaborator-input-wrapper.error {
  box-shadow: inset 0 -1px 0 0 #e03b28
}

.invite-collaborator-input-field {
  border-style: none;
  font-size: 16px;
  width: 100%;
  outline: 0
}

.invite-collaborator-input-error {
  position: absolute;
  font-size: 12px;
  color: #e03b28;
  display: none
}

  .invite-collaborator-input-error.show {
      display: block
  }

.invite-collaborator-user-tag {
  font-size: 16px;
  display: none
}

  .invite-collaborator-user-tag.show {
      display: block
  }

.invite-collaborator-tip {
  font-size: 12px;
  text-align: center
}

  .invite-collaborator-tip.for-existing, .invite-collaborator-tip.for-existing-member, .invite-collaborator-tip.for-success {
      margin-bottom: 16px
  }

  .invite-collaborator-tip.for-members-limit {
      margin-top: 16px
  }

.dragSortList {
  overflow: auto;
  position: relative
}

  .dragSortList.-isExpanded.-isDraggingOver:before {
      content: '🡢';
      position: absolute;
      line-height: 25px;
      top: 0;
      left: 0;
      z-index: 2
  }

.dragSortItem, .light-table .lt-column {
  position: relative
}

  .dragSortItem [draggable], .dragSortItem[draggable] {
      cursor: move;
      cursor: hand;
      cursor: -webkit-grab;
      cursor: grab;
      cursor: -webkit-grabbing;
      cursor: grabbing
  }

  .dragSortItem.-isDragged {
      display: none
  }

.dragSortList.-sourceOnlyList .dragSortItem.-isDragged {
  display: block
}

.dragSortItem.-placeholderAfter {
  padding-bottom: 25px
}

.dragSortList.-horizontal .dragSortItem.-placeholderBefore, .dragSortList.-horizontal.-rtl .dragSortItem.-placeholderAfter {
  padding: 0 0 0 25px
}

.dragSortList.-horizontal .dragSortItem.-placeholderAfter, .dragSortList.-horizontal.-rtl .dragSortItem.-placeholderBefore {
  padding: 0 25px 0 0
}

.dragSortItem.-placeholderAfter:before, .dragSortItem.-placeholderBefore:before {
  content: '🡢';
  position: absolute;
  line-height: 25px;
  left: 0
}

.dragSortItem.-placeholderBefore:before {
  top: 0
}

.dragSortItem.-placeholderAfter:before {
  bottom: 0
}

.dragSortList.-horizontal {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap
}

  .dragSortList.-horizontal .dragSortItem.-placeholderAfter:before, .dragSortList.-horizontal .dragSortItem.-placeholderBefore:before {
      width: 25px;
      top: 50%;
      bottom: auto;
      transform: translateY(-50%);
      text-align: center
  }

.emojidex-category-icon:hover, .emojidex-list-item:hover {
  transform: scale(1.4)
}

.dragSortList.-horizontal .dragSortItem.-placeholderBefore:before, .dragSortList.-horizontal.-rtl .dragSortItem.-placeholderAfter:before {
  left: 0;
  right: auto
}

.dragSortList.-horizontal .dragSortItem.-placeholderAfter:before, .dragSortList.-horizontal.-rtl .dragSortItem.-placeholderBefore:before {
  left: auto;
  right: 0
}

.emojidex-palette-wrapper {
  background-color: #fff;
  display: inline-block;
  box-shadow: 0 0 10px 0 rgba(0,0,0,.1),0 0 3px 0 #F2F2F2;
  border-radius: 6px
}

.emojidex-searchbox {
  width: 100%;
  border: none;
  padding: 8px
}

  .emojidex-searchbox:focus {
      outline: 0
  }

.emojidex-icon-palette {
  padding: 8px 12px 8px 8px;
  height: 323px;
  overflow-y: scroll;
  background: #f5f5f5
}

.emojidex-list-category-label {
  color: #000;
  opacity: .6;
  font-size: 13px;
  margin: 0 4px
}

.unified360-sidenav, .unified360-sidenav [class*=unified360-hint--]:after {
  color: #bbdcfe;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif
}

.emojidex-emoji-list {
  display: grid;
  justify-items: center;
  grid-template-columns: repeat(8,1fr)
}

.emojidex-complete-list {
  margin: 8px 0
}

.emojidex-list-item {
  font-size: 22px;
  padding: 3px;
  cursor: pointer;
  transition: .2s ease-out transform
}

.unified360-sidenav, .unified360-sidenav [class*=unified360-hint--]:after, .unified360-sidenav label {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px
}

.emojidex-horizontal-ruler {
  height: 1px;
  background: #d3d3d3
}

.emojidex-category-holder {
  display: flex;
  padding: 8px 12px 8px 8px
}

.emojidex-category-icon {
  flex-grow: 1;
  padding: 3px;
  cursor: pointer;
  transition: .2s ease-out transform
}

.emojidex-bottom-component {
  border-radius: 0 0 6px 6px
}

.emojidex-top-component {
  border-radius: 6px 6px 0 0
}

.emojidex-bottom-component.emojidex-top-component {
  border-radius: 6px
}

.light-table {
  height: inherit;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

  .light-table table {
      table-layout: fixed;
      border-collapse: collapse;
      width: 100%;
      box-sizing: border-box
  }

  .light-table .lt-scaffolding {
      border: none;
      padding-top: 0;
      padding-bottom: 0;
      height: 0;
      margin-top: 0;
      margin-bottom: 0;
      visibility: hidden
  }

  .light-table .lt-foot-wrap, .light-table .lt-head-wrap {
      overflow-y: auto;
      overflow-x: hidden;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }

  .light-table .lt-body-wrap {
      overflow-y: hidden;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto
  }

  .light-table .lt-scrollable {
      width: 100%;
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto
  }

      .light-table .lt-scrollable.vertical-collection {
          overflow-y: auto
      }

  .light-table vertical-collection {
      width: 100%;
      display: table;
      table-layout: fixed
  }

      .light-table vertical-collection occluded-content:first-of-type {
          display: table-caption
      }

  .light-table .align-left {
      text-align: left
  }

  .light-table .align-right {
      text-align: right
  }

  .light-table .align-center {
      text-align: center
  }

  .light-table .lt-column .lt-sort-icon {
      float: right
  }

  .light-table .lt-column.is-draggable, .light-table .lt-column.is-sortable {
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none
  }

  .light-table .lt-column.is-resizing {
      pointer-events: none
  }

  .light-table.is-resizing {
      cursor: col-resize
  }

  .light-table .lt-column .lt-column-resizer {
      width: 5px;
      cursor: col-resize;
      height: 100%;
      background: 0 0;
      position: absolute;
      right: 0;
      top: 0
  }

  .light-table .lt-row.is-expandable, .light-table .lt-row.is-selectable {
      cursor: pointer
  }

.tse-scrollable {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%
}

  .tse-scrollable .tse-scroll-content {
      position: absolute
  }

.tse-scrollbar {
  position: absolute;
  z-index: 99
}

  .tse-scrollbar .drag-handle {
      position: absolute;
      -webkit-transition: opacity .2s linear;
      -moz-transition: opacity .2s linear;
      -ms-transition: opacity .2s linear;
      -o-transition: opacity .2s linear;
      transition: opacity .2s linear;
      opacity: 0;
      -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
      border-radius: 7px;
      background: #6c6e71;
      -webkit-background-clip: padding-box;
      -moz-background-clip: padding
  }

  .tse-scrollbar:hover .drag-handle {
      -webkit-transition: opacity 0 linear;
      -moz-transition: opacity 0 linear;
      -ms-transition: opacity 0 linear;
      -o-transition: opacity 0 linear;
      transition: opacity 0 linear;
      opacity: .7
  }

  .tse-scrollbar .drag-handle.visible {
      opacity: .7
  }

  .tse-scrollbar.vertical {
      top: 0;
      right: 0;
      bottom: 0;
      width: 11px
  }

      .tse-scrollbar.vertical .tse-scroll-content {
          overflow: hidden;
          overflow-y: scroll;
          position: absolute
      }

      .tse-scrollbar.vertical .drag-handle {
          right: 2px;
          width: 7px
      }

.tse-scrollable.horizontal .tse-scrollbar.horizontal {
  left: 0;
  right: 0;
  bottom: 0;
  top: auto;
  width: auto;
  height: 11px
}

  .tse-scrollable.horizontal .tse-scrollbar.horizontal .drag-handle {
      top: 2px;
      right: auto;
      width: auto;
      min-width: 0;
      height: 7px;
      min-height: 0
  }

.tse-scrollable.horizontal .tse-scroll-content {
  overflow-x: scroll;
  overflow-y: hidden
}

.tse-scrollable.vertical .tse-scroll-content {
  overflow-x: hidden;
  overflow-y: scroll
}

.tse-scrollable.horizontal.vertical .tse-scroll-content {
  overflow-x: scroll;
  overflow-y: scroll
}

body {
  margin: 0
}

* {
  box-sizing: border-box
}

.unified360-sidenav {
  -webkit-font-smoothing: antialiased
}

  .unified360-sidenav [class*=unified360-hint--] {
      position: relative;
      display: inline-block
  }

      .unified360-sidenav [class*=unified360-hint--]:after {
          position: absolute;
          -webkit-transform: translate3d(0,0,0);
          -moz-transform: translate3d(0,0,0);
          transform: translate3d(0,0,0);
          visibility: hidden;
          opacity: 0;
          z-index: 1000000;
          pointer-events: none;
          -webkit-transition: 0s ease;
          -moz-transition: 0s ease;
          transition: 0s ease;
          -webkit-transition-delay: 0s;
          -moz-transition-delay: 0s;
          transition-delay: 0s;
          background: #264966;
          padding: 8px;
          white-space: nowrap;
          -webkit-border-radius: 6px;
          -moz-border-radius: 6px;
          border-radius: 6px;
          box-shadow: none
      }

      .unified360-sidenav [class*=unified360-hint--]:hover:after {
          visibility: visible;
          opacity: 1
      }

      .unified360-sidenav [class*=unified360-hint--]:hover:before {
          visibility: hidden;
          opacity: 0
      }

      .unified360-sidenav [class*=unified360-hint--][data-hint]:after {
          content: attr(data-hint)
      }

  .unified360-sidenav [aria-label='']:after, .unified360-sidenav [data-hint='']:after {
      display: none !important
  }

  .unified360-sidenav .unified360-hint--right:after, .unified360-sidenav .unified360-hint--tooltip:after {
      margin-bottom: -14px;
      left: 100%;
      bottom: 40%
  }

  .unified360-sidenav .unified360-hint--right:hover:after {
      -webkit-transform: translateX(12px);
      -moz-transform: translateX(12px);
      transform: translateX(12px)
  }

  .unified360-sidenav .unified360-widgets-item.unified360-hint--right:hover:after, .unified360-sidenav .unified360-widgets-item.unified360-hint--tooltip:hover:after {
      -webkit-transform: translateX(24px);
      -moz-transform: translateX(24px);
      transform: translateX(24px)
  }

  .unified360-sidenav .unified360-hint--top:after {
      bottom: 100%;
      left: 0;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      transform: translateX(0)
  }

  .unified360-sidenav .unified360-hint--top:hover:after {
      -webkit-transform: translateY(-8px);
      -moz-transform: translateY(-8px);
      transform: translateY(-8px)
  }

  .unified360-sidenav .unified360-more-list-container .unified360-hint--tooltip:after {
      bottom: 100%;
      left: 0;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      transform: translateX(0)
  }

  .unified360-sidenav .unified360-more-list-container .unified360-hint--tooltip:hover:after {
      -webkit-transform: translateY(-22px);
      -moz-transform: translateY(-22px);
      transform: translateY(-22px)
  }

  .unified360-sidenav .unified360-hint--right--position:hover:after {
      top: var(--hover-top);
      bottom: unset
  }

  .unified360-sidenav .unified360-marketplace-cti-container {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      bottom: 10px;
      left: 80px;
      position: absolute;
      z-index: 1100
  }

      .unified360-sidenav .unified360-marketplace-cti-container iframe {
          border: 0;
          min-height: 300px;
          height: 100%;
          width: 100%
      }

  .unified360-sidenav .unified360-marketplace-cti-body {
      overflow: hidden;
      position: relative;
      padding: 8px;
      z-index: 1;
      height: 100%
  }

  .unified360-sidenav .unified360-marketplace-cti-content {
      -webkit-box-shadow: 0 1px 10px 2px rgba(0,0,0,.15);
      box-shadow: 0 1px 10px 2px rgba(0,0,0,.15);
      background: #fff;
      border-radius: 12px;
      min-width: 360px;
      transition: left 150ms linear
  }

  .unified360-sidenav .unified360-marketplace-app-nav-trigger .marketplace-app-wrapper {
      height: inherit;
      position: relative;
      width: inherit
  }

  .unified360-sidenav .unified360-marketplace-app-nav-trigger iframe {
      border: 0;
      height: 20px;
      left: 50%;
      position: absolute;
      top: 50%;
      transform: translate(-50%,-50%);
      width: 20px
  }

  .unified360-sidenav .modal-body--marketplace-apps iframe {
      border: 0;
      height: 100%;
      width: 100%
  }

  .unified360-sidenav #unity_agent_div.unity_widget_maximized:not(.hide) + .marketplace-cti-container {
      left: 490px
  }

  .unified360-sidenav .unified360-markeplace-apps-icon-size {
      width: 20px;
      height: 20px;
      margin-left: auto;
      margin-right: auto;
      display: block;
      margin-top: 5px
  }

  .unified360-sidenav .unified360-hide {
      display: none !important
  }

  .unified360-sidenav .unified360-marketplace-app-wrapper {
      height: 100%
  }

  .unified360-sidenav .video-player {
      resize: both;
      overflow: auto
  }

  .unified360-sidenav .video-player-modal {
      position: absolute;
      z-index: 1000000;
      min-height: 260px;
      min-width: 400px;
      background: #fff;
      box-shadow: 0 4px 15px rgba(0,0,0,.35);
      touch-action: none;
      user-select: none;
      border-radius: 4px
  }

  .unified360-sidenav .video-player-close-button {
      width: 24px;
      height: 22px;
      background-color: rgba(123,142,159,.8);
      border-radius: 4px;
      position: absolute;
      right: 0;
      top: -30px;
      border: 0
  }

      .unified360-sidenav .video-player-close-button svg g {
          stroke: #fff
      }

  .unified360-sidenav .video-player-modal-container {
      height: 100%;
      width: 100%;
      position: relative;
      overflow: hidden;
      border-radius: 4px
  }

      .unified360-sidenav .video-player-modal-container iframe {
          min-height: 225px;
          height: calc(100% - 35px);
          width: 100%
      }

      .unified360-sidenav .video-player-modal-container:hover .video-player-buttons {
          transform: translateY(0)
      }

  .unified360-sidenav .video-player-buttons {
      position: absolute;
      display: flex;
      justify-content: space-between;
      width: 100%;
      padding: 10px;
      transition: transform .2s ease-in-out;
      transform: translateY(-40px)
  }

      .unified360-sidenav .video-player-buttons button {
          background: linear-gradient(180deg,rgba(255,255,255,.5) 2.56%,rgba(245,247,249,.5) 95.75%);
          border-radius: 4px;
          border: 0;
          outline: 0;
          color: #333;
          font-size: 12px;
          padding: 4px 10px
      }

          .unified360-sidenav .video-player-buttons button:hover {
              background: #F5F7F9
          }

      .unified360-sidenav .video-player-buttons .back-button {
          display: flex;
          align-items: center
      }

          .unified360-sidenav .video-player-buttons .back-button svg {
              margin-right: 5px
          }

  .unified360-sidenav .video-player-modal-footer {
      color: #333;
      height: 35px;
      display: flex;
      align-items: center;
      padding: 10px
  }

  .unified360-sidenav ul {
      margin: 0;
      padding: 0;
      list-style: none
  }

  .unified360-sidenav .unified360-collapsible-toggle:checked + .unified360-collapsible-label, .unified360-sidenav .unified360-collapsible-toggle:checked + .unified360-collapsible-label.unified360-active-menu .unified360-submenus-dropdown-item:hover, .unified360-sidenav .unified360-collapsible-toggle:checked + .unified360-collapsible-label:hover, .unified360-sidenav .unified360-default-bg-font-color, .unified360-sidenav .unified360-hover-state, .unified360-sidenav .unified360-lightblue-color, .unified360-sidenav .unified360-submenus-dropdown-item:hover, .unified360-sidenav a, .unified360-sidenav a:focus, .unified360-sidenav a:hover, .unified360-sidenav a:visited {
      color: #bbdcfe
  }

  .unified360-sidenav a {
      text-decoration: none;
      width: 100%;
      display: block
  }

      .unified360-sidenav a:focus, .unified360-sidenav a:hover, .unified360-sidenav a:visited {
          text-decoration: none
      }

  .unified360-sidenav input[type=checkbox] {
      display: none
  }

  .unified360-sidenav .unified360-full-width {
      width: 100%
  }

  .unified360-sidenav .unified360-list-item, .unified360-sidenav .unified360-main-logo .unified360-simple-main-logo, .unified360-sidenav .unified360-standard-width, .unified360-sidenav .unified360-standard-width-height, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item {
      width: 40px
  }

  .unified360-sidenav .unified360-collapsible-label, .unified360-sidenav .unified360-expanded-container .unified360-main-logo .unified360-submenu-item, .unified360-sidenav .unified360-list-item, .unified360-sidenav .unified360-list-item-container, .unified360-sidenav .unified360-main-logo .unified360-simple-main-logo, .unified360-sidenav .unified360-standard-height, .unified360-sidenav .unified360-standard-width-height, .unified360-sidenav .unified360-submenu-item, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item {
      height: 40px
  }

  .unified360-sidenav .unified360-border-top {
      border-top: 1px solid #345C7C
  }

  .unified360-sidenav .unified360-main-logo {
      position: relative
  }

      .unified360-sidenav .unified360-main-logo .unified360-simple-main-logo {
          position: relative;
          margin: 12px
      }

      .unified360-sidenav .trigger-button-container .unified360-main-logo #omnibar-trigger-button, .unified360-sidenav .unified360-main-logo .trigger-button-container #omnibar-trigger-button, .unified360-sidenav .unified360-main-logo .unified360-icon, .unified360-sidenav .unified360-main-logo .unified360-widgets-container .unified360-alternate-svg, .unified360-sidenav .unified360-main-logo .unified360-widgets-container .unified360-widgets-item svg, .unified360-sidenav .unified360-main-logo .unified360-widgets-container .unified360-widgets-svg svg, .unified360-sidenav .unified360-widgets-container .unified360-main-logo .unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item .unified360-main-logo svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-svg .unified360-main-logo svg {
          width: 28px;
          height: 28px
      }

      .unified360-sidenav .unified360-main-logo .unified360-list-item.active, .unified360-sidenav .unified360-main-logo .unified360-list-item.unified360-active-menu, .unified360-sidenav .unified360-main-logo .unified360-list-item:hover, .unified360-sidenav .unified360-main-logo .unified360-submenu-item.active, .unified360-sidenav .unified360-main-logo .unified360-submenu-item.unified360-active-menu, .unified360-sidenav .unified360-main-logo .unified360-submenu-item:hover, .unified360-sidenav .unified360-main-logo .unified360-widgets-container .active.unified360-widgets-item, .unified360-sidenav .unified360-main-logo .unified360-widgets-container .unified360-active-menu.unified360-widgets-item, .unified360-sidenav .unified360-main-logo .unified360-widgets-container .unified360-widgets-item:hover, .unified360-sidenav .unified360-widgets-container .unified360-main-logo .active.unified360-widgets-item, .unified360-sidenav .unified360-widgets-container .unified360-main-logo .unified360-active-menu.unified360-widgets-item, .unified360-sidenav .unified360-widgets-container .unified360-main-logo .unified360-widgets-item:hover {
          background-color: transparent;
          color: #bbdcfe
      }

  .unified360-sidenav .unified360-side-nav-container {
      position: fixed;
      background-color: #12344d;
      z-index: 1000;
      height: 100%;
      top: 0;
      bottom: 0
  }

  .unified360-sidenav .trigger-button-container #omnibar-trigger-button, .unified360-sidenav .unified360-icon, .unified360-sidenav .unified360-widgets-container .unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-svg svg {
      border: 0;
      width: 20px;
      height: 20px;
      fill: #bbdcfe
  }

      .unified360-sidenav .trigger-button-container #omnibar-trigger-button:hover, .unified360-sidenav .unified360-icon:hover, .unified360-sidenav .unified360-widgets-container .unified360-alternate-svg:hover, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item svg:hover, .unified360-sidenav .unified360-widgets-container .unified360-widgets-svg svg:hover {
          cursor: inherit
      }

      .unified360-sidenav .trigger-button-container .unified360-ellipsis-vertical#omnibar-trigger-button, .unified360-sidenav .unified360-icon.unified360-ellipsis-vertical, .unified360-sidenav .unified360-widgets-container .unified360-ellipsis-vertical.unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item svg.unified360-ellipsis-vertical, .unified360-sidenav .unified360-widgets-container .unified360-widgets-svg svg.unified360-ellipsis-vertical {
          left: 48px;
          height: 14px
      }

  .unified360-sidenav .trigger-button-container .unified360-collapsible-toggle:checked + .unified360-collapsible-label #omnibar-trigger-button, .unified360-sidenav .trigger-button-container .unified360-default-bg-font-color #omnibar-trigger-button, .unified360-sidenav .trigger-button-container .unified360-hover-state #omnibar-trigger-button, .unified360-sidenav .trigger-button-container .unified360-submenus-dropdown-item:hover #omnibar-trigger-button, .unified360-sidenav .unified360-collapsible-toggle:checked + .unified360-collapsible-label .trigger-button-container #omnibar-trigger-button, .unified360-sidenav .unified360-collapsible-toggle:checked + .unified360-collapsible-label .unified360-icon, .unified360-sidenav .unified360-collapsible-toggle:checked + .unified360-collapsible-label .unified360-widgets-container .unified360-alternate-svg, .unified360-sidenav .unified360-collapsible-toggle:checked + .unified360-collapsible-label .unified360-widgets-container .unified360-widgets-item svg, .unified360-sidenav .unified360-collapsible-toggle:checked + .unified360-collapsible-label .unified360-widgets-container .unified360-widgets-svg svg, .unified360-sidenav .unified360-collapsible-toggle:checked + .unified360-collapsible-label.unified360-active-menu .unified360-submenus-dropdown-item:hover .unified360-icon, .unified360-sidenav .unified360-collapsible-toggle:checked + .unified360-collapsible-label.unified360-active-menu .unified360-submenus-dropdown-item:hover .unified360-widgets-container .unified360-alternate-svg, .unified360-sidenav .unified360-collapsible-toggle:checked + .unified360-collapsible-label.unified360-active-menu .unified360-submenus-dropdown-item:hover .unified360-widgets-container .unified360-widgets-item svg, .unified360-sidenav .unified360-collapsible-toggle:checked + .unified360-collapsible-label.unified360-active-menu .unified360-submenus-dropdown-item:hover .unified360-widgets-container .unified360-widgets-svg svg, .unified360-sidenav .unified360-default-bg-font-color .trigger-button-container #omnibar-trigger-button, .unified360-sidenav .unified360-default-bg-font-color .unified360-icon, .unified360-sidenav .unified360-default-bg-font-color .unified360-widgets-container .unified360-alternate-svg, .unified360-sidenav .unified360-hover-state .trigger-button-container #omnibar-trigger-button, .unified360-sidenav .unified360-hover-state .unified360-icon, .unified360-sidenav .unified360-hover-state .unified360-widgets-container .unified360-alternate-svg, .unified360-sidenav .unified360-icon-color, .unified360-sidenav .unified360-submenus-dropdown-item:hover .trigger-button-container #omnibar-trigger-button, .unified360-sidenav .unified360-submenus-dropdown-item:hover .unified360-icon, .unified360-sidenav .unified360-submenus-dropdown-item:hover .unified360-widgets-container .unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .unified360-collapsible-toggle:checked + .unified360-collapsible-label .unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .unified360-collapsible-toggle:checked + .unified360-collapsible-label.unified360-active-menu .unified360-submenus-dropdown-item:hover .unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .unified360-default-bg-font-color .unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .unified360-hover-state .unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .unified360-submenus-dropdown-item:hover .unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item .unified360-collapsible-toggle:checked + .unified360-collapsible-label svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item .unified360-collapsible-toggle:checked + .unified360-collapsible-label.unified360-active-menu .unified360-submenus-dropdown-item:hover svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-svg .unified360-collapsible-toggle:checked + .unified360-collapsible-label svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-svg .unified360-collapsible-toggle:checked + .unified360-collapsible-label.unified360-active-menu .unified360-submenus-dropdown-item:hover svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-svg svg {
      fill: #bbdcfe
  }

  .unified360-sidenav .unified360-loader-container, .unified360-sidenav .unified360-overflow-hidden {
      overflow: hidden
  }

  .unified360-sidenav .unified360-active-menu, .unified360-sidenav .unified360-active-menu:hover, .unified360-sidenav .unified360-active-state, .unified360-sidenav .unified360-collapsible-label.unified360-active-menu .unified360-submenus-dropdown-item:hover, .unified360-sidenav .unified360-list-item-container.unified360-list-item.active:hover, .unified360-sidenav .unified360-list-item-container.unified360-list-item.unified360-active-menu:hover, .unified360-sidenav .unified360-list-item-container:hover .unified360-menu-item.active, .unified360-sidenav .unified360-list-item-container:hover .unified360-menu-item.unified360-active-menu, .unified360-sidenav .unified360-list-item-container:hover > .unified360-list-item.active, .unified360-sidenav .unified360-list-item-container:hover > .unified360-list-item.unified360-active-menu, .unified360-sidenav .unified360-list-item.active, .unified360-sidenav .unified360-submenu-item.active, .unified360-sidenav .unified360-submenu-item.unified360-active-menu, .unified360-sidenav .unified360-widgets-container .active.unified360-widgets-item, .unified360-sidenav .unified360-widgets-container .active.unified360-widgets-item:hover, .unified360-sidenav .unified360-widgets-container .unified360-active-menu.unified360-widgets-item:hover, .unified360-sidenav .unified360-widgets-container .unified360-list-item-container:hover > .active.unified360-widgets-item, .unified360-sidenav .unified360-widgets-container .unified360-list-item-container:hover > .unified360-active-menu.unified360-widgets-item, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item .active, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover .unified360-menu-item.active, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover .unified360-menu-item.unified360-active-menu, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover > .unified360-active-menu.unified360-widgets-item, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover > .unified360-list-item.active, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover > .unified360-list-item.unified360-active-menu {
      cursor: pointer;
      background-color: #E5F2FD;
      color: #12344d;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px
  }

      .unified360-sidenav .trigger-button-container .unified360-active-menu #omnibar-trigger-button, .unified360-sidenav .trigger-button-container .unified360-active-menu:hover #omnibar-trigger-button, .unified360-sidenav .trigger-button-container .unified360-active-state #omnibar-trigger-button, .unified360-sidenav .trigger-button-container .unified360-collapsible-label.unified360-active-menu .unified360-submenus-dropdown-item:hover #omnibar-trigger-button, .unified360-sidenav .trigger-button-container .unified360-list-item-container.unified360-list-item.active:hover #omnibar-trigger-button, .unified360-sidenav .trigger-button-container .unified360-list-item-container.unified360-list-item.unified360-active-menu:hover #omnibar-trigger-button, .unified360-sidenav .trigger-button-container .unified360-list-item-container:hover .unified360-menu-item.active #omnibar-trigger-button, .unified360-sidenav .trigger-button-container .unified360-list-item-container:hover .unified360-menu-item.unified360-active-menu #omnibar-trigger-button, .unified360-sidenav .trigger-button-container .unified360-list-item-container:hover > .unified360-list-item.active #omnibar-trigger-button, .unified360-sidenav .trigger-button-container .unified360-list-item-container:hover > .unified360-list-item.unified360-active-menu #omnibar-trigger-button, .unified360-sidenav .trigger-button-container .unified360-list-item.active #omnibar-trigger-button, .unified360-sidenav .trigger-button-container .unified360-submenu-item.active #omnibar-trigger-button, .unified360-sidenav .trigger-button-container .unified360-submenu-item.unified360-active-menu #omnibar-trigger-button, .unified360-sidenav .trigger-button-container .unified360-widgets-container .active.unified360-widgets-item #omnibar-trigger-button, .unified360-sidenav .trigger-button-container .unified360-widgets-container .active.unified360-widgets-item:hover #omnibar-trigger-button, .unified360-sidenav .trigger-button-container .unified360-widgets-container .unified360-active-menu.unified360-widgets-item:hover #omnibar-trigger-button, .unified360-sidenav .trigger-button-container .unified360-widgets-container .unified360-list-item-container:hover > .active.unified360-widgets-item #omnibar-trigger-button, .unified360-sidenav .trigger-button-container .unified360-widgets-container .unified360-list-item-container:hover > .unified360-active-menu.unified360-widgets-item #omnibar-trigger-button, .unified360-sidenav .trigger-button-container .unified360-widgets-container .unified360-widgets-item .active #omnibar-trigger-button, .unified360-sidenav .trigger-button-container .unified360-widgets-container .unified360-widgets-item:hover .unified360-menu-item.active #omnibar-trigger-button, .unified360-sidenav .trigger-button-container .unified360-widgets-container .unified360-widgets-item:hover .unified360-menu-item.unified360-active-menu #omnibar-trigger-button, .unified360-sidenav .trigger-button-container .unified360-widgets-container .unified360-widgets-item:hover > .active.unified360-widgets-item #omnibar-trigger-button, .unified360-sidenav .trigger-button-container .unified360-widgets-container .unified360-widgets-item:hover > .unified360-active-menu.unified360-widgets-item #omnibar-trigger-button, .unified360-sidenav .trigger-button-container .unified360-widgets-container .unified360-widgets-item:hover > .unified360-list-item.active #omnibar-trigger-button, .unified360-sidenav .trigger-button-container .unified360-widgets-container .unified360-widgets-item:hover > .unified360-list-item.unified360-active-menu #omnibar-trigger-button, .unified360-sidenav .unified360-active-menu .trigger-button-container #omnibar-trigger-button, .unified360-sidenav .unified360-active-menu .unified360-icon, .unified360-sidenav .unified360-active-menu .unified360-widgets-container .unified360-alternate-svg, .unified360-sidenav .unified360-active-menu .unified360-widgets-container .unified360-widgets-item svg, .unified360-sidenav .unified360-active-menu .unified360-widgets-container .unified360-widgets-svg svg, .unified360-sidenav .unified360-active-menu:hover .trigger-button-container #omnibar-trigger-button, .unified360-sidenav .unified360-active-menu:hover .unified360-icon, .unified360-sidenav .unified360-active-menu:hover .unified360-widgets-container .unified360-alternate-svg, .unified360-sidenav .unified360-active-menu:hover .unified360-widgets-container .unified360-widgets-item svg, .unified360-sidenav .unified360-active-menu:hover .unified360-widgets-container .unified360-widgets-svg svg, .unified360-sidenav .unified360-active-state .trigger-button-container #omnibar-trigger-button, .unified360-sidenav .unified360-active-state .unified360-icon, .unified360-sidenav .unified360-active-state .unified360-widgets-container .unified360-alternate-svg, .unified360-sidenav .unified360-active-state .unified360-widgets-container .unified360-widgets-item svg, .unified360-sidenav .unified360-active-state .unified360-widgets-container .unified360-widgets-svg svg, .unified360-sidenav .unified360-collapsible-label.unified360-active-menu .unified360-submenus-dropdown-item:hover .trigger-button-container #omnibar-trigger-button, .unified360-sidenav .unified360-collapsible-label.unified360-active-menu .unified360-submenus-dropdown-item:hover .unified360-icon, .unified360-sidenav .unified360-collapsible-label.unified360-active-menu .unified360-submenus-dropdown-item:hover .unified360-widgets-container .unified360-alternate-svg, .unified360-sidenav .unified360-collapsible-label.unified360-active-menu .unified360-submenus-dropdown-item:hover .unified360-widgets-container .unified360-widgets-item svg, .unified360-sidenav .unified360-collapsible-label.unified360-active-menu .unified360-submenus-dropdown-item:hover .unified360-widgets-container .unified360-widgets-svg svg, .unified360-sidenav .unified360-list-item-container.unified360-list-item.active:hover .trigger-button-container #omnibar-trigger-button, .unified360-sidenav .unified360-list-item-container.unified360-list-item.active:hover .unified360-icon, .unified360-sidenav .unified360-list-item-container.unified360-list-item.active:hover .unified360-widgets-container .unified360-alternate-svg, .unified360-sidenav .unified360-list-item-container.unified360-list-item.active:hover .unified360-widgets-container .unified360-widgets-item svg, .unified360-sidenav .unified360-list-item-container.unified360-list-item.active:hover .unified360-widgets-container .unified360-widgets-svg svg, .unified360-sidenav .unified360-list-item-container.unified360-list-item.unified360-active-menu:hover .trigger-button-container #omnibar-trigger-button, .unified360-sidenav .unified360-list-item-container.unified360-list-item.unified360-active-menu:hover .unified360-icon, .unified360-sidenav .unified360-list-item-container.unified360-list-item.unified360-active-menu:hover .unified360-widgets-container .unified360-alternate-svg, .unified360-sidenav .unified360-list-item-container.unified360-list-item.unified360-active-menu:hover .unified360-widgets-container .unified360-widgets-item svg, .unified360-sidenav .unified360-list-item-container.unified360-list-item.unified360-active-menu:hover .unified360-widgets-container .unified360-widgets-svg svg, .unified360-sidenav .unified360-list-item-container:hover .unified360-menu-item.active .trigger-button-container #omnibar-trigger-button, .unified360-sidenav .unified360-list-item-container:hover .unified360-menu-item.active .unified360-icon, .unified360-sidenav .unified360-list-item-container:hover .unified360-menu-item.active .unified360-widgets-container .unified360-alternate-svg, .unified360-sidenav .unified360-list-item-container:hover .unified360-menu-item.active .unified360-widgets-container .unified360-widgets-item svg, .unified360-sidenav .unified360-list-item-container:hover .unified360-menu-item.active .unified360-widgets-container .unified360-widgets-svg svg, .unified360-sidenav .unified360-list-item-container:hover .unified360-menu-item.unified360-active-menu .trigger-button-container #omnibar-trigger-button, .unified360-sidenav .unified360-list-item-container:hover .unified360-menu-item.unified360-active-menu .unified360-icon, .unified360-sidenav .unified360-list-item-container:hover .unified360-menu-item.unified360-active-menu .unified360-widgets-container .unified360-alternate-svg, .unified360-sidenav .unified360-list-item-container:hover .unified360-menu-item.unified360-active-menu .unified360-widgets-container .unified360-widgets-item svg, .unified360-sidenav .unified360-list-item-container:hover .unified360-menu-item.unified360-active-menu .unified360-widgets-container .unified360-widgets-svg svg, .unified360-sidenav .unified360-list-item-container:hover > .unified360-list-item.active .trigger-button-container #omnibar-trigger-button, .unified360-sidenav .unified360-list-item-container:hover > .unified360-list-item.active .unified360-icon, .unified360-sidenav .unified360-list-item-container:hover > .unified360-list-item.active .unified360-widgets-container .unified360-alternate-svg, .unified360-sidenav .unified360-list-item-container:hover > .unified360-list-item.active .unified360-widgets-container .unified360-widgets-item svg, .unified360-sidenav .unified360-list-item-container:hover > .unified360-list-item.active .unified360-widgets-container .unified360-widgets-svg svg, .unified360-sidenav .unified360-list-item-container:hover > .unified360-list-item.unified360-active-menu .trigger-button-container #omnibar-trigger-button, .unified360-sidenav .unified360-list-item-container:hover > .unified360-list-item.unified360-active-menu .unified360-icon, .unified360-sidenav .unified360-list-item-container:hover > .unified360-list-item.unified360-active-menu .unified360-widgets-container .unified360-alternate-svg, .unified360-sidenav .unified360-list-item-container:hover > .unified360-list-item.unified360-active-menu .unified360-widgets-container .unified360-widgets-item svg, .unified360-sidenav .unified360-list-item-container:hover > .unified360-list-item.unified360-active-menu .unified360-widgets-container .unified360-widgets-svg svg, .unified360-sidenav .unified360-list-item.active .trigger-button-container #omnibar-trigger-button, .unified360-sidenav .unified360-list-item.active .unified360-icon, .unified360-sidenav .unified360-list-item.active .unified360-widgets-container .unified360-alternate-svg, .unified360-sidenav .unified360-list-item.active .unified360-widgets-container .unified360-widgets-item svg, .unified360-sidenav .unified360-list-item.active .unified360-widgets-container .unified360-widgets-svg svg, .unified360-sidenav .unified360-submenu-item.active .trigger-button-container #omnibar-trigger-button, .unified360-sidenav .unified360-submenu-item.active .unified360-icon, .unified360-sidenav .unified360-submenu-item.active .unified360-widgets-container .unified360-alternate-svg, .unified360-sidenav .unified360-submenu-item.active .unified360-widgets-container .unified360-widgets-item svg, .unified360-sidenav .unified360-submenu-item.active .unified360-widgets-container .unified360-widgets-svg svg, .unified360-sidenav .unified360-submenu-item.unified360-active-menu .trigger-button-container #omnibar-trigger-button, .unified360-sidenav .unified360-submenu-item.unified360-active-menu .unified360-icon, .unified360-sidenav .unified360-submenu-item.unified360-active-menu .unified360-widgets-container .unified360-alternate-svg, .unified360-sidenav .unified360-submenu-item.unified360-active-menu .unified360-widgets-container .unified360-widgets-item svg, .unified360-sidenav .unified360-submenu-item.unified360-active-menu .unified360-widgets-container .unified360-widgets-svg svg, .unified360-sidenav .unified360-widgets-container .active.unified360-widgets-item .trigger-button-container #omnibar-trigger-button, .unified360-sidenav .unified360-widgets-container .active.unified360-widgets-item .unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .active.unified360-widgets-item .unified360-icon, .unified360-sidenav .unified360-widgets-container .active.unified360-widgets-item .unified360-widgets-svg svg, .unified360-sidenav .unified360-widgets-container .active.unified360-widgets-item svg, .unified360-sidenav .unified360-widgets-container .active.unified360-widgets-item:hover .trigger-button-container #omnibar-trigger-button, .unified360-sidenav .unified360-widgets-container .active.unified360-widgets-item:hover .unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .active.unified360-widgets-item:hover .unified360-icon, .unified360-sidenav .unified360-widgets-container .active.unified360-widgets-item:hover .unified360-widgets-svg svg, .unified360-sidenav .unified360-widgets-container .active.unified360-widgets-item:hover svg, .unified360-sidenav .unified360-widgets-container .unified360-active-menu .unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .unified360-active-menu.unified360-widgets-item:hover .trigger-button-container #omnibar-trigger-button, .unified360-sidenav .unified360-widgets-container .unified360-active-menu.unified360-widgets-item:hover .unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .unified360-active-menu.unified360-widgets-item:hover .unified360-icon, .unified360-sidenav .unified360-widgets-container .unified360-active-menu.unified360-widgets-item:hover .unified360-widgets-svg svg, .unified360-sidenav .unified360-widgets-container .unified360-active-menu.unified360-widgets-item:hover svg, .unified360-sidenav .unified360-widgets-container .unified360-active-menu:hover .unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .unified360-active-state .unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .unified360-collapsible-label.unified360-active-menu .unified360-submenus-dropdown-item:hover .unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .unified360-list-item-container.unified360-list-item.active:hover .unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .unified360-list-item-container.unified360-list-item.unified360-active-menu:hover .unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .unified360-list-item-container:hover .unified360-menu-item.active .unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .unified360-list-item-container:hover .unified360-menu-item.unified360-active-menu .unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .unified360-list-item-container:hover > .active.unified360-widgets-item .trigger-button-container #omnibar-trigger-button, .unified360-sidenav .unified360-widgets-container .unified360-list-item-container:hover > .active.unified360-widgets-item .unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .unified360-list-item-container:hover > .active.unified360-widgets-item .unified360-icon, .unified360-sidenav .unified360-widgets-container .unified360-list-item-container:hover > .active.unified360-widgets-item .unified360-widgets-svg svg, .unified360-sidenav .unified360-widgets-container .unified360-list-item-container:hover > .active.unified360-widgets-item svg, .unified360-sidenav .unified360-widgets-container .unified360-list-item-container:hover > .unified360-active-menu.unified360-widgets-item .trigger-button-container #omnibar-trigger-button, .unified360-sidenav .unified360-widgets-container .unified360-list-item-container:hover > .unified360-active-menu.unified360-widgets-item .unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .unified360-list-item-container:hover > .unified360-active-menu.unified360-widgets-item .unified360-icon, .unified360-sidenav .unified360-widgets-container .unified360-list-item-container:hover > .unified360-active-menu.unified360-widgets-item .unified360-widgets-svg svg, .unified360-sidenav .unified360-widgets-container .unified360-list-item-container:hover > .unified360-active-menu.unified360-widgets-item svg, .unified360-sidenav .unified360-widgets-container .unified360-list-item-container:hover > .unified360-list-item.active .unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .unified360-list-item-container:hover > .unified360-list-item.unified360-active-menu .unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .unified360-list-item.active .unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .unified360-submenu-item.active .unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .unified360-submenu-item.unified360-active-menu .unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item .active .trigger-button-container #omnibar-trigger-button, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item .active .unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item .active .unified360-icon, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item .active .unified360-widgets-svg svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item .active svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item .unified360-active-menu svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item .unified360-active-menu:hover svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item .unified360-active-state svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item .unified360-collapsible-label.unified360-active-menu .unified360-submenus-dropdown-item:hover svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item .unified360-list-item-container.unified360-list-item.active:hover svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item .unified360-list-item-container.unified360-list-item.unified360-active-menu:hover svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item .unified360-list-item-container:hover .unified360-menu-item.active svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item .unified360-list-item-container:hover .unified360-menu-item.unified360-active-menu svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item .unified360-list-item-container:hover > .unified360-list-item.active svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item .unified360-list-item-container:hover > .unified360-list-item.unified360-active-menu svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item .unified360-list-item.active svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item .unified360-submenu-item.active svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item .unified360-submenu-item.unified360-active-menu svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover .unified360-menu-item.active .trigger-button-container #omnibar-trigger-button, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover .unified360-menu-item.active .unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover .unified360-menu-item.active .unified360-icon, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover .unified360-menu-item.active .unified360-widgets-svg svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover .unified360-menu-item.active svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover .unified360-menu-item.unified360-active-menu .trigger-button-container #omnibar-trigger-button, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover .unified360-menu-item.unified360-active-menu .unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover .unified360-menu-item.unified360-active-menu .unified360-icon, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover .unified360-menu-item.unified360-active-menu .unified360-widgets-svg svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover .unified360-menu-item.unified360-active-menu svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover > .active.unified360-widgets-item .trigger-button-container #omnibar-trigger-button, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover > .active.unified360-widgets-item .unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover > .active.unified360-widgets-item .unified360-icon, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover > .active.unified360-widgets-item .unified360-widgets-svg svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover > .active.unified360-widgets-item svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover > .unified360-active-menu.unified360-widgets-item .trigger-button-container #omnibar-trigger-button, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover > .unified360-active-menu.unified360-widgets-item .unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover > .unified360-active-menu.unified360-widgets-item .unified360-icon, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover > .unified360-active-menu.unified360-widgets-item .unified360-widgets-svg svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover > .unified360-active-menu.unified360-widgets-item svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover > .unified360-list-item.active .trigger-button-container #omnibar-trigger-button, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover > .unified360-list-item.active .unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover > .unified360-list-item.active .unified360-icon, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover > .unified360-list-item.active .unified360-widgets-svg svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover > .unified360-list-item.active svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover > .unified360-list-item.unified360-active-menu .trigger-button-container #omnibar-trigger-button, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover > .unified360-list-item.unified360-active-menu .unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover > .unified360-list-item.unified360-active-menu .unified360-icon, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover > .unified360-list-item.unified360-active-menu .unified360-widgets-svg svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover > .unified360-list-item.unified360-active-menu svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-svg .active.unified360-widgets-item svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-svg .active.unified360-widgets-item:hover svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-svg .unified360-active-menu svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-svg .unified360-active-menu.unified360-widgets-item:hover svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-svg .unified360-active-menu:hover svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-svg .unified360-active-state svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-svg .unified360-collapsible-label.unified360-active-menu .unified360-submenus-dropdown-item:hover svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-svg .unified360-list-item-container.unified360-list-item.active:hover svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-svg .unified360-list-item-container.unified360-list-item.unified360-active-menu:hover svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-svg .unified360-list-item-container:hover .unified360-menu-item.active svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-svg .unified360-list-item-container:hover .unified360-menu-item.unified360-active-menu svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-svg .unified360-list-item-container:hover > .active.unified360-widgets-item svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-svg .unified360-list-item-container:hover > .unified360-active-menu.unified360-widgets-item svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-svg .unified360-list-item-container:hover > .unified360-list-item.active svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-svg .unified360-list-item-container:hover > .unified360-list-item.unified360-active-menu svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-svg .unified360-list-item.active svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-svg .unified360-submenu-item.active svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-svg .unified360-submenu-item.unified360-active-menu svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-svg .unified360-widgets-item .active svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-svg .unified360-widgets-item:hover .unified360-menu-item.active svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-svg .unified360-widgets-item:hover .unified360-menu-item.unified360-active-menu svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-svg .unified360-widgets-item:hover > .active.unified360-widgets-item svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-svg .unified360-widgets-item:hover > .unified360-active-menu.unified360-widgets-item svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-svg .unified360-widgets-item:hover > .unified360-list-item.active svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-svg .unified360-widgets-item:hover > .unified360-list-item.unified360-active-menu svg {
          fill: #12344d
      }

  .unified360-sidenav .unified360-collapsible-toggle:checked + .unified360-collapsible-label.unified360-active-menu .unified360-submenus-dropdown-item:hover, .unified360-sidenav .unified360-collapsible-toggle:checked + .unified360-collapsible-label:hover, .unified360-sidenav .unified360-hover-state, .unified360-sidenav .unified360-submenus-dropdown-item:hover {
      cursor: pointer;
      background-color: #345C7C;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px
  }

  .unified360-sidenav .unified360-collapsible-toggle:checked + .unified360-collapsible-label, .unified360-sidenav .unified360-default-bg-font-color {
      background-color: #12344d
  }

  .unified360-sidenav .unified360-flex-container {
      display: flex;
      flex-direction: column
  }

  .unified360-sidenav .unified360-menu-list-container {
      height: calc(100% - 200px)
  }

  .unified360-sidenav .unified360-list-item-container, .unified360-sidenav .unified360-loader-container, .unified360-sidenav .unified360-p-0-12, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item {
      padding: 0 12px
  }

  .unified360-sidenav .unified360-list-item-container, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item {
      margin: 2px 0;
      position: relative
  }

      .unified360-sidenav .unified360-list-item-container:hover .unified360-menu-item, .unified360-sidenav .unified360-list-item-container:hover.unified360-list-item, .unified360-sidenav .unified360-list-item-container:hover > .unified360-list-item, .unified360-sidenav .unified360-widgets-container .unified360-list-item-container:hover > .unified360-widgets-item, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover .unified360-menu-item, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover > .unified360-list-item, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover > .unified360-widgets-item {
          cursor: pointer;
          background-color: #345C7C
      }

          .unified360-sidenav .unified360-list-item-container:hover .unified360-menu-item .unified360-disabled, .unified360-sidenav .unified360-list-item-container:hover .unified360-menu-item.unified360-disabled, .unified360-sidenav .unified360-list-item-container:hover.unified360-list-item .unified360-disabled, .unified360-sidenav .unified360-list-item-container:hover.unified360-list-item.unified360-disabled, .unified360-sidenav .unified360-list-item-container:hover > .unified360-list-item .unified360-disabled, .unified360-sidenav .unified360-list-item-container:hover > .unified360-list-item.unified360-disabled, .unified360-sidenav .unified360-widgets-container .unified360-list-item-container:hover > .unified360-disabled.unified360-widgets-item, .unified360-sidenav .unified360-widgets-container .unified360-list-item-container:hover > .unified360-widgets-item .unified360-disabled, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover .unified360-disabled, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover .unified360-menu-item .unified360-disabled, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover .unified360-menu-item.unified360-disabled, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover.unified360-disabled, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover > .unified360-disabled.unified360-widgets-item, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover > .unified360-list-item .unified360-disabled, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover > .unified360-list-item.unified360-disabled, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover > .unified360-widgets-item .unified360-disabled {
              cursor: not-allowed
          }

          .unified360-sidenav .unified360-list-item-container:hover .unified360-submenus-container, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover .unified360-submenus-container {
              display: block
          }

              .unified360-sidenav .unified360-list-item-container:hover .unified360-submenus-container .unified360-submenus-dropdown, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover .unified360-submenus-container .unified360-submenus-dropdown {
                  transform: translateX(76px)
              }

          .unified360-sidenav .unified360-list-item-container:hover .unified360-expanded-container .unified360-more-list-container, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover .unified360-expanded-container .unified360-more-list-container {
              min-width: 280px;
              max-width: 360px;
              opacity: 1;
              cursor: default;
              overflow: visible
          }

  .unified360-sidenav .unified360-menu {
      margin: 0;
      padding-top: 2px;
      padding-bottom: 2px;
      height: 44px
  }

  .unified360-sidenav .unified360-list-item-container:hover .unified360-submenus-container .unified360-submenus-dropdown::-webkit-scrollbar, .unified360-sidenav .unified360-more-menu-list-container::-webkit-scrollbar, .unified360-sidenav .unified360-scroll-style::-webkit-scrollbar, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover .unified360-submenus-container .unified360-submenus-dropdown::-webkit-scrollbar {
      width: 14px;
      border-radius: 14px
  }

  .unified360-sidenav .unified360-list-item-container:hover .unified360-submenus-container .unified360-submenus-dropdown::-webkit-scrollbar-thumb, .unified360-sidenav .unified360-more-menu-list-container::-webkit-scrollbar-thumb, .unified360-sidenav .unified360-scroll-style::-webkit-scrollbar-thumb, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover .unified360-submenus-container .unified360-submenus-dropdown::-webkit-scrollbar-thumb {
      background-color: #345C7C;
      border-radius: 14px;
      border: 4px solid #12344d
  }

  .unified360-sidenav .unified360-list-item-container:hover .unified360-submenus-container .unified360-submenus-dropdown::-webkit-scrollbar-track, .unified360-sidenav .unified360-more-menu-list-container::-webkit-scrollbar-track, .unified360-sidenav .unified360-scroll-style::-webkit-scrollbar-track, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item:hover .unified360-submenus-container .unified360-submenus-dropdown::-webkit-scrollbar-track {
      background-color: #12344d;
      border-radius: 14px
  }

  .unified360-sidenav .unified360-list-item-disabled:hover.unified360-list-item, .unified360-sidenav .unified360-list-item-disabled:hover.unified360-list-item.active, .unified360-sidenav .unified360-list-item-disabled:hover.unified360-list-item.unified360-active-menu, .unified360-sidenav .unified360-list-item-disabled:hover > .unified360-list-item, .unified360-sidenav .unified360-list-item-disabled:hover > .unified360-list-item.active, .unified360-sidenav .unified360-list-item-disabled:hover > .unified360-list-item.unified360-active-menu, .unified360-sidenav .unified360-widgets-container .unified360-list-item-disabled.unified360-widgets-item:hover, .unified360-sidenav .unified360-widgets-container .unified360-list-item-disabled.unified360-widgets-item:hover.active, .unified360-sidenav .unified360-widgets-container .unified360-list-item-disabled.unified360-widgets-item:hover.unified360-active-menu, .unified360-sidenav .unified360-widgets-container .unified360-list-item-disabled:hover > .active.unified360-widgets-item, .unified360-sidenav .unified360-widgets-container .unified360-list-item-disabled:hover > .unified360-active-menu.unified360-widgets-item, .unified360-sidenav .unified360-widgets-container .unified360-list-item-disabled:hover > .unified360-widgets-item {
      cursor: not-allowed;
      background-color: transparent
  }

  .unified360-sidenav .unified360-list-item-disabled svg:hover {
      cursor: not-allowed !important
  }

  .unified360-sidenav .unified360-show-pill {
      position: relative
  }

      .unified360-sidenav .unified360-show-pill::before {
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          content: '';
          height: 8px;
          width: 8px;
          background-color: #D72D30;
          position: absolute;
          right: 3px;
          top: 3px
      }

  .unified360-sidenav .unified360-list-item, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item {
      display: inline-block;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background-clip: padding-box;
      position: relative
  }

  .unified360-sidenav .unified360-list-item-notifier-tag {
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      align-items: center;
      background-color: #D72D30;
      color: #fff;
      display: flex;
      font-size: 12px;
      font-weight: 400;
      height: 20px;
      justify-content: center;
      line-height: 16px;
      padding: 0 6px;
      position: absolute;
      right: 0;
      top: 0;
      min-width: 20px;
      z-index: 1
  }

  .unified360-sidenav .trigger-button-container, .unified360-sidenav .unified360-valign, .unified360-sidenav .unified360-widgets-container .unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-svg svg {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      margin: auto;
      text-align: center;
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%)
  }

  .unified360-sidenav .unified360-submenus-container-top {
      top: 0
  }

  .unified360-sidenav .unified360-submenus-container {
      display: none;
      position: absolute;
      left: 0;
      z-index: -1;
      top: 0
  }

      .unified360-sidenav .unified360-submenus-container .unified360-submenus-dropdown {
          min-width: 240px;
          max-width: 320px;
          background: #12344d;
          -webkit-border-radius: 6px;
          -moz-border-radius: 6px;
          border-radius: 6px;
          box-shadow: 0 4px 6px rgba(0,0,0,.2);
          height: auto
      }

          .unified360-sidenav .unified360-submenus-container .unified360-submenus-dropdown .unified360-submenus-dropdown-title-item {
              padding: 0 8px;
              text-transform: uppercase;
              font-size: 12px;
              line-height: 14px;
              border-radius: 6px 6px 0 0;
              border-bottom: 1px solid #345C7C;
              background: #12344d;
              color: #92A2B1
          }

              .unified360-sidenav .unified360-submenus-container .unified360-submenus-dropdown .unified360-submenus-dropdown-title-item:hover {
                  cursor: default
              }

  .unified360-sidenav .unified360-disable-events:hover {
      background: 0 0;
      cursor: default
  }

  .unified360-sidenav .unified360-disable-events a {
      pointer-events: none;
      cursor: default
  }

  .unified360-sidenav .unified360-submenus-dropdown-item {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      margin: 2px 0;
      width: 100%
  }

      .unified360-sidenav .unified360-submenus-dropdown-item:hover .unified360-disabled {
          cursor: not-allowed
      }

  .unified360-sidenav .unified360-submenu-item {
      padding: 12px 8px;
      position: relative;
      display: flex;
      align-items: center
  }

      .unified360-sidenav .unified360-submenu-item .unified360-list-item-notifier-tag {
          top: unset;
          right: 10px
      }

      .unified360-sidenav .unified360-submenu-item .unified360-submenus-dropdown-item-label {
          cursor: inherit;
          padding: 0 30px;
          margin-right: 10px
      }

      .unified360-sidenav .unified360-submenu-item.active, .unified360-sidenav .unified360-submenu-item.unified360-active-menu {
          -webkit-border-radius: 6px;
          -moz-border-radius: 6px;
          border-radius: 6px
      }

      .unified360-sidenav .trigger-button-container .unified360-submenu-item #omnibar-trigger-button, .unified360-sidenav .unified360-submenu-item .trigger-button-container #omnibar-trigger-button, .unified360-sidenav .unified360-submenu-item .unified360-icon, .unified360-sidenav .unified360-submenu-item .unified360-widgets-container .unified360-alternate-svg, .unified360-sidenav .unified360-submenu-item .unified360-widgets-container .unified360-widgets-item svg, .unified360-sidenav .unified360-submenu-item .unified360-widgets-container .unified360-widgets-svg svg, .unified360-sidenav .unified360-widgets-container .unified360-submenu-item .unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item .unified360-submenu-item svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-svg .unified360-submenu-item svg {
          position: absolute;
          top: 10px;
          left: 10px
      }

  .unified360-sidenav .unified360-p-8 {
      padding: 8px
  }

  .unified360-sidenav .unified360-hide-menu {
      display: none
  }

  .unified360-sidenav .unified360-text-ellipsis {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap
  }

  .unified360-sidenav .unified360-more-list-container {
      position: fixed;
      top: 0;
      left: 0;
      bottom: 0;
      height: 100%;
      min-width: 0;
      max-width: 0;
      background: #12344d;
      z-index: 1011;
      -webkit-transition: min-width .3s ease-in-out .1s,max-width .3s ease-in-out .1s,opacity .3s ease-in-out .1s;
      -moz-transition: min-width .3s ease-in-out .1s,max-width .3s ease-in-out .1s,opacity .3s ease-in-out .1s;
      transition: min-width .3s ease-in-out .1s,max-width .3s ease-in-out .1s,opacity .3s ease-in-out .1s;
      opacity: 0;
      overflow: hidden
  }

  .unified360-sidenav .unified360-pl-35 {
      padding-left: 40px
  }

  .unified360-sidenav .unified360-more-menu-list-container {
      height: calc(100% - 110px);
      overflow-y: scroll;
      overflow-x: hidden;
      -webkit-transition: all .25s ease-in-out .1s;
      -moz-transition: all .25s ease-in-out .1s;
      transition: all .25s ease-in-out .1s;
      top: 0;
      padding-bottom: 10px
  }

      .unified360-sidenav .unified360-more-menu-list-container .unified360-list-item-container, .unified360-sidenav .unified360-more-menu-list-container .unified360-widgets-container .unified360-widgets-item, .unified360-sidenav .unified360-more-menu-list-container [class*=unified360-hint--], .unified360-sidenav .unified360-widgets-container .unified360-more-menu-list-container .unified360-widgets-item {
          position: static
      }

  .unified360-sidenav .unified360-expanded-container {
      z-index: 1
  }

      .unified360-sidenav .unified360-expanded-container .unified360-main-logo {
          padding: 12px
      }

          .unified360-sidenav .trigger-button-container .unified360-expanded-container .unified360-main-logo #omnibar-trigger-button, .unified360-sidenav .unified360-expanded-container .unified360-main-logo .trigger-button-container #omnibar-trigger-button, .unified360-sidenav .unified360-expanded-container .unified360-main-logo .unified360-icon, .unified360-sidenav .unified360-expanded-container .unified360-main-logo .unified360-widgets-container .unified360-alternate-svg, .unified360-sidenav .unified360-expanded-container .unified360-main-logo .unified360-widgets-container .unified360-widgets-item svg, .unified360-sidenav .unified360-expanded-container .unified360-main-logo .unified360-widgets-container .unified360-widgets-svg svg, .unified360-sidenav .unified360-widgets-container .unified360-expanded-container .unified360-main-logo .unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item .unified360-expanded-container .unified360-main-logo svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-svg .unified360-expanded-container .unified360-main-logo svg {
              top: 5px;
              left: 6px
          }

      .unified360-sidenav .unified360-expanded-container .unified360-submenus-dropdown-item {
          margin: 0
      }

      .unified360-sidenav .unified360-expanded-container .unified360-submenu-item .unified360-list-item-notifier-tag {
          position: absolute;
          right: 28px
      }

      .unified360-sidenav .unified360-expanded-container .unified360-submenu-item .unified360-submenus-dropdown-item-label {
          margin-right: 30px
      }

      .unified360-sidenav .unified360-expanded-container .unified360-submenu-item .unified360-arrow {
          position: absolute;
          width: 8px;
          height: 8px;
          right: 12px;
          top: 0;
          bottom: 0;
          left: auto;
          margin: auto 0;
          -webkit-transition: transform .2s ease-in-out;
          -moz-transition: transform .2s ease-in-out;
          transition: transform .2s ease-in-out
      }

      .unified360-sidenav .trigger-button-container .unified360-expanded-container .unified360-collapsible-content #omnibar-trigger-button, .unified360-sidenav .unified360-expanded-container .unified360-collapsible-content .trigger-button-container #omnibar-trigger-button, .unified360-sidenav .unified360-expanded-container .unified360-collapsible-content .unified360-icon, .unified360-sidenav .unified360-expanded-container .unified360-collapsible-content .unified360-widgets-container .unified360-alternate-svg, .unified360-sidenav .unified360-expanded-container .unified360-collapsible-content .unified360-widgets-container .unified360-widgets-item svg, .unified360-sidenav .unified360-expanded-container .unified360-collapsible-content .unified360-widgets-container .unified360-widgets-svg svg, .unified360-sidenav .unified360-widgets-container .unified360-expanded-container .unified360-collapsible-content .unified360-alternate-svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-item .unified360-expanded-container .unified360-collapsible-content svg, .unified360-sidenav .unified360-widgets-container .unified360-widgets-svg .unified360-expanded-container .unified360-collapsible-content svg {
          left: 40px
      }

      .unified360-sidenav .unified360-expanded-container .unified360-widgets-container {
          padding: 0;
          flex-direction: row-reverse;
          justify-content: flex-end;
          height: 44px;
          bottom: 1px
      }

          .unified360-sidenav .unified360-expanded-container .unified360-widgets-container .unified360-widgets-item {
              margin: 2px 12px
          }

  .unified360-sidenav .unified360-collapsible-label {
      display: block;
      cursor: pointer;
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
      margin-left: 12px;
      margin-right: 12px;
      padding: 0;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px
  }

  .unified360-sidenav .unified360-collapsible-content-wrapper {
      overflow: hidden
  }

  .unified360-sidenav .unified360-collapsible-content {
      max-height: 0;
      opacity: 0;
      -webkit-transition: max-height .3s ease-in-out,opacity .3s ease-in-out;
      -moz-transition: max-height .3s ease-in-out,opacity .3s ease-in-out;
      transition: max-height .3s ease-in-out,opacity .3s ease-in-out
  }

  .unified360-sidenav .unified360-collapsible-toggle:checked + .unified360-collapsible-label + .unified360-collapsible-content-wrapper {
      overflow: visible
  }

      .unified360-sidenav .unified360-collapsible-toggle:checked + .unified360-collapsible-label + .unified360-collapsible-content-wrapper .unified360-collapsible-content {
          opacity: 1;
          max-height: 100vh
      }

  .unified360-sidenav .unified360-collapsible-toggle:checked + .unified360-collapsible-label .unified360-arrow {
      transform: rotate(-180deg)
  }

  .unified360-sidenav .unified360-modal-wrapper {
      background: rgba(0,0,0,.6);
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      animation: fade .5s;
      z-index: 99999;
      overflow-y: auto;
      color: #000;
      border-radius: 0 0 6px 6px
  }

      .unified360-sidenav .unified360-modal-wrapper .unified360-modal-dialog {
          width: 580px;
          margin: auto;
          animation: toptoBottomFade .4s;
          position: relative;
          top: 50px;
          background-color: #fff
      }

          .unified360-sidenav .unified360-modal-wrapper .unified360-modal-dialog .__header {
              padding: 22px;
              border: 1px solid #DEDEDE
          }

          .unified360-sidenav .unified360-modal-wrapper .unified360-modal-dialog .__content {
              margin: 0;
              padding: 25px
          }

          .unified360-sidenav .unified360-modal-wrapper .unified360-modal-dialog .__footer {
              padding: 12px 25px;
              border: 1px solid #DEDEDE
          }

  .unified360-sidenav .unified360-txt-light {
      color: rgba(0,0,0,.8);
      font-size: 12px;
      letter-spacing: 0;
      line-height: 18px
  }

  .unified360-sidenav .unified360-txt-right {
      text-align: right
  }

  .unified360-sidenav .unified360-btn {
      border: 1px solid #cfd7df;
      background: linear-gradient(to bottom,#fff,#f5f7f9);
      border-radius: 4px;
      display: inline-block;
      color: #12344d;
      text-align: center;
      padding: 6px 12px;
      font-size: 12px;
      font-weight: 500;
      letter-spacing: .3px;
      text-decoration: none;
      vertical-align: middle;
      min-width: 22px;
      text-transform: capitalize;
      overflow: visible;
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      appearance: none;
      user-select: none;
      white-space: nowrap
  }

  .unified360-sidenav .unified360-btn-primary {
      border: 1px solid #12344d;
      background: linear-gradient(to bottom,#264966,#12344d);
      color: #fff
  }

  .unified360-sidenav .unified360-widgets-container {
      position: absolute;
      bottom: 0;
      padding: 12px 12px 0
  }

      .unified360-sidenav .unified360-widgets-container .unified360-widgets-item.unified360-padding-0 {
          padding: 0
      }

  .unified360-sidenav .unified360-zindex-1 {
      z-index: 1
  }

  .unified360-sidenav .unified360-widgets-item .unified360-phone-wave1 {
      -webkit-transition: all 2s ease-in-out;
      -moz-transition: all 2s ease-in-out;
      transition: all 2s ease-in-out;
      animation: ani 2s infinite
  }

  .unified360-sidenav .unified360-widgets-item .unified360-phone-wave2 {
      -webkit-transition: all 2s ease-in-out;
      -moz-transition: all 2s ease-in-out;
      transition: all 2s ease-in-out;
      animation: ani 2s infinite .2s
  }

@keyframes ani {
  0%,100% {
      opacity: 0
  }

  50% {
      opacity: 1
  }
}

.unified360-sidenav img.unified360-img-icon {
  filter: invert(90%) sepia(10%) saturate(2495%) hue-rotate(178deg) brightness(101%) contrast(99%)
}

.unified360-sidenav img.unified360-white-img-icon {
  filter: invert(10%) sepia(10%) saturate(2495%) hue-rotate(178deg) brightness(101%) contrast(99%)
}

.unified360-sidenav .active img.unified360-img-icon, .unified360-sidenav .unified360-active-menu img.unified360-img-icon {
  filter: invert(15%) sepia(19%) saturate(2887%) hue-rotate(171deg) brightness(95%) contrast(91%)
}

.unified360-sidenav .active img.unified360-white-img-icon, .unified360-sidenav .unified360-active-menu img.unified360-white-img-icon {
  filter: invert(90%) sepia(19%) saturate(2887%) hue-rotate(171deg) brightness(95%) contrast(91%)
}

.unified360-sidenav .trigger-button-container {
  bottom: unset
}

  .unified360-sidenav .trigger-button-container #omnibar-trigger-button {
      margin: 0 auto
  }

.unified360-sidenav .freshworks-omnibar-tooltip-container, .unified360-sidenav .freshworks-omnibar-tooltip-holder.right:after, .unified360-sidenav .freshworks-omnibar-tooltip-holder:hover:after, .unified360-sidenav .freshworks-omnibar-tooltip-holder:hover:before {
  display: none
}

.unified360-sidenav .unified360-loader-container li, .unified360-sidenav .unified360-standard-loader-dimension {
  width: 32px;
  height: 32px;
  margin: 6px 4px
}

.unified360-sidenav .unified360-block {
  display: block
}

#fc-widget, #unity_agent_div {
  z-index: 999 !important
}

@-webkit-keyframes fadeIn {
  from {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

@keyframes fadeIn {
  from {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn
}

@-webkit-keyframes fadeInUp {
  from {
      opacity: 0;
      -webkit-transform: translate3d(0, 20%, 0);
      transform: translate3d(0, 20%, 0)
  }

  to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
  }
}

@keyframes fadeInUp {
  from {
      opacity: 0;
      -webkit-transform: translate3d(0, 20%, 0);
      transform: translate3d(0, 20%, 0)
  }

  to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}

@-webkit-keyframes zoomIn {
  from {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3)
  }

  50% {
      opacity: 1
  }
}

@keyframes zoomIn {
  from {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3)
  }

  50% {
      opacity: 1
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn
}

@keyframes frameOpen {
  from {
      transform: scale(0)
  }

  to {
      transform: scale(1)
  }
}

@-webkit-keyframes frameOpen {
  from {
      transform: scale(0)
  }

  to {
      transform: scale(1)
  }
}

@keyframes frameCollapse {
  0% {
      width: 835px
  }

  98% {
      width: 835px
  }

  100% {
      width: 422px
  }
}

@-webkit-keyframes frameCollapse {
  0% {
      width: 835px
  }

  98% {
      width: 835px
  }

  100% {
      width: 422px
  }
}

@keyframes faqExpand {
  0% {
      width: 384px
  }

  100% {
      width: 800px
  }
}

@-webkit-keyframes faqExpand {
  0% {
      width: 384px
  }

  100% {
      width: 800px
  }
}

@keyframes faqCollapseNormal {
  from {
      width: 800px
  }

  to {
      width: 384px
  }
}

@-webkit-keyframes faqCollapseNormal {
  from {
      width: 800px
  }

  to {
      width: 384px
  }
}

@keyframes faqCollapseSmall {
  from {
      width: 800px
  }

  to {
      width: 326px
  }
}

@-webkit-keyframes faqCollapseSmall {
  from {
      width: 800px
  }

  to {
      width: 326px
  }
}

@-webkit-keyframes slideInUp {
  from {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      visibility: visible
  }

  to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
  }
}

@keyframes slideInUp {
  from {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      visibility: visible
  }

  to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

  .animated.delay {
      -webkit-animation-delay: .2s;
      animation-delay: .2s
  }

  .animated.delay-1 {
      -webkit-animation-delay: .3s;
      animation-delay: .3s
  }

  .animated.fast {
      -webkit-animation-duration: 800ms;
      animation-duration: 800ms
  }

  .animated.faster {
      -webkit-animation-duration: 500ms;
      animation-duration: 500ms
  }

  .animated.speed {
      -webkit-animation-duration: 300ms;
      animation-duration: 300ms
  }

@-webkit-keyframes category {
  from {
      height: 10rem
  }

  to {
      height: 8rem
  }
}

@keyframes category {
  from {
      height: 10rem
  }

  to {
      height: 8rem
  }
}

@-webkit-keyframes article {
  from {
      height: 8rem
  }

  to {
      height: 10rem
  }
}

@keyframes article {
  from {
      height: 8rem
  }

  to {
      height: 10rem
  }
}

@-webkit-keyframes articleView {
  from {
      height: 10rem
  }

  to {
      height: 5.5rem
  }
}

@keyframes articleView {
  from {
      height: 10rem
  }

  to {
      height: 5.5rem
  }
}

@-webkit-keyframes logo {
  from {
      margin-left: 0%;
      transform: translateX(0%)
  }

  to {
      margin-left: 50%;
      transform: translateX(-50%)
  }
}

@keyframes logo {
  from {
      margin-left: 0%;
      transform: translateX(0%)
  }

  to {
      margin-left: 50%;
      transform: translateX(-50%)
  }
}

@keyframes rtlLogo {
  from {
      margin-right: 0%;
      transform: translateX(0%)
  }

  to {
      margin-right: 50%;
      transform: translateX(50%)
  }
}

@-webkit-keyframes homeLogo {
  from {
      margin-left: 50%;
      transform: translateX(-50%)
  }

  to {
      margin-left: 0%;
      transform: translateX(0%)
  }
}

@keyframes homeLogo {
  from {
      margin-left: 50%;
      transform: translateX(-50%)
  }

  to {
      margin-left: 0%;
      transform: translateX(0%)
  }
}

@-webkit-keyframes homeHeader {
  from {
      height: 10rem
  }

  to {
      height: 5.5rem
  }
}

@keyframes homeHeader {
  from {
      height: 10rem
  }

  to {
      height: 5.5rem
  }
}

@-webkit-keyframes bar {
  from {
      height: 0
  }

  to {
      height: 1.5rem
  }
}

@keyframes bar {
  from {
      height: 0
  }

  to {
      height: 1.5rem
  }
}

@-webkit-keyframes closeFadeIn {
  0% {
      opacity: 0
  }

  70% {
      opacity: 0
  }

  100% {
      opacity: .7
  }
}

@keyframes closeFadeIn {
  0% {
      opacity: 0
  }

  70% {
      opacity: 0
  }

  100% {
      opacity: .7
  }
}

@keyframes closeFadeOut {
  0% {
      opacity: 0
  }

  50% {
      opacity: 0
  }

  100% {
      opacity: .7
  }
}

@-webkit-keyframes closeFadeOut {
  0% {
      opacity: 0
  }

  50% {
      opacity: 0
  }

  100% {
      opacity: .7
  }
}

@media only screen and (max-device-width: 667px),only screen and (max-device-width: 900px)and (min-device-width: 668px)and (orientation: landscape) {
  .fc-widget-open {
      height: 100%;
      overflow: hidden;
      width: 100%
  }
}

#fc_push_frame {
  border: none;
  display: none;
  height: 1px;
  width: 1px
}

#fc_widget {
  border: 0;
  display: block;
  min-height: auto;
  min-width: auto;
  height: 100%;
  width: 100%
}

#fc_frame {
  width: 70px
}

  #fc_frame, #fc_frame.fc-widget-normal {
      bottom: 15px;
      height: 75px;
      min-height: 73px;
      min-width: 65px;
      overflow: hidden;
      position: fixed;
      right: 15px;
      z-index: 2147483600
  }

      #fc_frame.fc_l2r, #fc_frame.fc-widget-normal.fc_l2r {
          left: 15px
      }

      #fc_frame.fc_dn, #fc_frame.fc-widget-normal.fc_dn {
          height: 0;
          min-height: 0;
          min-width: 0;
          opacity: 0;
          width: 0
      }

      #fc_frame.hide, #fc_frame.fc-widget-normal.hide {
          display: none
      }

      #fc_frame.fc-launcher-text, #fc_frame.fc-widget-normal.fc-launcher-text {
          min-height: 50px;
          height: 50px
      }

      #fc_frame.h-open-notify, #fc_frame.fc-widget-normal.h-open-notify {
          opacity: 1;
          transition: none;
          height: 400px;
          width: 332px
      }

      #fc_frame.h-open-container, #fc_frame.fc-widget-normal.h-open-container {
          max-height: calc(100% - 100px);
          opacity: 1;
          height: 720px;
          width: 422px
      }

          #fc_frame.h-open-container.expanded-modal, #fc_frame.fc-widget-normal.h-open-container.expanded-modal {
              bottom: 0;
              max-height: unset;
              opacity: 1;
              right: 0;
              transition: none;
              height: 100%;
              width: 100%
          }

          #fc_frame.h-open-container.avoid-jitter, #fc_frame.fc-widget-normal.h-open-container.avoid-jitter {
              transition: height .3s ease-out
          }

      #fc_frame.widget-open-animate, #fc_frame.fc-widget-normal.widget-open-animate {
          -webkit-animation: frameOpen;
          animation: frameOpen;
          animation-duration: .3s;
          animation-timing-function: ease-out;
          transform-origin: right bottom
      }

      #fc_frame.expanded-article_view, #fc_frame.fc-widget-normal.expanded-article_view {
          width: 835px
      }

      #fc_frame.expand-article-left, #fc_frame.fc-widget-normal.expand-article-left {
          transition: left .3s ease-in
      }

      #fc_frame.collapse-article-left, #fc_frame.fc-widget-normal.collapse-article-left {
          transition: left .3s ease-out
      }

      #fc_frame.expand-article-right, #fc_frame.fc-widget-normal.expand-article-right {
          transition: right .3s ease-in
      }

      #fc_frame.collapse-article-right, #fc_frame.fc-widget-normal.collapse-article-right {
          transition: right .3s ease-out
      }

      #fc_frame.collapsed-article_view, #fc_frame.fc-widget-normal.collapsed-article_view {
          -webkit-animation: frameCollapse;
          animation: frameCollapse;
          animation-duration: .3s;
          animation-timing-function: ease-out
      }

      #fc_frame, #fc_frame.fc-widget-small {
          bottom: 15px;
          min-height: 73px;
          min-width: 65px;
          opacity: 1;
          overflow: hidden;
          position: fixed;
          right: 15px;
          z-index: 2147483600
      }

          #fc_frame.fc_dn, #fc_frame.fc-widget-small.fc_dn {
              height: 0;
              min-height: 0;
              min-width: 0;
              opacity: 0;
              width: 0
          }

          #fc_frame.h-open-notify, #fc_frame.fc-widget-small.h-open-notify {
              opacity: 1;
              transition: none;
              height: 520px;
              width: 332px
          }

          #fc_frame.fc-widget-left, #fc_frame.fc-widget-small.fc-widget-left {
              left: 15px;
              right: unset;
              transform-origin: left bottom !important
          }

          #fc_frame.fc-launcher-text, #fc_frame.fc-widget-small.fc-launcher-text {
              min-height: 50px;
              height: 50px
          }

          #fc_frame.h-open-container, #fc_frame.fc-widget-small.h-open-container {
              max-height: calc(100% - 100px);
              opacity: 1;
              height: 572px;
              width: 366px
          }

              #fc_frame.h-open-container.expanded-modal, #fc_frame.fc-widget-small.h-open-container.expanded-modal {
                  bottom: 0 !important;
                  max-height: unset;
                  opacity: 1;
                  right: 0 !important;
                  left: unset !important;
                  transition: none;
                  height: 100%;
                  width: 100%
              }

              #fc_frame.h-open-container.avoid-jitter, #fc_frame.fc-widget-small.h-open-container.avoid-jitter {
                  transition: height .3s ease-out
              }

          #fc_frame.widget-open-animate, #fc_frame.fc-widget-small.widget-open-animate {
              -webkit-animation: frameOpen;
              animation: frameOpen;
              animation-duration: .3s;
              animation-timing-function: ease-out;
              transform-origin: right bottom
          }

          #fc_frame.expanded-article_view, #fc_frame.fc-widget-small.expanded-article_view {
              width: 835px
          }

          #fc_frame.collapsed-article_view, #fc_frame.fc-widget-small.collapsed-article_view {
              -webkit-animation: frameCollapse;
              animation: frameCollapse;
              animation-duration: .3s;
              animation-timing-function: ease-out
          }

          #fc_frame.fc-mobile-view.h-open-container {
              bottom: 0 !important;
              max-height: 100%;
              overflow: hidden;
              right: 0 !important;
              left: 0 !important;
              height: 100%;
              width: 100%
          }

              #fc_frame.fc-mobile-view.h-open-container.fc_l2r {
                  left: 0
              }

          #fc_frame.fc-widget-fullscreen.fc-widget-normal, #fc_frame.fc-widget-fullscreen.fc-widget-small {
              bottom: 0 !important;
              max-height: 100%;
              overflow: hidden;
              right: 0 !important;
              min-height: 73px;
              min-width: 65px
          }

              #fc_frame.fc-widget-fullscreen.fc-widget-normal.fc_l2r, #fc_frame.fc-widget-fullscreen.fc-widget-small.fc_l2r {
                  left: 0
              }

              #fc_frame.fc-widget-fullscreen.fc-widget-normal.h-open-container, #fc_frame.fc-widget-fullscreen.fc-widget-small.h-open-container {
                  height: 100%;
                  width: 100%;
                  min-height: 100%;
                  min-width: 100%
              }

@media(max-height: 300px) {
  #fc_frame.h-open-container, #fc_frame.fc-widget-small.h-open-container, #fc_frame.fc-widget-normal.h-open-container, #fc_frame.fc-widget-normal.expanded-modal.h-open-container {
      bottom: 0;
      max-height: 98%;
      right: 0;
      width: 100%
  }
}

@charset "UTF-8";

hr, img {
  border: 0
}

.__ui-form__controls__calendar-range-picker .power-calendar .power-calendar-row .power-calendar-day--selected .day-number, .__ui-form__controls__calendar-range-picker .power-calendar-day--current-month, .power-calendar-day--today .day-number, body {
  color: #183247
}

.__ui-form__controls__calendar-picker .calendar-time-panel::after, .__ui-form__controls__calendar-picker .power-calendar-day-grid::after, .__ui-form__controls__calendar-picker .power-calendar-weekdays::after, .__ui-form__controls__calendar-range-picker .calendar-layout::after, .__ui-form__controls__calendar-range-picker .calendar-time-panel::after, .__ui-form__controls__calendar-range-picker .power-calendar-day-grid::after, .__ui-form__controls__calendar-range-picker .power-calendar-weekdays::after, .attachment::after {
  content: "";
  display: table;
  clear: both
}

.avatar-container input[type=file], .avatar-field .input-container input[type=file] {
  opacity: 0;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 10000px
}

.__ui-form__controls__calendar-range-picker .calendar-left .power-select-trigger, .__ui-form__controls__calendar-range-picker .calendar-left .select-dropdown-trigger, .__ui-form__controls__calendar-range-picker .calendar-right .power-select-trigger, .__ui-form__controls__calendar-range-picker .calendar-right .select-dropdown-trigger, .__ui-form__controls__calendar-range-picker .power-calendar .power-calendar-row .power-calendar-day--selected .day-number, .__ui-form__controls__calendar-range-picker .power-calendar-day--current-month, .power-calendar-day--today .day-number {
  font-weight: 600;
  -moz-osx-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased
}

.__ui-components__diff-table__column-data__default-data .default-data__heading, .__ui-components__diff-table__column-data__nested-data .nested-data__heading, .modal-diff-table .body .content .heading .text {
  font-size: 12px
}

.__ui-components__diff-table__column-data__default-data .default-data__default-value, .__ui-components__diff-table__column-data__default-data .default-data__event-data__key, .__ui-components__diff-table__column-data__default-data .default-data__text__key, .__ui-components__diff-table__column-data__default-data .default-data__text__small, .__ui-components__diff-table__column-data__default-data .default-data__text__value, .__ui-components__diff-table__column-data__nested-data .nested-data__text__key, .__ui-components__formatted-data__email-data .email__text, .__ui-components__formatted-data__nested-block-data .nested-block__text, .__ui-components__formatted-data__webhook-data .webhook__text, .modal-diff-checker__title__link-tab__deleted, .modal-diff-checker__title__link-tab__event, .modal-diff-table .body .content .current .empty .text {
  font-size: 13px
}

.__ui-components__diff-table__column-data__default-data .default-data__event-data__key, .__ui-components__diff-table__column-data__default-data .default-data__text__key, .__ui-components__diff-table__column-data__default-data .default-data__text__small, .__ui-components__diff-table__column-data__nested-data .nested-data__text__key, .__ui-components__formatted-data__email-data .email__text__key, .__ui-components__formatted-data__nested-block-data .nested-block__text__key, .__ui-components__formatted-data__webhook-data .webhook__text__key, .dropdown .calendar-controls .power-select-selected-item {
  font-weight: 400
}

.__app-components__assign-to__options .item-selected, .__app-components__assign-to__title .tab-title, .__app-components__assign-to__title .tab-value-assigned, .__app-components__widget-sidebar__widget .sidebar__title, .__ui-components__diff-table__column-data__default-data .default-data__text__value, .__ui-components__fresh-pagination .pagination-wrapper .pagination__gap, .__ui-components__fresh-pagination .pagination-wrapper .pagination__link, .__ui-components__refresh-notification .refresh-notification__container__count, .add-timer .time-count, .add-timer .time-tracked .time-tracked-label, .add-timer-bottom .show-more, .add-timer-options__item, .app-form .power-select-selected-item, .app-icon-btn, .breadcrumb__item, .btn, .power-select-multiple-option, .fresh-table .list thead .lt-column, .fresh-table .list thead th, .input.has-content input[type=date], .input.has-content input[type=email], .input.has-content input[type=number], .input.has-content input[type=password], .input.has-content input[type=text], .input.has-content textarea, .lightbox-label, .lt-head .lt-column, .mini-list-subject, .mini-list-title, .modal-title, .search-clear, .ticket-details .ticket-sidebar-sticky, .ticket-details__item--more .more-count, .valid .editor-create-ticket .caption, .valid .editor-edit-note .caption, .valid .input .power-select-placeholder, .valid .input input[type=date], .valid .input input[type=email], .valid .input input[type=number], .valid .input input[type=password], .valid .input input[type=text], .valid .input label, .valid .input textarea, .valid input {
  font-weight: 500
}

.__ui-components__diff-table__column-data__default-data .default-data__default-value, .__ui-components__diff-table__column-data__default-data .default-data__heading, .__ui-components__diff-table__column-data__nested-data .nested-data__heading, .__ui-components__formatted-data__email-data .email__text__value, .__ui-components__formatted-data__nested-block-data .nested-block__text__value, .__ui-components__formatted-data__webhook-data .webhook__text__value, .modal-diff-checker__title__text {
  font-weight: 600
}

.__module-search__customers-card .customer-item__data, .__module-search__customers-card .customer-item__main, .additional-fields-dropdown__content__option, .category-menu--link, .contacts__ticket, .description-subject, .dropdown-recent-ticket__item, .fresh-table .list tbody td .ticket-subject div, .fresh-table .list tbody td > div, .result-item__description, .result-item__title, .text__content, .text__link-heading, .ticket-subject {
  word-break: break-word;
  -ms-word-wrap: break-word;
  word-wrap: break-word
}

.embed-code .code-content, .status-item .status-name {
  word-break: break-all;
  -ms-word-wrap: break-word;
  word-wrap: break-word
}

.app-dropdown__item, .app-form div.disabledField, .attachment__item-text, .contacts__cardemail, .contacts__cardinfo--company, .contacts__cardphone, .contacts__cardtwitter, .drop-small__select, .fsm-appointment-details-tooltip .fsm-appointment-details, .merge__item .list-content-wrap .merge-ticket-subject, .text-weight {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.__app-components__assign-to__search .assignto__search::placeholder, .__app-components__to-do .todo-selected, .__integration-apps__freshsales__record .record--title, .__integration-apps__salesforce__record .record--title, .__ui-form__editor__social-editor .socialeditor__count, .__ui-form__editor__ticket-editor .ticket-editor__footer .ticket-editor__action.link-to-forum .label-field, .freshsales__entity--title, .salesforce__entity--title, .text--antialias, .text__infotext, .time-picker .validation-error-text, .time-picker-options .time-picker-option[aria-selected=true]::before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.__ui-components__drop-down .basic-dropdown .basic-dropdown-content, .__ui-components__event-scheduler .es__calendar-wrapper, .__video-modal .feature-video, .app-dropdown, .assignto-content.basic-dropdown-content, .card__media--play-btn, .disabled-feature-with-single-video .feature__video, .dropdown-menu, .dropdown-normal, .basic-dropdown-content--above, .basic-dropdown-content--below, .basic-dropdown-content--in-place, .power-select-dropdown.basic-dropdown-content--above, .power-select-dropdown.basic-dropdown-content--below, .power-select-dropdown.basic-dropdown-content--in-place, .es-event-duration-dd, .fsm-scheduler-event-detail, .header-primary__user__item .profile-dropdown, .popup-modal, .prompt-dialog, .quick-search, .search-preferences {
  box-shadow: 0 2px 18px 0 rgba(18,52,77,.16),0 2px 4px 0 rgba(18,52,77,.06)
}

.es__external-events .external-event-wrapper .event {
  box-shadow: 0 2px 6px 0 rgba(22,29,37,.05),0 0 1px 0 rgba(24,50,71,.3)
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline
}

  audio:not([controls]) {
      display: none;
      height: 0
  }

[hidden], template {
  display: none
}

a {
  background-color: transparent;
  color: #2c5cc5;
  text-decoration: none
}

  a:active, a:hover {
      outline: 0
  }

b, optgroup, strong {
  font-weight: 700
}

dfn {
  font-style: italic
}

h1 {
  margin: .67em 0
}

mark {
  background: #ff0;
  color: #000
}

.img-thumbnail, body {
  background-color: #ebeff3
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

img {
  vertical-align: middle
}

svg:not(:root) {
  overflow: hidden
}

hr {
  box-sizing: content-box;
  height: 0
}

pre, textarea {
  overflow: auto
}

code, kbd, pre, samp {
  font-family: monospace,monospace;
  font-size: 1em
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0
}

.btn--tag, html {
  font-size: 10px
}

.__app-components__app-shortcuts-help, .__app-components__app-shortcuts-help .shortcut-btn, .app-container, .category-menu--link--active, .power-calendar .power-calendar-row .power-calendar-day--selected, .power-calendar .power-calendar-row .power-calendar-day--selected:not([disabled]):hover, .fr-quoted-marker::after, [class*=hint--]::after, body {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif
}

button {
  overflow: visible
}

.collapsing, .dropdown-menu .divider, .form-avatar, .modal, .modal-dialog--xxxlarge, .modal-open, .progress, .sr-only {
  overflow: hidden
}

button, select {
  text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer
}

  button[disabled], html input[disabled] {
      cursor: default
  }

  button::-moz-focus-inner, input::-moz-focus-inner {
      border: 0;
      padding: 0
  }

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0
}

*, :after, :before, input[type=search] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

td, th {
  padding: 0
}

*, :after, :before {
  box-sizing: border-box
}

html {
  -webkit-tap-highlight-color: transparent
}

body {
  margin: 0;
  font-size: 14px
}

button, input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

a:focus, a:hover {
  color: #2c5cc5;
  text-decoration: underline
}

a:focus {
  outline: dotted thin;
  outline: -webkit-focus-ring-color auto 5px;
  outline-offset: -2px
}

figure {
  margin: 0
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto
}

.img-thumbnail, .list-inline > li, label {
  display: inline-block
}

.img-rounded {
  border-radius: 6px
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  max-width: 100%;
  height: auto
}

.img-circle {
  border-radius: 50%
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border-top: 1px solid #eee
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  clip: rect(0,0,0,0);
  border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto
}

[role=button] {
  cursor: pointer
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit
}

  .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
      font-weight: 400;
      line-height: 1;
      color: #777
  }

.avatar-desc, .lead, .loader-text {
  line-height: 1.4
}

.h1, .h2, .h3, h1, h2, h3 {
  margin-top: 20px;
  margin-bottom: 10px
}

  .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
      font-size: 65%
  }

.h4, .h5, .h6, h4, h5, h6 {
  margin-top: 10px;
  margin-bottom: 10px
}

  .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
      font-size: 75%
  }

.h1, h1 {
  font-size: 36px
}

.h2, h2 {
  font-size: 30px
}

.h3, h3 {
  font-size: 24px
}

.h4, h4 {
  font-size: 16px
}

.h5, h5 {
  font-size: 14px
}

.h6, h6 {
  font-size: 12px
}

p {
  margin: 0 0 10px
}

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300
}

.close, dt, label {
  font-weight: 700
}

@media (min-width:768px) {
  .lead {
      font-size: 21px
  }
}

.small, small {
  font-size: 92%
}

.mark, mark {
  background-color: #fcf8e3;
  padding: .2em
}

.list-inline, .list-unstyled {
  padding-left: 0;
  list-style: none
}

.text-left, .ticket-details__item .created-time {
  text-align: left
}

.text-right {
  text-align: right
}

.text-center {
  text-align: center
}

.text-justify {
  text-align: justify
}

.text-nowrap {
  white-space: nowrap
}

.text-lowercase {
  text-transform: lowercase
}

.initialism, .text-uppercase {
  text-transform: uppercase
}

.text-capitalize {
  text-transform: capitalize
}

.text-muted {
  color: #7c7c7c
}

.text-primary {
  color: #2c5cc5
}

a.text-primary:focus, a.text-primary:hover {
  color: #23499b
}

.text-success {
  color: #3c763d
}

a.text-success:focus, a.text-success:hover {
  color: #2b542c
}

.text-info {
  color: #31708f
}

a.text-info:focus, a.text-info:hover {
  color: #245269
}

.text-warning {
  color: #8a6d3b
}

a.text-warning:focus, a.text-warning:hover {
  color: #66512c
}

.text-danger {
  color: #d72d30
}

a.text-danger:focus, a.text-danger:hover {
  color: #b02124
}

.bg-primary {
  color: #fff;
  background-color: #2c5cc5
}

a.bg-primary:focus, a.bg-primary:hover {
  background-color: #23499b
}

.bg-success {
  background-color: #dff0d8
}

a.bg-success:focus, a.bg-success:hover {
  background-color: #c1e2b3
}

.bg-info {
  background-color: #d9edf7
}

a.bg-info:focus, a.bg-info:hover {
  background-color: #afd9ee
}

.bg-warning {
  background-color: #fcf8e3
}

a.bg-warning:focus, a.bg-warning:hover {
  background-color: #f7ecb5
}

.bg-danger {
  background-color: #f2dede
}

a.bg-danger:focus, a.bg-danger:hover {
  background-color: #e4b9b9
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee
}

.recent-search__title, .recently-viewed__title, caption {
  padding-bottom: 8px
}

dl, ol, ul {
  margin-top: 0
}

  blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child, ol ol, ol ul, ul ol, ul ul {
      margin-bottom: 0
  }

ol, ul {
  margin-bottom: 10px
}

.list-inline {
  margin-left: -5px
}

  .list-inline > li {
      padding-left: 5px;
      padding-right: 5px
  }

dl {
  margin-bottom: 20px
}

dd, dt {
  line-height: 1.428571429
}

dd {
  margin-left: 0
}

.dl-horizontal dd:after, .dl-horizontal dd:before {
  content: " ";
  display: table
}

.dl-horizontal dd:after {
  clear: both
}

@media (min-width:768px) {
  .dl-horizontal dt {
      float: left;
      width: 160px;
      clear: left;
      text-align: right;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
  }

  .dl-horizontal dd {
      margin-left: 180px
  }

  .container {
      width: 750px
  }
}

abbr[data-original-title], abbr[title] {
  cursor: help;
  border-bottom: 1px dotted #777
}

.initialism {
  font-size: 90%
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee
}

.container, .container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px
}

.table, address {
  margin-bottom: 20px
}

blockquote .small, blockquote footer, blockquote small {
  display: block;
  font-size: 80%;
  line-height: 1.428571429;
  color: #777
}

.container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before {
  display: table;
  content: " "
}

blockquote .small:before, blockquote footer:before, blockquote small:before {
  content: "— "
}

.blockquote-reverse, blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eee;
  border-left: 0;
  text-align: right
}

caption, th {
  text-align: left
}

.blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before {
  content: ""
}

.blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after {
  content: " —"
}

address {
  font-style: normal;
  line-height: 1.428571429
}

.container {
  padding-left: 15px
}

  .container:after {
      clear: both
  }

@media (min-width:992px) {
  .container {
      width: 970px
  }
}

@media (min-width:1200px) {
  .container {
      width: 1170px
  }
}

.container-fluid {
  padding-left: 15px
}

  .container-fluid:after {
      clear: both
  }

.row {
  margin-left: -15px;
  margin-right: -15px
}

  .row:after {
      clear: both
  }

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  float: left
}

.col-xs-1 {
  width: 8.3333333333%
}

.col-xs-2 {
  width: 16.6666666667%
}

.col-xs-3 {
  width: 25%
}

.col-xs-4 {
  width: 33.3333333333%
}

.col-xs-5 {
  width: 41.6666666667%
}

.col-xs-6 {
  width: 50%
}

.col-xs-7 {
  width: 58.3333333333%
}

.col-xs-8 {
  width: 66.6666666667%
}

.col-xs-9 {
  width: 75%
}

.col-xs-10 {
  width: 83.3333333333%
}

.col-xs-11 {
  width: 91.6666666667%
}

.col-xs-12 {
  width: 100%
}

.col-xs-pull-0 {
  right: auto
}

.col-xs-pull-1 {
  right: 8.3333333333%
}

.col-xs-pull-2 {
  right: 16.6666666667%
}

.col-xs-pull-3 {
  right: 25%
}

.col-xs-pull-4 {
  right: 33.3333333333%
}

.col-xs-pull-5 {
  right: 41.6666666667%
}

.col-xs-pull-6 {
  right: 50%
}

.col-xs-pull-7 {
  right: 58.3333333333%
}

.col-xs-pull-8 {
  right: 66.6666666667%
}

.col-xs-pull-9 {
  right: 75%
}

.col-xs-pull-10 {
  right: 83.3333333333%
}

.col-xs-pull-11 {
  right: 91.6666666667%
}

.col-xs-pull-12 {
  right: 100%
}

.col-xs-push-0 {
  left: auto
}

.col-xs-push-1 {
  left: 8.3333333333%
}

.col-xs-push-2 {
  left: 16.6666666667%
}

.col-xs-push-3 {
  left: 25%
}

.col-xs-push-4 {
  left: 33.3333333333%
}

.col-xs-push-5 {
  left: 41.6666666667%
}

.col-xs-push-6 {
  left: 50%
}

.col-xs-push-7 {
  left: 58.3333333333%
}

.col-xs-push-8 {
  left: 66.6666666667%
}

.col-xs-push-9 {
  left: 75%
}

.col-xs-push-10 {
  left: 83.3333333333%
}

.col-xs-push-11 {
  left: 91.6666666667%
}

.col-xs-push-12 {
  left: 100%
}

.col-xs-offset-0 {
  margin-left: 0
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%
}

.col-xs-offset-3 {
  margin-left: 25%
}

.col-xs-offset-4 {
  margin-left: 33.3333333333%
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%
}

.col-xs-offset-6 {
  margin-left: 50%
}

.col-xs-offset-7 {
  margin-left: 58.3333333333%
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%
}

.col-xs-offset-9 {
  margin-left: 75%
}

.col-xs-offset-10 {
  margin-left: 83.3333333333%
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%
}

.col-xs-offset-12 {
  margin-left: 100%
}

@media (min-width:768px) {
  .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
      float: left
  }

  .col-sm-1 {
      width: 8.3333333333%
  }

  .col-sm-2 {
      width: 16.6666666667%
  }

  .col-sm-3 {
      width: 25%
  }

  .col-sm-4 {
      width: 33.3333333333%
  }

  .col-sm-5 {
      width: 41.6666666667%
  }

  .col-sm-6 {
      width: 50%
  }

  .col-sm-7 {
      width: 58.3333333333%
  }

  .col-sm-8 {
      width: 66.6666666667%
  }

  .col-sm-9 {
      width: 75%
  }

  .col-sm-10 {
      width: 83.3333333333%
  }

  .col-sm-11 {
      width: 91.6666666667%
  }

  .col-sm-12 {
      width: 100%
  }

  .col-sm-pull-0 {
      right: auto
  }

  .col-sm-pull-1 {
      right: 8.3333333333%
  }

  .col-sm-pull-2 {
      right: 16.6666666667%
  }

  .col-sm-pull-3 {
      right: 25%
  }

  .col-sm-pull-4 {
      right: 33.3333333333%
  }

  .col-sm-pull-5 {
      right: 41.6666666667%
  }

  .col-sm-pull-6 {
      right: 50%
  }

  .col-sm-pull-7 {
      right: 58.3333333333%
  }

  .col-sm-pull-8 {
      right: 66.6666666667%
  }

  .col-sm-pull-9 {
      right: 75%
  }

  .col-sm-pull-10 {
      right: 83.3333333333%
  }

  .col-sm-pull-11 {
      right: 91.6666666667%
  }

  .col-sm-pull-12 {
      right: 100%
  }

  .col-sm-push-0 {
      left: auto
  }

  .col-sm-push-1 {
      left: 8.3333333333%
  }

  .col-sm-push-2 {
      left: 16.6666666667%
  }

  .col-sm-push-3 {
      left: 25%
  }

  .col-sm-push-4 {
      left: 33.3333333333%
  }

  .col-sm-push-5 {
      left: 41.6666666667%
  }

  .col-sm-push-6 {
      left: 50%
  }

  .col-sm-push-7 {
      left: 58.3333333333%
  }

  .col-sm-push-8 {
      left: 66.6666666667%
  }

  .col-sm-push-9 {
      left: 75%
  }

  .col-sm-push-10 {
      left: 83.3333333333%
  }

  .col-sm-push-11 {
      left: 91.6666666667%
  }

  .col-sm-push-12 {
      left: 100%
  }

  .col-sm-offset-0 {
      margin-left: 0
  }

  .col-sm-offset-1 {
      margin-left: 8.3333333333%
  }

  .col-sm-offset-2 {
      margin-left: 16.6666666667%
  }

  .col-sm-offset-3 {
      margin-left: 25%
  }

  .col-sm-offset-4 {
      margin-left: 33.3333333333%
  }

  .col-sm-offset-5 {
      margin-left: 41.6666666667%
  }

  .col-sm-offset-6 {
      margin-left: 50%
  }

  .col-sm-offset-7 {
      margin-left: 58.3333333333%
  }

  .col-sm-offset-8 {
      margin-left: 66.6666666667%
  }

  .col-sm-offset-9 {
      margin-left: 75%
  }

  .col-sm-offset-10 {
      margin-left: 83.3333333333%
  }

  .col-sm-offset-11 {
      margin-left: 91.6666666667%
  }

  .col-sm-offset-12 {
      margin-left: 100%
  }
}

@media (min-width:992px) {
  .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
      float: left
  }

  .col-md-1 {
      width: 8.3333333333%
  }

  .col-md-2 {
      width: 16.6666666667%
  }

  .col-md-3 {
      width: 25%
  }

  .col-md-4 {
      width: 33.3333333333%
  }

  .col-md-5 {
      width: 41.6666666667%
  }

  .col-md-6 {
      width: 50%
  }

  .col-md-7 {
      width: 58.3333333333%
  }

  .col-md-8 {
      width: 66.6666666667%
  }

  .col-md-9 {
      width: 75%
  }

  .col-md-10 {
      width: 83.3333333333%
  }

  .col-md-11 {
      width: 91.6666666667%
  }

  .col-md-12 {
      width: 100%
  }

  .col-md-pull-0 {
      right: auto
  }

  .col-md-pull-1 {
      right: 8.3333333333%
  }

  .col-md-pull-2 {
      right: 16.6666666667%
  }

  .col-md-pull-3 {
      right: 25%
  }

  .col-md-pull-4 {
      right: 33.3333333333%
  }

  .col-md-pull-5 {
      right: 41.6666666667%
  }

  .col-md-pull-6 {
      right: 50%
  }

  .col-md-pull-7 {
      right: 58.3333333333%
  }

  .col-md-pull-8 {
      right: 66.6666666667%
  }

  .col-md-pull-9 {
      right: 75%
  }

  .col-md-pull-10 {
      right: 83.3333333333%
  }

  .col-md-pull-11 {
      right: 91.6666666667%
  }

  .col-md-pull-12 {
      right: 100%
  }

  .col-md-push-0 {
      left: auto
  }

  .col-md-push-1 {
      left: 8.3333333333%
  }

  .col-md-push-2 {
      left: 16.6666666667%
  }

  .col-md-push-3 {
      left: 25%
  }

  .col-md-push-4 {
      left: 33.3333333333%
  }

  .col-md-push-5 {
      left: 41.6666666667%
  }

  .col-md-push-6 {
      left: 50%
  }

  .col-md-push-7 {
      left: 58.3333333333%
  }

  .col-md-push-8 {
      left: 66.6666666667%
  }

  .col-md-push-9 {
      left: 75%
  }

  .col-md-push-10 {
      left: 83.3333333333%
  }

  .col-md-push-11 {
      left: 91.6666666667%
  }

  .col-md-push-12 {
      left: 100%
  }

  .col-md-offset-0 {
      margin-left: 0
  }

  .col-md-offset-1 {
      margin-left: 8.3333333333%
  }

  .col-md-offset-2 {
      margin-left: 16.6666666667%
  }

  .col-md-offset-3 {
      margin-left: 25%
  }

  .col-md-offset-4 {
      margin-left: 33.3333333333%
  }

  .col-md-offset-5 {
      margin-left: 41.6666666667%
  }

  .col-md-offset-6 {
      margin-left: 50%
  }

  .col-md-offset-7 {
      margin-left: 58.3333333333%
  }

  .col-md-offset-8 {
      margin-left: 66.6666666667%
  }

  .col-md-offset-9 {
      margin-left: 75%
  }

  .col-md-offset-10 {
      margin-left: 83.3333333333%
  }

  .col-md-offset-11 {
      margin-left: 91.6666666667%
  }

  .col-md-offset-12 {
      margin-left: 100%
  }
}

@media (min-width:1200px) {
  .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
      float: left
  }

  .col-lg-1 {
      width: 8.3333333333%
  }

  .col-lg-2 {
      width: 16.6666666667%
  }

  .col-lg-3 {
      width: 25%
  }

  .col-lg-4 {
      width: 33.3333333333%
  }

  .col-lg-5 {
      width: 41.6666666667%
  }

  .col-lg-6 {
      width: 50%
  }

  .col-lg-7 {
      width: 58.3333333333%
  }

  .col-lg-8 {
      width: 66.6666666667%
  }

  .col-lg-9 {
      width: 75%
  }

  .col-lg-10 {
      width: 83.3333333333%
  }

  .col-lg-11 {
      width: 91.6666666667%
  }

  .col-lg-12 {
      width: 100%
  }

  .col-lg-pull-0 {
      right: auto
  }

  .col-lg-pull-1 {
      right: 8.3333333333%
  }

  .col-lg-pull-2 {
      right: 16.6666666667%
  }

  .col-lg-pull-3 {
      right: 25%
  }

  .col-lg-pull-4 {
      right: 33.3333333333%
  }

  .col-lg-pull-5 {
      right: 41.6666666667%
  }

  .col-lg-pull-6 {
      right: 50%
  }

  .col-lg-pull-7 {
      right: 58.3333333333%
  }

  .col-lg-pull-8 {
      right: 66.6666666667%
  }

  .col-lg-pull-9 {
      right: 75%
  }

  .col-lg-pull-10 {
      right: 83.3333333333%
  }

  .col-lg-pull-11 {
      right: 91.6666666667%
  }

  .col-lg-pull-12 {
      right: 100%
  }

  .col-lg-push-0 {
      left: auto
  }

  .col-lg-push-1 {
      left: 8.3333333333%
  }

  .col-lg-push-2 {
      left: 16.6666666667%
  }

  .col-lg-push-3 {
      left: 25%
  }

  .col-lg-push-4 {
      left: 33.3333333333%
  }

  .col-lg-push-5 {
      left: 41.6666666667%
  }

  .col-lg-push-6 {
      left: 50%
  }

  .col-lg-push-7 {
      left: 58.3333333333%
  }

  .col-lg-push-8 {
      left: 66.6666666667%
  }

  .col-lg-push-9 {
      left: 75%
  }

  .col-lg-push-10 {
      left: 83.3333333333%
  }

  .col-lg-push-11 {
      left: 91.6666666667%
  }

  .col-lg-push-12 {
      left: 100%
  }

  .col-lg-offset-0 {
      margin-left: 0
  }

  .col-lg-offset-1 {
      margin-left: 8.3333333333%
  }

  .col-lg-offset-2 {
      margin-left: 16.6666666667%
  }

  .col-lg-offset-3 {
      margin-left: 25%
  }

  .col-lg-offset-4 {
      margin-left: 33.3333333333%
  }

  .col-lg-offset-5 {
      margin-left: 41.6666666667%
  }

  .col-lg-offset-6 {
      margin-left: 50%
  }

  .col-lg-offset-7 {
      margin-left: 58.3333333333%
  }

  .col-lg-offset-8 {
      margin-left: 66.6666666667%
  }

  .col-lg-offset-9 {
      margin-left: 75%
  }

  .col-lg-offset-10 {
      margin-left: 83.3333333333%
  }

  .col-lg-offset-11 {
      margin-left: 91.6666666667%
  }

  .col-lg-offset-12 {
      margin-left: 100%
  }
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  background-color: transparent
}

caption {
  padding-top: 8px;
  color: #7c7c7c
}

.table {
  width: 100%;
  max-width: 100%
}

  .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
      padding: 8px;
      line-height: 1.428571429;
      vertical-align: top;
      border-top: 1px solid #ddd
  }

  .table > thead > tr > th {
      vertical-align: bottom;
      border-bottom: 2px solid #ddd
  }

  .table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
      border-top: 0
  }

  .table > tbody + tbody {
      border-top: 2px solid #ddd
  }

  .table .table {
      background-color: #ebeff3
  }

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
  padding: 5px
}

.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
  border: 1px solid #ddd
}

  .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
      border-bottom-width: 2px
  }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9
}

.table-hover > tbody > tr:hover, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
  background-color: #f5f5f5
}

table col[class*=col-] {
  position: static;
  float: none;
  display: table-column
}

table td[class*=col-], table th[class*=col-] {
  position: static;
  float: none;
  display: table-cell
}

.table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover {
  background-color: #e8e8e8
}

.table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success {
  background-color: #dff0d8
}

.table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover {
  background-color: #d0e9c6
}

.table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info {
  background-color: #d9edf7
}

.table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover {
  background-color: #c4e3f3
}

.table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning {
  background-color: #fcf8e3
}

.table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover {
  background-color: #faf2cc
}

.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger {
  background-color: #f2dede
}

.table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover {
  background-color: #ebcccc
}

.table-responsive {
  overflow-x: auto;
  min-height: .01%
}

@media screen and (max-width:767px) {
  .table-responsive {
      width: 100%;
      margin-bottom: 15px;
      overflow-y: hidden;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      border: 1px solid #ddd
  }

      .table-responsive > .table {
          margin-bottom: 0
      }

          .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
              white-space: nowrap
          }

      .table-responsive > .table-bordered {
          border: 0
      }

          .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child {
              border-left: 0
          }

          .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child {
              border-right: 0
          }

          .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th {
              border-bottom: 0
          }
}

fieldset, legend {
  padding: 0;
  border: 0
}

fieldset {
  margin: 0;
  min-width: 0
}

legend {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border-bottom: 1px solid #e5e5e5
}

.form-control, output {
  font-size: 14px;
  color: #183247
}

label {
  max-width: 100%;
  margin-bottom: 5px
}

.checkbox, .form-control, .radio, input[type=file], input[type=range], output {
  display: block
}

input[type=search] {
  box-sizing: border-box;
  -webkit-appearance: none
}

input[type=checkbox], input[type=radio] {
  margin: 4px 0 0;
  margin-top: 1px\9;
  line-height: normal
}

.dropdown-header, .dropdown-menu > li > a, .form-control, output {
  line-height: 1.428571429
}

select[multiple], select[size] {
  height: auto
}

input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {
  outline: dotted thin;
  outline: -webkit-focus-ring-color auto 5px;
  outline-offset: -2px
}

output {
  padding-top: 7px
}

.form-control {
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  background-color: #fff;
  background-image: none;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  -o-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
}

  .form-control:focus {
      border-color: #66afe9;
      outline: 0;
      -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
  }

  .form-control::-moz-placeholder {
      color: #acb6be;
      opacity: 1
  }

  .form-control:-ms-input-placeholder {
      color: #acb6be
  }

  .form-control::-webkit-input-placeholder {
      color: #acb6be
  }

  .form-control::-ms-expand {
      border: 0;
      background-color: transparent
  }

  .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
      background-color: #fbfcfd;
      opacity: 1
  }

  .form-control[disabled], fieldset[disabled] .form-control {
      cursor: not-allowed
  }

textarea.form-control {
  height: auto
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control {
      line-height: 34px
  }

  .input-group-sm input[type=date], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], .input-group-sm input[type=time], input[type=date].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm, input[type=time].input-sm {
      line-height: 27px
  }

  .input-group-lg input[type=date], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], .input-group-lg input[type=time], input[type=date].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg, input[type=time].input-lg {
      line-height: 44px
  }
}

.form-group {
  margin-bottom: 15px
}

.checkbox, .radio {
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px
}

  .checkbox label, .radio label {
      min-height: 20px;
      padding-left: 20px;
      margin-bottom: 0;
      font-weight: 400;
      cursor: pointer
  }

  .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
      position: absolute;
      margin-left: -20px;
      margin-top: 4px\9
  }

  .checkbox + .checkbox, .radio + .radio {
      margin-top: -5px
  }

.checkbox-inline, .radio-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: 400;
  cursor: pointer
}

  .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
      margin-top: 0;
      margin-left: 10px
  }

  .checkbox-inline.disabled, .checkbox.disabled label, .radio-inline.disabled, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio label, fieldset[disabled] .radio-inline, fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] {
      cursor: not-allowed
  }

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px
}

  .form-control-static.input-lg, .form-control-static.input-sm {
      padding-left: 0;
      padding-right: 0
  }

.form-group-sm .form-control, .input-sm {
  padding: 3px 10px;
  font-size: 13px;
  border-radius: 3px
}

.input-sm {
  height: 27px;
  line-height: 1.5
}

select.input-sm {
  height: 27px;
  line-height: 27px
}

select[multiple].input-sm, textarea.input-sm {
  height: auto
}

.form-group-sm .form-control {
  height: 27px;
  line-height: 1.5
}

.form-group-sm select.form-control {
  height: 27px;
  line-height: 27px
}

.form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control {
  height: auto
}

.form-group-sm .form-control-static {
  height: 27px;
  min-height: 33px;
  padding: 4px 10px;
  font-size: 13px;
  line-height: 1.5
}

.input-lg {
  height: 44px;
  padding: 10px 16px;
  font-size: 16px;
  line-height: 1.3333333;
  border-radius: 6px
}

select.input-lg {
  height: 44px;
  line-height: 44px
}

select[multiple].input-lg, textarea.input-lg {
  height: auto
}

.form-group-lg .form-control {
  height: 44px;
  padding: 10px 16px;
  font-size: 16px;
  line-height: 1.3333333;
  border-radius: 6px
}

.form-group-lg select.form-control {
  height: 44px;
  line-height: 44px
}

.form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control {
  height: auto
}

.form-group-lg .form-control-static {
  height: 44px;
  min-height: 36px;
  padding: 11px 16px;
  font-size: 16px;
  line-height: 1.3333333
}

.has-feedback {
  position: relative
}

  .has-feedback .form-control {
      padding-right: 42.5px
  }

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none
}

.collapsing, .dropdown, .dropup {
  position: relative
}

.form-group-lg .form-control + .form-control-feedback, .input-group-lg + .form-control-feedback, .input-lg + .form-control-feedback {
  width: 44px;
  height: 44px;
  line-height: 44px
}

.form-group-sm .form-control + .form-control-feedback, .input-group-sm + .form-control-feedback, .input-sm + .form-control-feedback {
  width: 27px;
  height: 27px;
  line-height: 27px
}

.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {
  color: #3c763d
}

.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

  .has-success .form-control:focus {
      border-color: #2b542c;
      -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
      box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168
  }

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8
}

.has-success .form-control-feedback {
  color: #3c763d
}

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label {
  color: #8a6d3b
}

.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

  .has-warning .form-control:focus {
      border-color: #66512c;
      -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
      box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b
  }

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3
}

.has-warning .form-control-feedback {
  color: #8a6d3b
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
  color: #d72d30
}

.has-error .form-control {
  border-color: #d72d30;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

  .has-error .form-control:focus {
      border-color: #b02124;
      -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #e78384;
      box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #e78384
  }

.has-error .input-group-addon {
  color: #d72d30;
  border-color: #d72d30;
  background-color: #f2dede
}

.has-error .form-control-feedback {
  color: #d72d30
}

.has-feedback label ~ .form-control-feedback {
  top: 25px
}

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #3875a6
}

@media (min-width:768px) {
  .form-inline .form-control, .form-inline .form-control-static, .form-inline .form-group {
      display: inline-block
  }

  .form-inline .checkbox, .form-inline .control-label, .form-inline .form-group, .form-inline .radio {
      margin-bottom: 0;
      vertical-align: middle
  }

  .form-inline .form-control {
      width: auto;
      vertical-align: middle
  }

  .form-inline .input-group {
      display: inline-table;
      vertical-align: middle
  }

      .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn {
          width: auto
      }

      .form-inline .input-group > .form-control {
          width: 100%
      }

  .form-inline .checkbox, .form-inline .radio {
      display: inline-block;
      margin-top: 0
  }

      .form-inline .checkbox label, .form-inline .radio label {
          padding-left: 0
      }

      .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
          position: relative;
          margin-left: 0
      }

  .form-inline .has-feedback .form-control-feedback {
      top: 0
  }

  .form-horizontal .control-label {
      text-align: right;
      margin-bottom: 0;
      padding-top: 7px
  }
}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px
}

.form-horizontal .checkbox, .form-horizontal .radio {
  min-height: 27px
}

.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px
}

  .form-horizontal .form-group:after, .form-horizontal .form-group:before {
      content: " ";
      display: table
  }

  .form-horizontal .form-group:after {
      clear: both
  }

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px
}

@media (min-width:768px) {
  .form-horizontal .form-group-lg .control-label {
      padding-top: 11px;
      font-size: 16px
  }

  .form-horizontal .form-group-sm .control-label {
      padding-top: 4px;
      font-size: 13px
  }
}

.breadcrumb, .dropdown-menu {
  padding: 5px 0;
  list-style: none
}

.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear
}

  .avatar-img img, .drop-small .power-select-trigger:hover .power-select-status-icon, .drop-small .power-select-trigger:hover .select-dropdown-trigger__status-icon, .drop-small .select-dropdown-trigger:hover .power-select-status-icon, .drop-small .select-dropdown-trigger:hover .select-dropdown-trigger__status-icon, .fade.in {
      opacity: 1
  }

.collapse {
  display: none
}

  .collapse.in {
      display: block
  }

tr.collapse.in {
  display: table-row
}

tbody.collapse.in {
  display: table-row-group
}

.collapsing {
  height: 0;
  -webkit-transition-property: height,visibility;
  transition-property: height,visibility;
  -webkit-transition-duration: .35s;
  transition-duration: .35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid\9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent
}

.dropdown-toggle:focus {
  outline: 0
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 160px;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box
}

  .dropdown-menu-right, .dropdown-menu.pull-right {
      left: auto;
      right: 0
  }

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child, .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  background-color: #e5e5e5
}

.dropdown-menu > li > a {
  display: block;
  clear: both;
  font-weight: 400;
  color: #333;
  white-space: nowrap
}

  .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
      text-decoration: none;
      color: #262626;
      background-color: #ebeef0
  }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #2c5cc5
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
  color: #999
}

  .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
      text-decoration: none;
      background-color: transparent;
      background-image: none;
      filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
      cursor: not-allowed
  }

.open > a {
  outline: 0
}

.dropdown-menu-left {
  left: 0;
  right: auto
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 13px;
  color: #999;
  white-space: nowrap
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid\9;
  content: ""
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px
}

@media (min-width:768px) {
  .navbar-right .dropdown-menu {
      right: 0;
      left: auto
  }

  .navbar-right .dropdown-menu-left {
      left: 0;
      right: auto
  }
}

.btn-group, .btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle
}

  .btn-group-vertical > .btn, .btn-group > .btn {
      position: relative;
      float: left
  }

      .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
          z-index: 2
      }

  .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
      margin-left: -1px
  }

.btn-toolbar {
  margin-left: -5px
}

  .btn--tag, .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
      margin-left: 5px
  }

  .btn-toolbar:after, .btn-toolbar:before {
      content: " ";
      display: table
  }

  .btn-toolbar:after {
      clear: both
  }

  .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
      float: left
  }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0
}

.btn-group > .btn:first-child {
  margin-left: 0
}

  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0
  }

.btn-group > .btn-group {
  float: left
}

  .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
      border-radius: 0
  }

  .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0
  }

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
  outline: 0
}

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px
}

.btn-group-lg.btn-group > .btn + .dropdown-toggle, .btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px
}

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

  .btn-group.open .dropdown-toggle.btn-link {
      -webkit-box-shadow: none;
      box-shadow: none
  }

.btn .caret {
  margin-left: 0
}

.btn-group-lg > .btn .caret, .btn-lg .caret {
  border-width: 5px 5px 0
}

.dropup .btn-group-lg > .btn .caret, .dropup .btn-lg .caret {
  border-width: 0 5px 5px
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%
}

  .btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before {
      content: " ";
      display: table
  }

  .btn-group-vertical > .btn-group:after {
      clear: both
  }

  .btn-group-vertical > .btn-group > .btn {
      float: none
  }

  .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
      margin-top: -1px;
      margin-left: 0
  }

  .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
      border-radius: 0
  }

  .btn-group-vertical > .btn:first-child:not(:last-child) {
      border-radius: 4px 4px 0 0
  }

  .btn-group-vertical > .btn:last-child:not(:first-child) {
      border-radius: 0 0 4px 4px
  }

  .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
      border-radius: 0
  }

  .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0
  }

  .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
      border-top-right-radius: 0;
      border-top-left-radius: 0
  }

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate
}

  .btn-group-justified > .btn, .btn-group-justified > .btn-group {
      float: none;
      display: table-cell;
      width: 1%
  }

.navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before {
  content: " ";
  display: table
}

.btn-group-justified > .btn-group .btn {
  width: 100%
}

.btn-group-justified > .btn-group .dropdown-menu {
  left: auto
}

[data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn input[type=radio], [data-toggle=buttons] > .btn-group > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio] {
  position: absolute;
  clip: rect(0,0,0,0);
  pointer-events: none
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent
}

  .navbar:after {
      clear: both
  }

.navbar-header:after {
  clear: both
}

.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
  -webkit-overflow-scrolling: touch
}

  .navbar-collapse:after {
      clear: both
  }

  .navbar-collapse.in {
      overflow-y: auto
  }

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
  max-height: 340px
}

@media (max-device-width:480px) and (orientation:landscape) {
  .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
      max-height: 200px
  }
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
  margin-right: -15px;
  margin-left: -15px
}

@media (min-width:768px) {
  .navbar {
      border-radius: 4px
  }

  .navbar-header {
      float: left
  }

  .navbar-collapse {
      width: auto;
      border-top: 0;
      box-shadow: none
  }

      .navbar-collapse.collapse {
          display: block !important;
          height: auto !important;
          padding-bottom: 0;
          overflow: visible !important
      }

      .navbar-collapse.in {
          overflow-y: visible
      }

  .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
      padding-left: 0;
      padding-right: 0
  }

  .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
      margin-right: 0;
      margin-left: 0
  }

  .navbar-static-top {
      border-radius: 0
  }
}

.navbar-static-top {
  z-index: 900;
  border-width: 0 0 1px
}

.navbar-fixed-bottom, .navbar-fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0
}

.navbar-brand {
  float: left;
  padding: 15px;
  font-size: 16px;
  line-height: 20px;
  height: 50px
}

  .navbar-brand:focus, .navbar-brand:hover {
      text-decoration: none
  }

  .navbar-brand > img {
      display: block
  }

@media (min-width:768px) {
  .navbar-fixed-bottom, .navbar-fixed-top {
      border-radius: 0
  }

  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
      margin-left: -15px
  }
}

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px
}

  .navbar-toggle:focus {
      outline: 0
  }

  .navbar-toggle .icon-bar {
      display: block;
      width: 22px;
      height: 2px;
      border-radius: 1px
  }

      .navbar-toggle .icon-bar + .icon-bar {
          margin-top: 4px
      }

.navbar-nav {
  margin: 7.5px -15px
}

  .navbar-nav > li > a {
      padding-top: 10px;
      padding-bottom: 10px;
      line-height: 20px
  }

@media (max-width:767px) {
  .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      box-shadow: none
  }

      .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
          padding: 5px 15px 5px 25px
      }

      .navbar-nav .open .dropdown-menu > li > a {
          line-height: 20px
      }

          .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover {
              background-image: none
          }
}

.progress-bar-striped, .progress-striped .progress-bar, .progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

@media (min-width:768px) {
  .navbar-toggle {
      display: none
  }

  .navbar-nav {
      float: left;
      margin: 0
  }

      .navbar-nav > li {
          float: left
      }

          .navbar-nav > li > a {
              padding-top: 15px;
              padding-bottom: 15px
          }
}

.navbar-form {
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
  margin: 8px -15px
}

@media (min-width:768px) {
  .navbar-form .form-control, .navbar-form .form-control-static, .navbar-form .form-group {
      display: inline-block
  }

  .navbar-form .checkbox, .navbar-form .control-label, .navbar-form .form-group, .navbar-form .radio {
      margin-bottom: 0;
      vertical-align: middle
  }

  .navbar-form .form-control {
      width: auto;
      vertical-align: middle
  }

  .navbar-form .input-group {
      display: inline-table;
      vertical-align: middle
  }

      .navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn {
          width: auto
      }

      .navbar-form .input-group > .form-control {
          width: 100%
      }

  .navbar-form .checkbox, .navbar-form .radio {
      display: inline-block;
      margin-top: 0
  }

      .navbar-form .checkbox label, .navbar-form .radio label {
          padding-left: 0
      }

      .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] {
          position: relative;
          margin-left: 0
      }

  .navbar-form .has-feedback .form-control-feedback {
      top: 0
  }

  .navbar-form {
      width: auto;
      border: 0;
      margin-left: 0;
      margin-right: 0;
      padding-top: 0;
      padding-bottom: 0;
      -webkit-box-shadow: none;
      box-shadow: none
  }
}

@media (max-width:767px) {
  .navbar-form .form-group {
      margin-bottom: 5px
  }

      .navbar-form .form-group:last-child {
          margin-bottom: 0
      }
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-radius: 4px 4px 0 0
}

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px
}

  .btn-group-sm > .navbar-btn.btn, .navbar-btn.btn-sm {
      margin-top: 11.5px;
      margin-bottom: 11.5px
  }

  .btn-group-xs > .navbar-btn.btn, .navbar-btn.btn-xs {
      margin-top: 14px;
      margin-bottom: 14px
  }

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px
}

.breadcrumb, .progress, .search-category {
  margin-bottom: 20px
}

@media (min-width:768px) {
  .navbar-text {
      float: left;
      margin-left: 15px;
      margin-right: 15px
  }

  .navbar-left {
      float: left !important
  }

  .navbar-right {
      float: right !important;
      margin-right: -15px
  }

      .navbar-right ~ .navbar-right {
          margin-right: 0
      }
}

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7
}

  .navbar-default .navbar-brand {
      color: #777
  }

      .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
          color: #5e5e5e;
          background-color: transparent
      }

  .navbar-default .navbar-nav > li > a, .navbar-default .navbar-text {
      color: #777
  }

      .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
          color: #333;
          background-color: transparent
      }

  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
      color: #555;
      background-color: #e7e7e7
  }

  .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover {
      color: #ccc;
      background-color: transparent
  }

  .navbar-default .navbar-toggle {
      border-color: #ddd
  }

      .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
          background-color: #ddd
      }

      .navbar-default .navbar-toggle .icon-bar {
          background-color: #888
      }

  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
      border-color: #e7e7e7
  }

  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
      background-color: #e7e7e7;
      color: #555
  }

@media (max-width:767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #777
  }

      .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
          color: #333;
          background-color: transparent
      }

  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
      color: #555;
      background-color: #e7e7e7
  }

  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
      color: #ccc;
      background-color: transparent
  }
}

.navbar-default .navbar-link {
  color: #777
}

  .navbar-default .navbar-link:hover {
      color: #333
  }

.navbar-default .btn-link {
  color: #777
}

  .navbar-default .btn-link:focus, .navbar-default .btn-link:hover {
      color: #333
  }

  .navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover {
      color: #ccc
  }

.navbar-inverse {
  background-color: #343f4f;
  border-color: #202630
}

  .navbar-inverse .navbar-brand {
      color: #8e999c
  }

      .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
          color: #fff;
          background-color: transparent
      }

  .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-text {
      color: #8e999c
  }

      .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
          color: #fff;
          background-color: #f93b69
      }

  .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > .disabled > a:hover {
      color: #183247;
      background-color: transparent
  }

  .navbar-inverse .navbar-toggle {
      border-color: #333
  }

      .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
          background-color: #333
      }

      .navbar-inverse .navbar-toggle .icon-bar {
          background-color: #fff
      }

  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
      border-color: #262e39
  }

  .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
      background-color: #f93b69;
      color: #fff
  }

@media (max-width:767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
      border-color: #202630
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
      background-color: #202630
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      color: #8e999c
  }

      .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
          color: #fff;
          background-color: #f93b69
      }

  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
      color: #183247;
      background-color: transparent
  }
}

.navbar-inverse .navbar-link {
  color: #8e999c
}

  .navbar-inverse .navbar-link:hover {
      color: #fff
  }

.navbar-inverse .btn-link {
  color: #8e999c
}

  .navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover {
      color: #fff
  }

  .navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover {
      color: #183247
  }

.breadcrumb {
  background-color: transparent;
  border-radius: 4px
}

  .breadcrumb > li {
      display: inline-block
  }

      .breadcrumb > li + li:before {
          content: " ";
          padding: 0 5px;
          color: #7c7c7c
      }

  .breadcrumb > .active {
      color: #183247
  }

@-webkit-keyframes progress-bar-stripes {
  from {
      background-position: 40px 0
  }

  to {
      background-position: 0 0
  }
}

@keyframes progress-bar-stripes {
  from {
      background-position: 40px 0
  }

  to {
      background-position: 0 0
  }
}

.progress {
  height: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 13px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #2c5cc5;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease
}

.progress-bar-striped, .progress-striped .progress-bar {
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-size: 40px 40px
}

.progress-bar.active, .progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
  background-color: #5cc1a9
}

.progress-striped .progress-bar-success {
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-striped .progress-bar-info, .progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-info {
  background-color: #5bc0de
}

.progress-striped .progress-bar-info {
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-warning {
  background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-danger {
  background-color: #ff5959
}

.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.close {
  float: right;
  font-size: 21px;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
  filter: alpha(opacity=20)
}

  .close:focus, .close:hover {
      color: #000;
      text-decoration: none;
      cursor: pointer;
      opacity: .5;
      filter: alpha(opacity=50)
  }

button.close {
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none
}

.modal {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0
}

.clearfix:after, .clearfix:before, .power-calendar .power-calendar-row:after, .power-calendar .power-calendar-row:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .ticket-details__item .emails-wrapper:after, .ticket-details__item .emails-wrapper:before, .ticket-note-typography .freshdesk_quote blockquote div:after, .ticket-note-typography .freshdesk_quote blockquote div:before {
  content: " ";
  display: table
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0,-25%);
  -ms-transform: translate(0,-25%);
  -o-transform: translate(0,-25%);
  transform: translate(0,-25%);
  -webkit-transition: -webkit-transform .3s ease-out;
  -moz-transition: -moz-transform .3s ease-out;
  -o-transition: -o-transform .3s ease-out;
  transition: transform .3s ease-out
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);
  -o-transform: translate(0,0);
  transform: translate(0,0)
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto
}

.modal-dialog {
  width: auto
}

.modal-content {
  background-color: #fff;
  -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
  background-clip: padding-box;
  outline: 0
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  background-color: #000
}

  .modal-backdrop.fade {
      opacity: 0;
      filter: alpha(opacity=0)
  }

  .modal-backdrop.in {
      opacity: .5;
      filter: alpha(opacity=50)
  }

.modal-header:after {
  clear: both
}

.modal-header .close {
  margin-top: -2px
}

.modal-title {
  margin: 0;
  line-height: 1.428571429
}

.modal-body {
  position: relative
}

.modal-footer {
  text-align: right
}

#moduleloading, .app-icon-btn, .btn, .fr-quoted-marker, .init-center, .loader, .menu-item, .partloading, .text__empty-state {
  text-align: center
}

.modal-footer:after {
  clear: both
}

.modal-footer .btn + .btn {
  margin-bottom: 0
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px
}

.modal-footer .btn + .btn, .modal-footer .btn-block + .btn-block {
  margin-left: 0
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll
}

@media (min-width:768px) {
  .modal-dialog {
      width: 600px;
      margin: 30px auto
  }

  .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
      box-shadow: 0 5px 15px rgba(0,0,0,.5)
  }

  .modal-sm {
      width: 300px
  }
}

@media (min-width:992px) {
  .modal-lg {
      width: 900px
  }
}

.clearfix:after, .power-calendar .power-calendar-row:after, .ticket-details__item .emails-wrapper:after, .ticket-note-typography .freshdesk_quote blockquote div:after {
  clear: both
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto
}

.pull-right {
  float: right !important
}

.admin-url-container, .pull-left, .ticket-details__item .emails-wrapper {
  float: left !important
}

.hide {
  display: none !important
}

.show {
  display: block !important
}

.invisible {
  visibility: hidden
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0
}

.hidden {
  display: none !important
}

.affix {
  position: fixed
}

.nucleus-button {
  -webkit-font-smoothing: antialiased
}

[data-icon]:before {
  content: attr(data-icon)
}

.power-select-option[aria-selected=true]:before, .icon-resolved:before, [data-icon]:before {
  display: inline-block;
  font-family: glyphs;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased
}

.additional-fields-dropdown__content__option.selected::before, .app-custom-dropdown__option.selected::after, .dropdown-list.dropdown-list__item--selected::before, .power-select-option[aria-selected=true]:before, .icon-resolved:before {
  content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='12px' height='9px' viewBox='0 0 12 9' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.4 (67378) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3ECheck%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3Cpath d='M4.17095654,7.28764233 C3.74936256,6.89579049 3.08481084,6.91447629 2.68663874,7.32937825 C2.28846663,7.7442802 2.30745383,8.39828338 2.72904782,8.79013522 L5.87904631,11.7179111 C6.3006403,12.109763 6.96519201,12.0910772 7.36336412,11.6761752 L13.3133613,5.47617918 C13.7115334,5.06127722 13.6925462,4.40727405 13.2709522,4.0154222 C12.8493582,3.62357036 12.1848065,3.64225616 11.7866344,4.05715812 L6.55759159,9.50590771 L4.17095654,7.28764233 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='TD-with-Freddy-4-Email' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='ticket-detail--open-copy-2' transform='translate(-1054.000000, -997.000000)'%3E%3Cg id='Group-92' transform='translate(880.000000, 828.000000)'%3E%3Cg id='Group-26'%3E%3Cg id='Group-7' transform='translate(0.000000, 54.000000)'%3E%3Cg id='Group-2' transform='translate(16.000000, 104.000000)'%3E%3Cg id='Icon/new/Check' transform='translate(156.000000, 8.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cuse id='save' fill='%23000000' fill-rule='nonzero' xlink:href='%23path-1'%3E%3C/use%3E%3Cg id='Color/Blue-(Hype)' mask='url(%23mask-2)' fill='%232C5CC5' fill-rule='evenodd'%3E%3Crect id='Color---Jade' x='0' y='0' width='15.8024691' height='15.8024691'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.fa-align-left:before {
  content: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='UTF-8'?%3e%3csvg width='13px' height='13px' viewBox='0 0 60 60' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg id='alignleft' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e%3cpath d='M7.5,11.6056338 C7.5,9.89035159 8.8895054,8.5 10.6043601,8.5 L49.3956399,8.5 C51.1092623,8.5 52.5,9.89249797 52.5,11.6056338 C52.5,13.320916 51.1104946,14.7112676 49.3956399,14.7112676 L10.6043601,14.7112676 C8.8907377,14.7112676 7.5,13.3187696 7.5,11.6056338 Z M7.5,24.028169 C7.5,22.3127561 8.88948599,20.9225352 10.6048118,20.9225352 L36.575811,20.9225352 C38.2896633,20.9225352 39.6806228,22.3150138 39.6806228,24.028169 C39.6806228,25.7435819 38.2911368,27.1338028 36.575811,27.1338028 L10.6048118,27.1338028 C8.89095956,27.1338028 7.5,25.7413242 7.5,24.028169 Z M7.5,36.4507042 C7.5,34.735422 8.8895054,33.3450704 10.6043601,33.3450704 L49.3956399,33.3450704 C51.1092623,33.3450704 52.5,34.7375684 52.5,36.4507042 C52.5,38.1659864 51.1104946,39.556338 49.3956399,39.556338 L10.6043601,39.556338 C8.8907377,39.556338 7.5,38.1638401 7.5,36.4507042 Z M7.5,49.3943662 C7.5,47.6789533 8.88948599,46.2887324 10.6048118,46.2887324 L36.575811,46.2887324 C38.2896633,46.2887324 39.6806228,47.681211 39.6806228,49.3943662 C39.6806228,51.1097791 38.2911368,52.5 36.575811,52.5 L10.6048118,52.5 C8.89095956,52.5 7.5,51.1075214 7.5,49.3943662 Z' id='Combined-Shape' fill='%23183247' fill-rule='nonzero'%3e%3c/path%3e%3c/g%3e%3c/svg%3e")
}

.fa-align-right:before {
  content: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='UTF-8'?%3e%3csvg width='13px' height='13px' viewBox='0 0 60 60' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg id='alignright' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e%3cpath d='M52.5,11.6056338 C52.5,13.3187696 51.1092623,14.7112676 49.3956399,14.7112676 L10.6043601,14.7112676 C8.8895054,14.7112676 7.5,13.320916 7.5,11.6056338 C7.5,9.89249797 8.8907377,8.5 10.6043601,8.5 L49.3956399,8.5 C51.1104946,8.5 52.5,9.89035159 52.5,11.6056338 Z M52.5,24.028169 C52.5,25.7413242 51.1090404,27.1338028 49.3951882,27.1338028 L23.424189,27.1338028 C21.7088632,27.1338028 20.3193772,25.7435819 20.3193772,24.028169 C20.3193772,22.3150138 21.7103367,20.9225352 23.424189,20.9225352 L49.3951882,20.9225352 C51.110514,20.9225352 52.5,22.3127561 52.5,24.028169 Z M52.5,36.4507042 C52.5,38.1638401 51.1092623,39.556338 49.3956399,39.556338 L10.6043601,39.556338 C8.8895054,39.556338 7.5,38.1659864 7.5,36.4507042 C7.5,34.7375684 8.8907377,33.3450704 10.6043601,33.3450704 L49.3956399,33.3450704 C51.1104946,33.3450704 52.5,34.735422 52.5,36.4507042 Z M52.5,49.3943662 C52.5,51.1075214 51.1090404,52.5 49.3951882,52.5 L23.424189,52.5 C21.7088632,52.5 20.3193772,51.1097791 20.3193772,49.3943662 C20.3193772,47.681211 21.7103367,46.2887324 23.424189,46.2887324 L49.3951882,46.2887324 C51.110514,46.2887324 52.5,47.6789533 52.5,49.3943662 Z' id='Combined-Shape' fill='%23183247' fill-rule='nonzero'%3e%3c/path%3e%3c/g%3e%3c/svg%3e")
}

.fa-align-justify:before {
  content: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='UTF-8'?%3e%3csvg width='13px' height='13px' viewBox='0 0 60 60' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3ealignjustify%3c/title%3e%3cdefs%3e%3c/defs%3e%3cg id='alignjustify' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e%3cpath d='M52.5,11.6056338 C52.5,13.3187696 51.1092623,14.7112676 49.3956399,14.7112676 L10.6043601,14.7112676 C8.8895054,14.7112676 7.5,13.320916 7.5,11.6056338 C7.5,9.89249797 8.8907377,8.5 10.6043601,8.5 L49.3956399,8.5 C51.1104946,8.5 52.5,9.89035159 52.5,11.6056338 Z M52.5,24.028169 C52.5,25.7413242 51.1090404,27.1338028 49.3951882,27.1338028 L10.424189,27.1338028 C8.70886316,27.1338028 7.31937716,25.7435819 7.31937716,24.028169 C7.31937716,22.3150138 8.71033673,20.9225352 10.424189,20.9225352 L49.3951882,20.9225352 C51.110514,20.9225352 52.5,22.3127561 52.5,24.028169 Z M52.5,36.4507042 C52.5,38.1638401 51.1092623,39.556338 49.3956399,39.556338 L10.6043601,39.556338 C8.8895054,39.556338 7.5,38.1659864 7.5,36.4507042 C7.5,34.7375684 8.8907377,33.3450704 10.6043601,33.3450704 L49.3956399,33.3450704 C51.1104946,33.3450704 52.5,34.735422 52.5,36.4507042 Z M52.5,49.3943662 C52.5,51.1075214 51.1090404,52.5 49.3951882,52.5 L10.424189,52.5 C8.70886316,52.5 7.31937716,51.1097791 7.31937716,49.3943662 C7.31937716,47.681211 8.71033673,46.2887324 10.424189,46.2887324 L49.3951882,46.2887324 C51.110514,46.2887324 52.5,47.6789533 52.5,49.3943662 Z' id='Combined-Shape' fill='%23183247' fill-rule='nonzero'%3e%3c/path%3e%3c/g%3e%3c/svg%3e")
}

.fa-eraser:before {
  content: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 60 60'%3e%3cpath d='M32.247 50.445c-0.287 0.52-0.446 1.089-0.446 1.686s0.158 1.166 0.446 1.686h-28.563c-0.93 0-1.685-0.748-1.685-1.686 0-0.931 0.757-1.686 1.685-1.686h28.563zM40.919 10.335h-12.374l-6.146 35.614h-5.108l6.146-35.614h-12.374l0.765-4.335h29.855l-0.765 4.335zM53.695 32.59c0.756-0.759 1.98-0.759 2.736 0 0.758 0.762 0.758 1.999 0 2.761l-7.625 7.659 7.625 7.659c0.758 0.762 0.758 1.999 0 2.761-0.756 0.759-1.98 0.759-2.736 0l-7.631-7.665-7.631 7.665c-0.756 0.759-1.98 0.759-2.736 0-0.758-0.762-0.758-1.999 0-2.761l7.625-7.659-7.625-7.659c-0.758-0.762-0.758-1.999 0-2.761 0.756-0.759 1.98-0.759 2.736 0l7.631 7.665 7.631-7.665z'%3e%3c/path%3e%3c/svg%3e")
}

.fa-align-center:before {
  content: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='13px' height='13px' viewBox='0 0 60 60'%3e%3ctitle%3ealigncentre%3c/title%3e%3cpath d='M52.5 11.606c0 1.713-1.391 3.106-3.104 3.106h-38.791c-1.715 0-3.104-1.39-3.104-3.106 0-1.713 1.391-3.106 3.104-3.106h38.791c1.715 0 3.104 1.39 3.104 3.106zM45.681 23.606c0 1.713-1.391 3.106-3.105 3.106h-25.971c-1.715 0-3.105-1.39-3.105-3.106 0-1.713 1.391-3.106 3.105-3.106h25.971c1.715 0 3.105 1.39 3.105 3.106zM52.5 36.606c0 1.713-1.391 3.106-3.104 3.106h-38.791c-1.715 0-3.104-1.39-3.104-3.106 0-1.713 1.391-3.106 3.104-3.106h38.791c1.715 0 3.104 1.39 3.104 3.106zM45.681 49.606c0 1.713-1.391 3.106-3.105 3.106h-25.971c-1.715 0-3.105-1.39-3.105-3.106 0-1.713 1.391-3.106 3.105-3.106h25.971c1.715 0 3.105 1.39 3.105 3.106z'%3e%3c/path%3e%3c/svg%3e")
}

.init-center {
  position: absolute;
  margin: auto;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  height: 75px;
  width: 600px
}

.init-err-title {
  color: #183247;
  letter-spacing: .02em;
  padding: 4px;
  font-weight: 700;
  font-size: 18px
}

.init-err-text {
  margin-bottom: 16px;
  padding: 2px;
  font-size: 14px;
  color: #6f7c87
}

.init-retry-img {
  transform: rotate(90deg);
  display: inline-block;
  line-height: 0;
  position: relative;
  top: -1px
}

@-moz-document url-prefix() {
  .init-retry-img {
      font-size: 18px;
      top: 1px;
      left: 4px
  }
}

.init-retry-btn {
  padding-left: 11px
}

.default-loader {
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  background-color: #ebeef0
}

.left-panel {
  position: fixed;
  background-color: #284255;
  width: 64px;
  height: 100%;
  top: 0;
  bottom: 0
}

.logo {
  display: block;
  height: 47px
}

  .logo object {
      padding: 15px 0 0 15px
  }

.intitial-nav {
  margin-top: 15px
}

.menu-item {
  width: 34px;
  height: 34px;
  border-radius: 3px;
  background: #173449;
  margin: 0 auto 20px
}

.menu-item-box, .result-item__icon {
  margin-top: 9px
}

.menu-item-box {
  height: 16px;
  width: 16px;
  border-radius: 2px;
  background: #556775;
  display: inline-block
}

.default-body {
  margin-left: 65px
}

.default-header {
  height: 65px;
  background: #fff;
  border-bottom: 1px solid #dde2e5
}

.d-head-two, .modal-content.quick-reply {
  background-color: #f8f9fa
}

.d-head-two {
  height: 56px
}

.d-shimmer {
  width: 271px;
  height: 10px;
  border-radius: 2px;
  background-color: #f7f8f9;
  display: block;
  float: left
}

.d-shim-one, .d-shim-two {
  margin-top: 7px
}

.d-shim-two {
  width: 191px;
  background-color: #eef0f3
}

.d-shim-right {
  width: 28px;
  height: 28px;
  border-radius: 4px;
  background-color: #f7f8f9;
  float: right;
  margin-left: 20px
}

.f-clear {
  clear: both
}

.d-shim-wrapper {
  padding-top: 18px;
  padding-left: 20px;
  padding-right: 20px
}

.d-sizebig {
  width: 60px
}

.preloader {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #fff;
  margin: 0 auto;
  box-shadow: 0 1px 3px 0 rgba(24,50,71,.09);
  position: relative
}

  .preloader .gravity-loader {
      position: absolute;
      width: 22px;
      top: 14px;
      left: 14px
  }

      .preloader .gravity-loader::before {
          content: "";
          display: block;
          padding-top: 100%
      }

.loader-text {
  font-size: 18px;
  font-weight: 500;
  width: 800px;
  margin: 20px auto auto
}

@media only screen and (min-width:1921px) {
  .responsive {
      width: calc(70% - 64px);
      max-width: 1815px;
      margin: 0 auto;
      position: relative
  }

  .admin-responsive {
      margin: 0 auto !important
  }

  .getstarted-new {
      padding: 83px 16px 0;
      max-width: 1366px;
      left: calc(50% - (1366px - 64px)/ 2)
  }

  .page-iframe .responsive {
      height: 100%;
      width: 100%
  }

  .fixed-header .fresh-table {
      margin: -10px 0 0
  }

  .fixed-header .list thead {
      position: fixed;
      height: 60px;
      background: #ebeef0;
      z-index: 3;
      width: calc(70% - 64px);
      max-width: 1815px
  }

      .fixed-header .list thead tr {
          width: 100%;
          display: flex
      }

  .responsive__table--full-width .responsive {
      width: 100%;
      max-width: none;
      padding-left: 74px
  }

  .page-content {
      left: 0;
      padding: 10px 0
  }
}

@media only screen and (max-width:1921px) {
  .fixed-header .list thead {
      position: fixed;
      height: 50px;
      background: #ebeff3;
      padding: 10px 0 0;
      z-index: 3;
      left: 73px;
      right: 10px
  }

  .fixed-header .sidebar-present .list thead {
      right: 320px
  }

  .fixed-header .fresh-table {
      margin: -10px 0 0
  }

  .fixed-header .list thead tr {
      width: 100%;
      display: flex
  }

  .fixed-header .list tbody tr {
      width: 100%;
      display: table-row
  }
}

@media only screen and (min-width:1400px) {
  .compose-email-form__form-for, .new-ticket-form__form-for, .responsive-form-container {
      width: 70%
  }

  .timeago-wrap[class*=hint--][aria-label]::after, .timeago-wrap[class*=hint--][aria-label]::before {
      display: none
  }
}

@media only screen and (max-width:1400px) {
  .timeago-units {
      display: none
  }

  .content-widget-wrap .timeago-units {
      display: inline-block
  }

  .content-widget-wrap .timeago-wrap[class*=hint--][aria-label]::after, .content-widget-wrap .timeago-wrap[class*=hint--][aria-label]::before, .content-widget-wrap.sidebar-present .timeago-units {
      display: none
  }

  .content-widget-wrap.sidebar-present .timeago-wrap[class*=hint--][aria-label]::after, .content-widget-wrap.sidebar-present .timeago-wrap[class*=hint--][aria-label]::before {
      display: inherit
  }

  .quick-start {
      width: 70%
  }
}

@media only screen and (max-width:1366px) {
  .responsive .admin-home .recommended-features .feature {
      flex-basis: 50%
  }

  .responsive .admin-home.new-admin-layout .admin-item-cover {
      width: calc((99% - 16px)/ 2)
  }

      .responsive .admin-home.new-admin-layout .admin-item-cover:nth-child(3n+3) {
          margin-right: 1%
      }

      .responsive .admin-home.new-admin-layout .admin-item-cover:nth-child(2n+2) {
          margin-right: 0
      }

  .responsive .admin-home.new-admin-layout .admin-features-groups .admin-item-card {
      padding: 15px 0 15px 8px;
      margin: 0 16px
  }
}

@media only screen and (min-width:1451px) {
  .smaller-screen-new {
      display: none
  }

  .large-screen-new {
      display: initial
  }
}

@media only screen and (max-width:1450px) {
  .smaller-screen-new {
      display: block
  }

  .large-screen-new {
      display: none
  }
}

@media only screen and (min-width:1281px) {
  .smaller-screen {
      display: none
  }

  .large-screen {
      display: initial
  }
}

@media only screen and (max-width:1280px) {
  .smaller-screen {
      display: block
  }

  .large-screen {
      display: none
  }
}

@media only screen and (min-height:901px) and (max-height:1080px) {
  .__module-tickets__tickets-list__tickets-table .light-table .lt-body-wrap {
      height: 84vh
  }
}

@media only screen and (min-height:1081px) {
  .__module-tickets__tickets-list__tickets-table .light-table .lt-body-wrap {
      height: 87vh
  }
}

@media only screen and (max-width:1100px) {
  .header-secondary .app-icon-btn--text {
      padding: 2px 8px 3px 6px
  }
}

@media only screen and (max-width:1025px) {
  body {
      min-width: 1010px
  }

  .header-secondary .app-icon-btn--text {
      padding: 2px 4px 3px
  }
}

@media only screen and (max-height:720px) {
  .__module-tickets__tickets-list__tickets-table .light-table .lt-body-wrap {
      height: 76vh
  }
}

@media only screen and (min-height:721px) and (max-height:900px) {
  .__module-tickets__tickets-list__tickets-table .light-table .lt-body-wrap {
      height: 80vh
  }
}

.t_inputholder {
  margin-bottom: 10px
}

.t_row input {
  width: 100%
}

.progress--indicator {
  transform: rotate(-90deg)
}

  .progress--indicator.green {
      stroke: #12344d
  }

  .progress--indicator.red {
      stroke: #d72d30
  }

  .progress--indicator circle {
      stroke-dasharray: 130;
      stroke-dashoffset: 130;
      animation: dash 1.5s infinite;
      stroke-width: 6px
  }

@keyframes dash {
  50% {
      stroke-dashoffset: 0
  }

  100% {
      stroke-dashoffset: 130
  }
}

#modal-wormhole {
  display: none
}

.page-loading .loader {
  position: absolute
}

#moduleloading {
  margin: 140px 40px 40px
}

.partloading {
  padding: 40px;
  position: relative
}

.ticket-loading {
  position: relative
}

.filter-list-loading {
  margin-left: 10px
}

  .filter-list-loading .gravity-loader {
      width: 16px
  }

.module-loading .gravity-loader, .page-loading .gravity-loader, .part-loading .gravity-loader {
  width: 20px
}

  .module-loading .gravity-loader .path, .page-loading .gravity-loader .path, .part-loading .gravity-loader .path {
      stroke-width: 6px
  }

.very-small-loading .gravity-loader {
  width: 10px
}

  .very-small-loading .gravity-loader .path {
      stroke-width: 7px
  }

@-webkit-keyframes load8 {
  0% {
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }

  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
  }
}

@keyframes load8 {
  0% {
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }

  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
  }
}

#nprogress .bar {
  background: #2c5cc5
}

.loader {
  top: 45%;
  width: 100%;
  margin: 0 auto
}

.loader__pillar {
  animation: equalize 1.1s ease-in-out infinite;
  display: inline-flex;
  margin-right: 0;
  width: 4px;
  height: 8px
}

  .loader__pillar:nth-child(1) {
      background-color: #bce9da
  }

  .loader__pillar:nth-child(2) {
      animation-delay: .16s;
      background-color: #54cc9f;
      height: 10px;
      position: relative;
      top: 1px
  }

  .loader__pillar:nth-child(3) {
      animation-delay: .32s;
      background-color: #02b875;
      height: 12px;
      position: relative;
      top: 2px
  }

.loader--small, .loader--verysmall {
  width: auto;
  display: inline
}

  .loader--verysmall .loader__pillar {
      animation: equalize 1.1s ease-in-out infinite;
      display: inline-flex;
      margin-right: 0;
      width: 2px;
      height: 2px
  }

.bs-dropdown--full, .btn--block, .dropdown-addwatcher .power-select-trigger, .dropdown-addwatcher .select-dropdown-trigger, .dropdown-normal--full, .placeholder-loader {
  width: 100%
}

.loader--verysmall .loader__pillar:nth-child(2) {
  height: 4px;
  animation-delay: .16s
}

.loader--verysmall .loader__pillar:nth-child(3) {
  height: 6px;
  animation-delay: .32s
}

@keyframes equalize {
  0%,50% {
      transform: scaleY(1)
  }

  25% {
      transform: scaleY(1.6)
  }
}

.loader-fade {
  transition: opacity .2s ease-in-out;
  opacity: .6
}

.placeholder-loader {
  position: relative;
  height: 100%;
  animation: placeholder-animation 1.5s ease-in-out infinite
}

.placeholder-loader--white {
  background-color: #fff;
  height: 120px
}

.placeholder-loader--row {
  border-bottom: 1px #cfd7df solid
}

  .placeholder-loader--row:last-child {
      border: none
  }

.placeholder-loader .placeholder-item {
  margin: 15px;
  background-color: #eee;
  height: 8px;
  border-radius: 6px
}

.placeholder-loader .placeholder-item--grey {
  background-color: #cfd7df
}

.placeholder-loader .placeholder-item--medium {
  height: 10px
}

.placeholder-loader .placeholder-item--large {
  height: 15px
}

.placeholder-loader .placeholder-item--xlarge {
  height: 28px
}

.placeholder-loader .placeholder-item--no-margin {
  margin: 0
}

.placeholder-loader .preloader-cards-holder {
  display: flex;
  flex-wrap: wrap;
  width: 850px
}

  .placeholder-loader .preloader-cards-holder .card {
      width: 250px
  }

.placeholder-loader .placeholder-heading {
  margin: 20px 15px
}

.placeholder-loader .placeholder-title {
  margin-bottom: 30px
}

.placeholder-loader .placeholder-secondary {
  background-color: #ccc
}

.placeholder-loader .placeholder-content {
  height: 24px
}

.placeholder-loader .placeholder-20 {
  width: 20%
}

.placeholder-loader .placeholder-30 {
  width: 30%
}

.placeholder-loader .placeholder-40 {
  width: 40%
}

.placeholder-loader .placeholder-50 {
  width: 50%
}

.placeholder-loader .placeholder-60 {
  width: 60%
}

.placeholder-loader .placeholder-80 {
  width: 80%
}

.placeholder-loader .placeholder-clear {
  clear: both
}

.placeholder-loader .placeholder-img {
  background-color: #eee;
  border-radius: 4px;
  margin-right: 0
}

.placeholder-loader .placeholder-img--small {
  width: 24px;
  height: 24px
}

.placeholder-loader .placeholder-img--medium {
  width: 30px;
  height: 30px
}

.placeholder-loader .placeholder-img--large {
  width: 44px;
  height: 44px
}

.placeholder-loader .placeholder-img--blue {
  background-color: #bbdcfe
}

.placeholder-loader .placeholder-icon {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  margin: 8px 0 8px 15px;
  background-color: #eee
}

.placeholder-loader .placeholder-icon--grey, input[type=range] {
  background-color: #cfd7df
}

.placeholder-loader .placeholder-icon--small {
  width: 13px;
  height: 13px
}

@keyframes placeholder-animation {
  0%,100% {
      opacity: 1
  }

  50% {
      opacity: .5
  }
}

.dot-loader::after {
  animation: dots .7s steps(5,end) infinite;
  content: ".";
  font-size: 28px;
  font-weight: 600;
  line-height: 12px;
  position: relative;
  top: -2px
}

button {
  border: 0;
  background: 0 0
}

  button:focus {
      outline: 0
  }

.btn {
  font-size: 14px;
  padding: 4px 15px 5px;
  border: none;
  border-radius: 4px;
  outline: 0;
  color: #fff;
  min-width: 80px;
  -webkit-font-smoothing: antialiased
}

  .btn:focus {
      transform: scale(.98);
      border: 1px solid #2e6ed8;
      box-shadow: 0 0 0 1px #2e6ed8
  }

  .btn.scale-none {
      transform: scale(1)
  }

.btn-block .btn--primary, .btn-block .btn--secondary {
  margin-left: 8px
}

.btn.btn--danger, .btn.btn--primary, .btn.btn--secondary, .btn.btn--tertiary {
  letter-spacing: .3px;
  font-weight: 500
}

.btn--primary {
  background-color: #264966;
  border: 1px solid #12344d;
  background-image: linear-gradient(to bottom,#264966,#12344d)
}

  .btn--primary:hover:not([disabled],.disabled) {
      background-color: #12344d;
      background-image: none
  }

  .btn--primary:active {
      transition: .1s linear;
      border: 1px solid #264966;
      box-shadow: inset 0 0 4px 0 rgba(0,0,0,.26)
  }

  .btn--primary:focus {
      background-color: #174262;
      border: 1px solid #174262;
      transform: scale(.98);
      transition: .1s linear
  }

  .btn--primary.disabled, .btn--primary[disabled] {
      cursor: not-allowed;
      transition: .1s linear;
      color: #f3f5f7;
      border: 1px solid #8899a6;
      background-image: linear-gradient(to bottom,#92a4b2,#8899a6)
  }

  .btn--primary input {
      background: 0 0;
      padding: 0;
      border: none
  }

.__ui-components__fresh-pagination .pagination-wrapper .pagination__link, .app-icon-btn, .btn--secondary {
  background-image: linear-gradient(to bottom,#fff,#f3f5f7)
}

.btn--secondary {
  background-color: #f3f5f7;
  color: #183247;
  border: 1px solid #dadfe3
}

  .btn--secondary:hover {
      background-color: #f3f5f7;
      background-image: none
  }

  .btn--secondary:active {
      box-shadow: none;
      transition: .1s linear
  }

  .btn--secondary:focus {
      background-color: #f3f5f7;
      transform: scale(.98)
  }

  .btn--secondary.disabled, .btn--secondary[disabled] {
      pointer-events: none;
      cursor: default;
      color: #647a8e;
      border: 1px solid #ebeff3;
      background-image: none;
      background-color: #f3f5f7
  }

.btn--tertiary, .tag {
  background-color: #fff
}

.btn--tertiary {
  color: #183247;
  border: 1px solid #cfd7df;
  padding: 5px 10px
}

  .btn--tertiary:focus, .btn--tertiary:hover {
      background-color: #e6e6e6
  }

.btn--danger {
  color: #fff;
  background-color: #d72d30;
  border: 1px solid #d72d30;
  background-image: linear-gradient(to bottom,#d72d30,#c82124)
}

  .btn--danger:hover:not([disabled]) {
      background-color: #c82124;
      background-image: none
  }

  .btn--danger.disabled, .btn--danger[disabled] {
      cursor: not-allowed;
      transition: .1s linear;
      color: #f3f5f7;
      border: 1px solid #e39091;
      background-image: linear-gradient(to bottom,#eb9697,#e39091)
  }

  .btn--danger:active {
      transition: .1s linear;
      background-color: #d72d30;
      box-shadow: inset 0 0 4px 0 rgba(0,0,0,.26)
  }

  .btn--danger:focus {
      background-color: #174262;
      border: 1px solid #264966;
      transform: scale(.98);
      transition: .1s linear;
      background-image: linear-gradient(to bottom,#c82124,#d72d30)
  }

.btn--facebook:hover:not([disabled]), .btn--transparent, .btn--twitter:hover:not([disabled]) {
  background-image: none
}

.btn--facebook, .btn--twitter {
  min-height: 32px;
  color: #fff
}

  .btn--facebook.disabled, .btn--facebook[disabled], .btn--twitter.disabled, .btn--twitter[disabled] {
      cursor: not-allowed;
      transition: .1s linear
  }

.btn--twitter {
  background-color: #1da1f2
}

  .btn--twitter:hover:not([disabled]) {
      background-color: #1781c2
  }

  .btn--twitter.disabled, .btn--twitter[disabled] {
      background-color: #a5d9fa
  }

      .btn--twitter.disabled.set-btn, .btn--twitter[disabled].set-btn {
          border-left: 1px solid #94cdf1
      }

  .btn--twitter.set-btn {
      border-left: 1px solid #1c8bd0
  }

.btn--facebook {
  background-color: #4368b2
}

  .btn--facebook:hover:not([disabled]) {
      background-color: #36538e
  }

  .btn--facebook.disabled, .btn--facebook[disabled] {
      background-color: #b4c3e0
  }

      .btn--facebook.disabled.set-btn, .btn--facebook[disabled].set-btn {
          border-left: 1px solid #97afd9
      }

  .btn--facebook.set-btn {
      border-left: 1px solid #395e9e
  }

.btn--capsule {
  background-color: #ebeff3;
  border: 1px solid #cfd7df;
  padding: 4px 12px;
  display: inline-block;
  color: #475867;
  border-radius: 12px;
  line-height: 1;
  min-width: 70px
}

.app-icon-btn--transparent, .btn--transparent {
  background-color: transparent;
  box-shadow: none
}

.btn--transparent {
  border: none;
  color: #183247;
  padding: 8px 5px
}

.btn--block {
  display: block
}

.app-icon-btn, .app-icon-btn--text .app-icon, .app-icon-btn--text a, .btn--tag, .btn--text-transparent .app-icon, .tag-inline, .tag-more-btn {
  display: inline-block
}

.btn__small {
  border-radius: 3px;
  padding: 2px 10px
}

.btn__oval {
  border-radius: 14px;
  padding: 2px 10px
}

.btn--tag {
  border: 1px solid #cfd7df;
  cursor: pointer;
  padding: 2px;
  border-radius: 2px;
  height: 13px;
  line-height: .8
}

  .btn--tag .app-icon {
      width: 8px
  }

.btn--link:focus, .btn--link:hover {
  text-decoration: none;
  color: #fff
}

.tag {
  border-radius: 4px;
  padding: 2px 10px;
  color: #848b99;
  font-size: 12px;
  font-weight: 500
}

.tag--normal {
  font-size: 11px
}

.tag--good, .tag--new {
  background-color: #e0f5f0;
  color: #007958;
  border: 1px solid #b4e5d9
}

.tag--customer-responded {
  background-color: #e5f2fd;
  color: #2c5cc5;
  border: 1px solid #bbdcfe
}

.tag--beta, .tag--elapsed, .tag--nextresponsedue, .tag--overdue, .tag--poor {
  background-color: #ffecf0;
  color: #c82124;
  border: 1px solid #ffd0d6
}

.tag--average, .tag--failedemails, .tag--new-beta, .tag--spam {
  background-color: #fef1e1;
  color: #c13e1b;
  border: 1px solid #fddbb5
}

.tag--escalationRisky {
  background-color: #fff;
  color: #183247;
  border: 1px solid #ffd0d6
}

.tag--deleted {
  background-color: #ebeff3;
  color: #384551;
  border: 1px solid #ebeff3
}

.tag--archived {
  background-color: #ef8464;
  color: #fff;
  border: 1px solid #ef8464
}

.tag--closed {
  background-color: #f3f5f7;
  border: 1px solid #d4dce3
}

.tag--associated {
  background-color: #475867;
  border: 1px solid #475867;
  color: #fff
}

.fr-quoted-marker, .fr-quoted-marker--expanded, .tag--billable {
  background-color: #fff
}

.tag--associated .app-icon {
  fill: #fff
}

.tag--billable {
  color: #12344d;
  border: 1px solid #cfd7df
}

.tag--updated {
  background-color: #fff9f0;
  color: #ff8700;
  border: 1px solid #fedfaf
}

.tag-bullet {
  position: relative;
  left: 1px;
  margin-right: 1px;
  color: #6f7c87;
  border: 1px solid #cfd7df
}

.tag--grey {
  background-color: #f3f5f7
}

.app-icon-btn {
  height: 32px;
  min-width: 32px;
  border-radius: 4px;
  border: 1px solid #cfd7df;
  color: #12344d;
  cursor: pointer;
  padding-top: 5px;
  margin-right: 2px;
  font-size: 14px;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  transition: .1s ease-in
}

  .app-icon-btn:focus, .app-icon-btn:focus-within {
      border: 1px solid #2e6ed8;
      box-shadow: 0 0 0 1px #2e6ed8
  }

  .app-icon-btn:focus {
      transform: scale(.98)
  }

  .app-icon-btn:active {
      border: 1px solid #b1bdc8;
      box-shadow: inset 0 0 4px 0 rgba(39,49,58,.26)
  }

  .app-icon-btn .app-icon {
      width: 14px;
      height: 14px;
      fill: #183247
  }

.app-icon-btn--xsmall {
  width: 16px;
  height: 16px
}

.app-icon-btn--small {
  width: 24px;
  height: 24px
}

  .app-icon-btn--small .app-icon {
      width: 12px;
      height: 12px
  }

.app-icon-btn--large {
  width: 28px;
  height: 28px;
  padding-top: 3px
}

  .app-icon-btn--large .app-icon {
      width: 21px;
      height: 21px
  }

.app-icon-btn--secondary {
  border: none
}

  .app-icon-btn--secondary:hover .app-icon {
      fill: #12344d
  }

.__app-components__to-do .todo__item-subtext:hover .app-icon, .app-icon-btn--text .app-icon, .app-icon-btn:hover:not([disabled]) .app-icon, .modal-dialog--transparent-medium .modal-wrapper-close .app-icon, .popup-modal .modal-close:hover, .prompt-dialog .modal-close:hover, .quick-tip__content .cr-close:hover .modal-icons {
  fill: #183247
}

.app-icon-btn--transparent {
  background-image: none;
  border: none
}

.app-icon-btn:hover {
  background-color: #f3f5f7;
  background-image: none
}

  .app-icon-btn:hover:not([disabled]) {
      outline: 0;
      background-color: #ebedf0
  }

.app-icon-btn--active {
  border: 1px solid #b1bdc8;
  box-shadow: inset 0 0 4px 0 rgba(39,49,58,.26)
}

.app-icon-btn--oval-left, .app-icon-btn--oval-left.app-icon-btn--active {
  border-radius: 2px 0 0 2px
}

.app-icon-btn--last {
  margin-right: 0
}

.app-icon-btn--text {
  color: #183247;
  padding: 2px 10px 3px 8px
}

  .app-icon-btn--text a {
      color: #183247
  }

      .app-icon-btn--text a:hover {
          text-decoration: none
      }

  .app-icon-btn--text .app-icon {
      width: 13px;
      vertical-align: middle;
      position: relative;
      top: -1px;
      margin-right: 3px
  }

.app-icon-btn--oval-left.app-icon-btn--active .app-icon, .app-icon-btn--oval-right.app-icon-btn--active .app-icon, .app-icon-btn--split .app-icon, .app-icon-btn--split:hover:not([disabled]) .app-icon {
  fill: #fff
}

.app-icon-btn--oval-left, .app-icon-btn--oval-right {
  position: relative;
  margin-right: 0
}

  .app-icon-btn--oval-left .app-icon, .app-icon-btn--oval-right .app-icon {
      width: 14px;
      height: 14px;
      position: absolute;
      top: 8px
  }

  .app-icon-btn--oval-left.app-icon-btn--active, .app-icon-btn--oval-right.app-icon-btn--active {
      background-color: #12344d;
      color: #fff
  }

.app-icon-btn--oval-left {
  right: -4.08px;
  z-index: 2
}

  .app-icon-btn--oval-left .app-icon {
      left: 6px
  }

.app-icon-btn--oval-right .app-icon {
  left: 7px
}

.app-icon-btn--oval-right.app-icon-btn--active {
  border-radius: 0 2px 2px 0;
  z-index: 2
}

.app-icon-btn--split, .app-icon-btn--split:hover:not([disabled]) {
  background-color: #284255;
  background-image: none
}

.app-icon-btn--disabled .app-icon, .app-icon-btn--disabled:hover:not([disabled]) .app-icon, .app-icon-btn[disabled] .app-icon, .app-icon-btn[disabled]:hover:not([disabled]) .app-icon {
  fill: #cdcdcd
}

.app-icon-btn-flat {
  width: 23px;
  height: 30px;
  border-radius: 0;
  border-right: none;
  float: left;
  border-left: 1px #cfd7df solid
}

.app-icon-btn--disabled, .app-icon-btn[disabled] {
  cursor: not-allowed;
  color: #dadfe3;
  background-image: none;
  background-color: #f3f5f7
}

  .app-icon-btn--disabled:hover:not([disabled]), .app-icon-btn[disabled]:hover:not([disabled]) {
      border-color: #cdcdcd
  }

.app-icon-btn--primary {
  border: 1px solid #12344d;
  color: #fff
}

  .app-icon-btn--primary:hover:not([disabled]) {
      background-color: #2854b4
  }

a.app-icon-btn--text {
  padding: 5px 10px 3px 8px;
  text-decoration: none;
  margin-right: 6px
}

  a.app-icon-btn--text:hover {
      color: #12344d
  }

[aria-expanded=true] .app-icon-btn {
  border: 1px solid #b1bdc8;
  box-shadow: inset 0 0 4px 0 rgba(39,49,58,.26)
}

[aria-expanded=true] .btn--primary {
  border: 1px solid #264966;
  box-shadow: inset 0 0 4px 0 rgba(0,0,0,.26)
}

.btn--text-transparent {
  color: #2c5cc5;
  padding: 0;
  border: none;
  background-color: transparent
}

  .btn--text-transparent:focus, .btn--text-transparent:hover {
      background-color: transparent;
      text-decoration: none
  }

      .btn--text-transparent:focus .app-icon, .btn--text-transparent:hover .app-icon {
          fill: #2c5cc5
      }

  .btn--text-transparent .app-icon {
      width: 12px;
      vertical-align: middle;
      position: relative;
      top: -1px;
      fill: #2c5cc5
  }

  .btn--text-transparent.btn--error {
      color: #d72d30;
      text-transform: uppercase
  }

  .btn--text-transparent.btn--info {
      color: #6f7c87;
      text-transform: uppercase
  }

.app-pagination-left {
  border-radius: 4px 0 0 4px
}

.app-pagination-right {
  border-radius: 0 4px 4px 0
}

.color--yellow {
  color: #fcd70a
}

.color--blue {
  color: #4a90e2
}

.small-seperators {
  padding: 0 5px
}

.small-seperators__icon {
  color: #6f7c87;
  font-size: 16px;
  border-left: 1px #ebeff3 solid;
  padding: 0 8px;
  cursor: pointer
}

  .small-seperators__icon:first-child {
      border-left: none
  }

.jar-medium {
  width: 20px;
  height: 20px;
  position: relative;
  top: -3px
}

input[type=range] {
  margin: auto;
  outline: 0;
  padding: 0;
  width: 108px;
  box-sizing: border-box;
  height: 2px;
  position: relative;
  top: 6px;
  background-image: linear-gradient(to right,#12344d,#12344d);
  background-size: 0;
  background-repeat: no-repeat;
  border-radius: 10px;
  cursor: pointer;
  -webkit-appearance: none
}

  input[type=range]::-webkit-slider-runnable-track {
      box-shadow: none;
      border: none;
      background: 0 0;
      -webkit-appearance: none
  }

  input[type=range]::-moz-range-track {
      box-shadow: none;
      border: none;
      background: 0 0
  }

  input[type=range]::-moz-focus-outer {
      border: 0
  }

  input[type=range]::-webkit-slider-thumb {
      width: 16px;
      height: 16px;
      border: 0;
      background: #fff;
      border-radius: 50%;
      box-shadow: 0 1px 2px 0 rgba(24,50,71,.25),0 0 1px 0 rgba(24,50,71,.1);
      -webkit-appearance: none
  }

  input[type=range]::-moz-range-thumb {
      width: 16px;
      height: 16px;
      border: 0;
      background: #fff;
      border-radius: 50%;
      box-shadow: 0 1px 2px 0 rgba(24,50,71,.25),0 0 1px 0 rgba(24,50,71,.1);
      -webkit-appearance: none
  }

.fr-quoted-marker {
  border-radius: 6px;
  border: 1px solid #183247;
  height: 12px;
  outline: 0;
  line-height: 4px;
  bottom: 0;
  width: 26px;
  padding: 2px
}

  .fr-quoted-marker::after {
      content: "...";
      position: relative;
      font-size: 21px;
      top: -4px;
      letter-spacing: -.03em;
      color: #183247;
      height: 10px;
      margin: 0
  }

.sidebar--btn, .ticket-sidebar--btn {
  margin-left: 8px
}

.fr-quoted-marker:focus, .fr-quoted-marker:hover {
  border-color: #475867;
  background-color: #f5f7f9
}

.tag-more-btn {
  position: relative;
  cursor: pointer;
  border-radius: 2px;
  font-size: 11px;
  color: #12344d;
  background-color: #fff;
  padding: 0 3px
}

  .tag-more-btn:hover {
      color: #081824
  }

.tag-more-btn__item {
  padding: 4px 8px
}

.tag-more-btn .app-icon {
  position: relative;
  top: 1px
}

.tag-more-btn .app-dropdown {
  top: 22px;
  right: -18px
}

.btn-group .app-icon-btn {
  margin-right: 0
}

.btn--mini {
  font-size: 11px;
  padding: 5px 10px;
  min-width: 60px
}

.sidebar--btn {
  margin-top: 1px
}

.app-dropdown {
  padding: 10px;
  max-width: 480px;
  border-radius: 4px;
  z-index: 1000;
  min-width: 160px;
  list-style: none;
  text-align: left
}

.app-dropdown__item {
  border-radius: 4px;
  color: #183247;
  position: relative
}

  .app-dropdown__item .selectedtick {
      right: 5px;
      top: 5px;
      fill: #2c5cc5;
      position: absolute
  }

  .app-dropdown__item.disabled {
      color: #acb6be;
      text-decoration: none;
      cursor: not-allowed;
      text-shadow: none
  }

      .app-dropdown__item.disabled:focus, .app-dropdown__item.disabled:hover {
          color: #acb6be;
          text-decoration: none;
          background: 0 0
      }

  .app-dropdown__item a {
      display: block;
      clear: both;
      padding: 5px 10px;
      line-height: 1.42857;
      color: #183247;
      white-space: nowrap
  }

      .app-dropdown__item a:hover {
          text-decoration: none;
          background-color: #ebeff3
      }

.dropdown-normal {
  background-color: #fff;
  min-width: 160px;
  padding: 10px;
  border-radius: 2px
}

.dropdown-normal__item {
  cursor: pointer;
  position: relative
}

  .dropdown-normal__item a {
      padding: 10px 5px;
      border-radius: 3px;
      display: block
  }

      .dropdown-normal__item a:hover {
          background-color: #eef1f3
      }

  .dropdown-normal__item .selected, .dropdown-normal__item.selected .item-link {
      color: #2c5cc5
  }

.dropdown-normal__item--active {
  background-color: #2c5cc5
}

.dropdown-normal.dropdown-menu > li > a {
  padding: 5px 25px 5px 10px;
  position: relative;
  color: #183247
}

  .dropdown-normal.dropdown-menu > li > a.disabled {
      color: #acb6be;
      text-decoration: none;
      cursor: not-allowed;
      text-shadow: none
  }

      .dropdown-normal.dropdown-menu > li > a.disabled:focus, .dropdown-normal.dropdown-menu > li > a.disabled:hover {
          color: #acb6be;
          text-decoration: none;
          background: 0 0
      }

.dropdown-normal .selectedtick {
  position: absolute;
  right: 5px;
  top: 7px;
  fill: #2c5cc5
}

.__app-navbar .navbar-item .nav-link:not([disabled]).active .nav-icon, .__app-navbar .navbar-item .nav-link:not([disabled]):hover .nav-icon, .app-dropdown-group.open .app-icon-btn .app-icon {
  fill: #fff
}

.dropdown-menu {
  display: none
}

.bs-dropdown.basic-dropdown-content > .dropdown-menu, .open > .dropdown-menu {
  display: block
}

.dropdown-menu > li > a {
  padding: 3px 10px
}

.bs-dropdown.basic-dropdown-content {
  border: none
}

.dropdown-addwatcher {
  border: 1px solid #e5e5e5;
  min-width: 265px;
  top: 5px;
  left: -3px;
  padding: 15px 14px
}

  .dropdown-addwatcher .removewatcher {
      display: inline-block;
      vertical-align: middle;
      margin-top: 4px;
      margin-right: 7px;
      margin-left: 5px
  }

  .dropdown-addwatcher .removewatcher-hidden {
      opacity: .1
  }

  .dropdown-addwatcher .power-select-selected-item, .dropdown-addwatcher .power-select-trigger .power-select-status-icon, .dropdown-addwatcher .power-select-trigger .select-dropdown-trigger__status-icon, .dropdown-addwatcher .select-dropdown-trigger .power-select-status-icon, .dropdown-addwatcher .select-dropdown-trigger .select-dropdown-trigger__status-icon {
      display: none
  }

  .dropdown-addwatcher .power-select-dropdown {
      transform: translateY(-6px);
      width: 100px;
      margin: 0 auto;
      right: 0;
      position: absolute;
      min-width: 100%;
      line-height: 1.5
  }

      .dropdown-addwatcher .power-select-dropdown .template_list_icon {
          position: relative;
          top: 2px
      }

  .dropdown-addwatcher .input, .dropdown-addwatcher .input input {
      margin: 0
  }

  .dropdown-addwatcher .m-spinner-holder {
      background: rgba(255,255,255,.9);
      left: 0
  }

.dropdown-addwatcher_info {
  font-size: 12px;
  margin: 3px 0;
  line-height: 1.3;
  color: #6f7c87
}

.dropdown-addwatcher__watcherlist {
  background-color: #fff;
  margin: 10px 0
}

  .dropdown-addwatcher__watcherlist .watchername {
      padding-left: 5px
  }

  .dropdown-addwatcher__watcherlist:first-child {
      border-radius: 6px 0;
      background-color: transparent;
      border-bottom: none;
      line-height: 1.42857;
      margin-top: 0
  }

  .dropdown-addwatcher__watcherlist:last-child {
      border-radius: 0 6px;
      border-bottom: none;
      margin-bottom: 0
  }

.dropdown-addwatcher__watcherlist--link {
  cursor: pointer
}

.dropdown-addwatcher .existing-watchers {
  margin-top: 10px;
  max-height: 236px;
  overflow-y: auto
}

.watcher-selectlist {
  padding: 5px 2px
}

  .watcher-selectlist .watcherlist {
      padding-left: 0;
      margin-left: -1px;
      margin-top: 2px;
      display: inline-block
  }

  .watcher-selectlist .watcher-name {
      padding-left: 6px
  }

  .watcher-selectlist .basic-dropdown-content {
      top: 1px;
      min-height: 118px
  }

.app-dropdown-group {
  vertical-align: inherit;
  display: inline-block
}

  .app-dropdown-group.open {
      border-color: #2c5cc5
  }

      .app-dropdown-group.open .app-icon-btn--text {
          color: #fff
      }

      .app-dropdown-group.open .app-icon-btn {
          border-color: #2c5cc5;
          background-color: #2c5cc5
      }

      .app-dropdown-group.open .count {
          color: #fff
      }

.classic-active .app-icon-btn {
  padding-bottom: 5px;
  margin-left: 5px
}

.classic-active.open .app-icon-btn {
  border: none;
  background-color: #f3f5f7;
  box-shadow: none
}

.app-dropdown-plain {
  padding: 20px;
  min-width: 200px
}

.drop-small {
  position: relative
}

  .drop-small .power-select-trigger, .drop-small .select-dropdown-trigger {
      font-size: 13px;
      font-weight: 400;
      border: none;
      padding: 0 8px
  }

      .drop-small .power-select-trigger:hover, .drop-small .select-dropdown-trigger:hover {
          border-radius: 3px
      }

.drop-small__icon {
  position: absolute;
  top: 4px;
  left: -10px
}

.drop-small__select {
  color: #6f7c87;
  max-width: 100%
}

.drop-small--error, .drop-small--success {
  transition: .2s ease;
  border-radius: 3px;
  display: block
}

.drop-small--success {
  background-color: #7698e1
}

.drop-small--error {
  background-color: #fdb2b3
}

.dropdown-pointer-left, .dropdown-pointer-right {
  position: absolute;
  background: #fff;
  border: 1px solid #cfd7df;
  top: 35px
}

  .dropdown-pointer-left::after, .dropdown-pointer-left::before, .dropdown-pointer-right::after, .dropdown-pointer-right::before {
      bottom: 100%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none
  }

  .dropdown-pointer-left::after, .dropdown-pointer-right::after {
      border-color: rgba(255,255,255,0);
      border-bottom-color: #fff;
      border-width: 6px;
      margin-left: -6px;
      right: 7px
  }

  .dropdown-pointer-left::before, .dropdown-pointer-right::before {
      border-color: rgba(229,229,229,0);
      border-bottom-color: #cfd7df;
      right: 6px;
      border-width: 7px;
      margin-left: -7px
  }

  .dropdown-pointer-left::after, .dropdown-pointer-left::before {
      left: 13px
  }

.dropdown-pointer-left-down::after {
  border-color: rgba(255,255,255,0);
  border-top-color: #fff
}

.dropdown-pointer-left-down::before {
  border-color: rgba(255,255,255,0);
  border-top-color: #cfd7df
}

.dropdown-pointer-top-left {
  position: absolute;
  background: #fff;
  border: 1px solid #cfd7df
}

  .dropdown-pointer-top-left::before {
      bottom: 100%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(229,229,229,0);
      border-right-color: #cfd7df;
      border-width: 7px;
      margin-left: -7px;
      left: -7px;
      top: 9px
  }

.dropdown-large {
  width: 300px
}

.create-options {
  top: 31px;
  right: -5px
}

[class*=hint--][aria-label]::after {
  font-weight: 400
}

[class*=hint--]::after {
  box-shadow: none;
  text-shadow: none;
  background: #183247
}

.hint--left::before {
  margin-bottom: -7px;
  border-left-color: #183247
}

.hint--right::before {
  border-right-color: #183247
}

.hint--top::before {
  border-top-color: #183247
}

.hint--bottom-left::before, .hint--bottom-right::before, .hint--bottom::before {
  border-bottom-color: #183247
}

.app-custom-dropdown__option {
  cursor: pointer;
  position: relative;
  margin-bottom: 5px;
  padding: 4px 0 4px 8px;
  border-radius: 4px
}

  .app-custom-dropdown__option.selected::after, .dropdown-list .dropdown-list__item--selected::before {
      position: absolute;
      right: 10px
  }

  .app-custom-dropdown__option:hover {
      background-color: #ebeff3
  }

  .app-custom-dropdown__option.selected {
      color: #12344d
  }

.dropdown-list {
  padding: 0;
  margin: 0
}

  .dropdown-list .dropdown-list__item {
      list-style-type: none;
      cursor: pointer;
      margin: 5px;
      padding: 5px
  }

      .dropdown-list .dropdown-list__item:hover {
          background-color: #f3f5f7;
          border-radius: 2px
      }

  .dropdown-list .dropdown-list__item--selected {
      color: #2c5cc5
  }

.basic-dropdown-content.bs-dropdown-bg-none {
  background-color: transparent
}

.basic-dropdown-content .pointer {
  position: relative
}

  .basic-dropdown-content .pointer::after, .basic-dropdown-content .pointer::before {
      bottom: 100%;
      border: solid transparent;
      content: "";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none
  }

  .basic-dropdown-content .pointer::before {
      border-bottom-color: #fff;
      border-width: 5px;
      left: 11px;
      z-index: 1
  }

  .basic-dropdown-content .pointer::after {
      border-bottom-color: #dadfe3;
      border-width: 6px;
      left: 10px
  }

.basic-dropdown-content.dropdown-content__filter-edit {
  position: fixed;
  width: 300px;
  left: 108px;
  box-shadow: 0 2px 18px 0 rgba(18,52,77,.16),0 2px 4px 0 rgba(18,52,77,.06);
  border-width: 0 1px 1px;
  background-color: #fff
}

  .basic-dropdown-content.dropdown-content__filter-edit .app-form {
      margin-top: 0
  }

  .basic-dropdown-content.dropdown-content__filter-edit .title-input {
      margin-bottom: 0;
      padding: 16px
  }

      .basic-dropdown-content.dropdown-content__filter-edit .title-input .text-field {
          font-size: 14px;
          padding: 4px 12px 5px;
          margin-top: 4px
      }

      .basic-dropdown-content.dropdown-content__filter-edit .title-input .help-block {
          margin-left: 15px;
          margin-top: -15px
      }

  .basic-dropdown-content.dropdown-content__filter-edit, .basic-dropdown-content.dropdown-content__filter-edit .form--btn-actions {
      border-radius: 0 0 4px 4px
  }

      .basic-dropdown-content.dropdown-content__filter-edit .form--btn-actions {
          padding: 8px
      }

.dropdown-content__filter-edit.basic-dropdown--transitioning-in {
  animation: drop-fade-below .15s
}

.dropdown-content__filter-edit.basic-dropdown--transitioning-out {
  animation: fadeOut .2s
}

.form--filter-edit-content {
  padding: 0 16px
}

.dropdown-text {
  display: inline-block
}

  .dropdown-text .select-dropdown-trigger {
      border-color: transparent;
      min-height: 20px;
      background: 0 0;
      line-height: 1
  }

      .dropdown-text .select-dropdown-trigger--active, .dropdown-text .select-dropdown-trigger:focus, .dropdown-text .select-dropdown-trigger:hover {
          border-color: transparent
      }

.dropdown-recent-ticket__item, .text__content {
  color: #183247;
  margin: 0;
  padding: 0
}

.__ui-form__editor__social-editor .socialeditor__count, .__ui-form__editor__ticket-editor .ticket-editor__footer .ticket-editor__action.link-to-forum .label-field, .text__infotext {
  font-size: 13px;
  color: #6f7c87
}

.text__title {
  margin-bottom: 6px;
  font-weight: 700;
  font-size: 22px
}

.text__empty-state {
  margin-top: 30px;
  display: block;
  color: #6f7c87
}

.text__empty-state--large {
  font-size: 16px;
  color: #183247
}

.text__link {
  color: #2c5cc5;
  margin: 0;
  padding: 0;
  cursor: pointer
}

.text__link-heading {
  color: #183247
}

  .text__link-heading:hover {
      color: #2c5cc5;
      text-decoration: none
  }

.text--warning {
  color: #ff2525
}

.text--error {
  color: #d72d30
}

.text--uppercase {
  text-transform: uppercase;
  letter-spacing: .2px
}

.text--capatalize, .text--capatalize-first-letter::first-letter {
  text-transform: capitalize
}

.__video-modal .lowercase-first-letter::first-letter, .text--lowercase {
  text-transform: lowercase
}

.text-sub-title {
  text-transform: uppercase;
  letter-spacing: .2px;
  color: #6f7c87;
  font-size: 12px
}

.breadcrumb-title--modified, .breadcrumb-title--modified-link, .mini-list-title--modified, .text--modified {
  transform: skewX(-7deg)
}

  .breadcrumb-title--modified-link::before, .breadcrumb-title--modified::before, .mini-list-title--modified::before, .text--modified::before {
      content: "*";
      font-size: 20px;
      position: relative;
      top: 2px
  }

.text--nowrap {
  white-space: nowrap;
  display: inline-block
}

.text--Jumbo {
  font-size: 52px
}

.text--jumbo-mini {
  font-size: 34px
}

.text--xxverylarge {
  font-size: 32px
}

.text--verylarge {
  font-size: 30px
}

.text--xxxlarge {
  font-size: 28px
}

.text--xxlarge {
  font-size: 26px
}

.editable-field--large, .text--larger {
  font-size: 24px
}

.modal-diff-checker__title__text, .text--xlarge {
  font-size: 22px
}

.text--large {
  font-size: 20px
}

.editable-field--large.editable-field--active .editable-input, .text--xxmedium {
  font-size: 18px
}

.__app-components__fsm-scheduler-tasks-list__ticket-card.card .card__body .subject, .__ui-components__event-scheduler .calendar__header .calendar__row--name, .fsm-scheduler-event-detail .detail-card__content .subject, .modal-diff-table__main-heading .column, .text--medium {
  font-size: 16px
}

.text--default, .text--xxsmall {
  font-size: 14px
}

.text--small {
  font-size: 13px
}

.text--xsmall, .ticket-details__item .created-time {
  font-size: 12px
}

.text--verysmall {
  font-size: 11px
}

.text--micro {
  font-size: 10px
}

.text--verymicro {
  font-size: 4px
}

.text--ultrabold {
  font-weight: 800
}

.text--bold {
  font-weight: 700
}

.text--italic, .ticket-details__item .created-time {
  font-style: italic
}

.text--extrabold {
  font-weight: 600
}

.editable-field--large, .text--semibold {
  font-weight: 500
}

.text--normal, .ticket-details__item .created-time {
  font-weight: 400
}

.text--faded {
  font-weight: 300
}

.text--light {
  font-weight: 200
}

.modal-diff-checker__title__link-tab__event, .text--extra-bold {
  font-weight: 600
}

.text--dark {
  color: #183247
}

.text--green {
  color: #15be00
}

.text--dark-green {
  color: #00795b
}

.text--primary-color {
  color: #2c5cc5
}

.filter-list .input input[type=text].edit-category, .text--orange {
  color: #ffa405
}

.text--blue {
  color: #4ca2ff
}

.text--darkblue, .text--transparentblue {
  color: #12344d
}

.attachment__item, .text--darkgray {
  color: #707070
}

.text--mediumlightblue {
  color: #12344d
}

.text--gray {
  color: #6f7c87
}

.text--verylightgrey, .ticket-details__item .created-time {
  color: #475867
}

.text--lightgray {
  color: #dadfe3
}

.text--red {
  color: rgba(224,32,0,.77)
}

.text--facebook {
  color: #39579a
}

.text--twitter {
  color: #74c0f7
}

.modal-audit-log__options-header .label-field, .text--meta {
  color: #6f7c87
}

.text--info-message {
  color: #92a2b1
}

.text--chateau {
  color: #acb6be
}

.text--secondary {
  color: #475867
}

.text--white {
  color: #fff
}

.text--disabled {
  color: #647a8e
}

.modal-close:hover, .text--dark-link, .text--dark-link:hover {
  color: #183247
}

.text-list {
  margin: 5px 0
}

.text-list__item {
  padding-bottom: 5px
}

.text--right {
  text-align: right
}

.text--justify {
  text-align: justify
}

.text--line-height {
  line-height: 1.5
}

.avatar-action .input-container {
  display: inline-block;
  position: relative;
  cursor: pointer
}

  .avatar-action .input-container .avatar-text {
      display: block
  }

.form-avatar {
  height: 45px;
  width: 45px;
  position: absolute;
  vertical-align: top;
  margin-right: 20px;
  top: 3px
}

.avatar-container {
  position: relative;
  margin-bottom: 1px;
  min-height: 55px;
  overflow-x: hidden
}

  .avatar-container .profilepic, .avatar-img {
      position: absolute
  }

.avatar-img {
  height: 44px;
  width: 44px;
  vertical-align: top;
  margin-right: 20px;
  border-radius: 10%
}

  .avatar-img img {
      width: 100%;
      transition: opacity .3s ease;
      max-height: 44px;
      max-width: 44px;
      border-radius: 100%
  }

.avatar-wrapper {
  position: relative;
  display: inline-block;
  margin-left: 60px
}

.state-upload-started .m-spinner-holder {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  background: #fff;
  z-index: 99;
  opacity: .9
}

  .state-upload-started .m-spinner-holder .contact-avatar-spinner {
      margin-left: 14px;
      margin-top: 11px
  }

.state-upload-loaded .profilepic {
  display: none
}

.state-upload-loaded .avatar-img {
  display: block
}

.state-avatar-removed .avatar-img {
  display: none
}

.state-avatar-removed .profilepic {
  display: block
}

.avatar-desc {
  margin-top: 3px;
  max-width: 250px
}

.modal-unresolved-ticket-filter.shared-ownership-selector.selected .shared-ownership-selector__icon, .modal-unresolved-ticket-filter.shared-ownership-selector:hover .shared-ownership-selector__icon {
  fill: #12344d
}

.modal-unresolved-ticket-filter .shared-ownership-selector__icon {
  fill: #6f7c87;
  width: 14px
}

.modal-unresolved-ticket-filter .shared-ownership-selector__icon--arrow {
  vertical-align: middle;
  fill: #6f7c87;
  margin-left: -5px;
  width: 12px;
  height: 10px
}

.modal-shared-ownership-field {
  margin-right: 32px
}

.modal-header .close, .modal-overlay .modal-wrapper-close {
  width: 24px;
  height: 24px;
  position: absolute;
  top: -2px;
  left: -24px;
  line-height: .4;
  background-color: #183247;
  border-radius: 0 0 0 3px;
  opacity: 1
}

.modal-header {
  padding: 16px 40px;
  position: fixed;
  top: 0;
  right: 0;
  background: #fff;
  z-index: 5;
  height: 65px;
  border-bottom: none;
  width: 600px
}

  .modal-header .close {
      top: 0
  }

.modal-header-email {
  padding-bottom: 20px
}

.modal-header.is-overlay {
  padding: 8px 16px 16px;
  background: 0 0;
  width: 90%;
  position: absolute;
  left: 0
}

.modal-header.solution-article-overlay {
  padding: 8px 16px 16px;
  background: 0 0;
  position: absolute;
  left: 0;
  display: flex;
  width: 90%;
  align-items: center
}

  .modal-header.solution-article-overlay .modal-title {
      flex: 1
  }

.modal-title {
  -webkit-font-smoothing: antialiased
}

.modal-filter-dropdown {
  max-width: 100px;
  float: left
}

.modal-filter-search {
  width: 100%;
  border: none;
  border: 1px solid #cfd7df;
  line-height: 1.7;
  padding: 3px 54px 4px 32px;
  min-height: 32px;
  border-radius: 4px
}

  .modal-filter-search:hover {
      border: 1px solid #12344d;
      transition: .2s linear
  }

  .modal-filter-search:focus {
      border: 1px solid transparent;
      box-shadow: 0 0 0 2px #2c5cc5;
      outline: 0
  }

  .modal-filter-search::-webkit-input-placeholder {
      opacity: .5
  }

  .modal-filter-search::-moz-placeholder {
      opacity: .5
  }

  .modal-filter-search:-moz-placeholder {
      opacity: .5
  }

  .modal-filter-search:-ms-input-placeholder {
      opacity: .5
  }

.modal__empty-state {
  text-align: center;
  margin-top: 100px
}

.modal-search {
  padding: 4px 0
}

.modal-search-icon {
  position: absolute;
  top: 11px;
  left: 12px
}

.modal-attachment, .modal-close, .modal-filter-wrapper, .modal-icons {
  position: relative
}

.modal-filter-wrapper {
  width: 100%;
  padding-bottom: 0;
  min-width: 78px
}

  .modal-filter-wrapper .power-select-trigger, .modal-filter-wrapper .select-dropdown-trigger {
      top: -2px
  }

.modal-icons {
  width: 28px;
  height: 28px;
  top: 7px
}

.modal-attachment {
  width: 50px;
  height: 50px
}

.modal-body {
  padding: 26px 0 0
}

.modal-dialog {
  position: absolute;
  background-color: #fff;
  top: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  transform: translateX(100%);
  transition: transform .25s ease;
  border-top: 2px #183247 solid
}

.modal-dialog--xsmall {
  width: 310px
}

  .modal-dialog--xsmall button.close {
      width: 24px;
      height: 24px;
      left: -24px
  }

  .modal-dialog--xsmall .modal-content, .modal-dialog--xsmall .modal-footer, .modal-dialog--xsmall .modal-header {
      width: 310px
  }

  .modal-dialog--xsmall .modal-footer {
      padding: 15px
  }

.modal-dialog--small, .modal-dialog--small .modal-content, .modal-dialog--small .modal-footer, .modal-dialog--small .modal-header {
  width: 350px
}

.modal-dialog--medium-large {
  width: 450px
}

  .modal-dialog--medium-large .modal-content, .modal-dialog--medium-large .modal-footer, .modal-dialog--medium-large .modal-header {
      width: 450px;
      margin-top: -1px
  }

.modal-dialog--xxlarge {
  width: 100%;
  border-top: 0;
  transform: none;
  animation: fadeInPartial .4s ease
}

  .modal-dialog--xxlarge .modal-content {
      height: auto
  }

.modal-dialog--transparent-medium {
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0 auto;
  border-top: 0;
  background: 0 0
}

  .modal-dialog--transparent-medium .modal-wrapper-close {
      position: absolute;
      right: 10%;
      top: 10%;
      left: auto;
      animation: fade-in 2s step-end
  }

.modal-dialog--xxxlarge {
  width: 96%;
  height: 90%;
  border-top: 0;
  transform: none;
  position: relative;
  margin: 30px auto;
  animation: fadeInPartial .4s ease;
  background: #f9f9f9;
  border-radius: 5px
}

  .modal-dialog--xxxlarge .modal-content-wrapper {
      width: 100%
  }

  .modal-dialog--xxxlarge .modal-wrapper-close {
      left: auto;
      z-index: 1000;
      top: 20px;
      border-radius: 0;
      right: 20px;
      background: #fff;
      color: #000
  }

      .modal-dialog--xxxlarge .modal-wrapper-close .app-icon {
          fill: #000
      }

  .modal-dialog--xxxlarge .modal-content {
      padding: 0;
      position: relative;
      height: 100%;
      background: #f9f9f9;
      border-radius: 5px
  }

.modal-dialog--large {
  width: 760px
}

  .modal-dialog--large .modal-content, .modal-dialog--large .modal-footer, .modal-dialog--large .modal-header {
      width: 500px
  }

  .modal-dialog--large button.close {
      position: fixed;
      right: 25px;
      z-index: 10
  }

  .modal-dialog--large .modal-sidebar {
      width: 260px;
      background-color: #f7f9f9;
      position: fixed;
      right: 0;
      bottom: 0;
      z-index: 2;
      padding: 30px 26px 14px;
      height: 100%;
      overflow-y: auto;
      border-left: 1px #ebeff3 solid;
      transform: translate3d(0,0,0)
  }

.modal-content, .modal-filter-content {
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
  overflow-y: auto;
  height: 100%
}

.modal-overlay.in .modal-dialog {
  transform: translateX(0);
  box-shadow: -25px 1px 25px 0 rgba(0,0,0,.02),2px 0 11px 0 rgba(0,0,0,.25)
}

.modal-overlay.in .modal-dialog--transparent-medium {
  box-shadow: none
}

.modal-overlay.in .prompt-dialog {
  transform: translateY(0)
}

.modal-overlay.in .popup-modal {
  top: 50%;
  transform: translate(-50%,-50%)
}

.modal-overlay.in.prompt-dialog-wrapper {
  z-index: 2147483641
}

.modal-overlay.out .modal-dialog {
  transform: translateX(0);
  transition: transform .25s ease
}

.modal-overlay.place-holder {
  left: inherit;
  background-color: transparent;
  width: 350px;
  right: 0
}

  .modal-overlay.place-holder .modal-dialog {
      left: 20%;
      width: 90%
  }

.modal-filter-content {
  left: 0;
  top: 0;
  padding: 76px 30px 58px 40px;
  border: none;
  border-radius: 0;
  box-shadow: none
}

.modal-content {
  left: 0;
  top: 0;
  padding: 76px 40px 0;
  height: calc(100% - 60px);
  border: none;
  border-radius: 0;
  box-shadow: none
}

  .modal-content.is-overlay {
      position: relative;
      padding: 2px;
      overflow: initial
  }

.modal-footer, .modal-overlay {
  position: fixed;
  bottom: 0;
  right: 0
}

.modal-content.no-footer {
  padding-bottom: 15px
}

.modal-content.no-padding {
  padding: 0
}

.modal-content .rich-editor {
  border: 1px solid #cfd7df;
  border-radius: 4px
}

  .modal-content .rich-editor .ticket-editor__bodytext {
      padding: 12px
  }

  .modal-content .rich-editor:hover {
      border: 1px solid #12344d
  }

  .modal-content .rich-editor:active, .modal-content .rich-editor:focus {
      border: 1px solid transparent;
      box-shadow: 0 0 0 2px #2c5cc5
  }

.modal-title-subtext .modal-header {
  height: 80px
}

.modal-title-subtext.modal-content {
  padding-top: 80px
}

.modal-footer {
  padding: 13px 40px;
  width: 600px;
  background-color: #fff;
  transform: translate3d(0,0,0);
  z-index: 6;
  border-top: 1px solid #cfd7df
}

  .modal-footer .btn--secondary, .modal-footer .create-child {
      margin-right: 5px
  }

.modal-overlay {
  overflow: hidden;
  top: 0;
  left: 0;
  background-color: rgba(24,50,71,.6);
  z-index: 999;
  transition: .2s ease-in;
  animation: fadeInDelay .2s ease-in
}

.modal-spinner {
  position: absolute;
  text-align: center;
  top: calc(50% - 9px);
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto
}

.modal-audit-log__filter {
  margin-top: -20px
}

.modal-audit-log__export-container {
  position: fixed;
  padding: 20px;
  width: 520px;
  transform: translate3d(0,0,0);
  z-index: 6;
  border: 1px solid #cfd7df;
  border-radius: 2px;
  margin-top: 15px
}

.modal-audit-log__options-header {
  height: 30px
}

.modal-audit-log__item-holder {
  width: 230px
}

.modal-audit-log__export-time-period {
  width: 380px;
  display: inline-block
}

.modal-audit-log__export-format {
  display: inline-block;
  margin-left: 70px
}

.modal-audit-log__export-body-item {
  width: 49%;
  height: 25px;
  display: inline-block;
  line-height: 15px
}

.modal-diff-checker {
  margin-top: -20px
}

.modal-diff-checker__title {
  display: flex;
  padding-top: 8px
}

.modal-diff-checker__title__file {
  padding-left: 15px;
  margin-top: -10px;
  max-width: 100%
}

.modal-diff-checker__title__link-tab {
  display: flex;
  color: #2c5cc5;
  text-decoration: none
}

.modal-diff-checker__title__link-tab__name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.modal-diff-checker__title__link-tab__deleted {
  font-weight: 400;
  color: #6f7c87
}

.modal-diff-checker__title__link-tab__new-tab {
  padding-top: 1px;
  padding-left: 6px
}

.modal-diff-checker__title__link-tab:hover {
  text-underline: none;
  text-decoration: none
}

.modal-diff-table {
  position: relative;
  top: 88px;
  line-height: 1.5;
  height: 694px;
  overflow: auto
}

.modal-diff-table__main-heading {
  display: flex;
  position: relative;
  top: 88px;
  color: #183247;
  border-top: solid 1px rgba(151,151,151,.2);
  border-bottom: solid 1px rgba(151,151,151,.2)
}

  .modal-diff-table__main-heading .column {
      flex: 1;
      text-align: left;
      color: #183247;
      padding: 10px 0 10px 28px;
      font-weight: 600
  }

  .modal-diff-table__main-heading .divider, .modal-diff-table__main-heading .previous {
      border-right: solid 1px rgba(151,151,151,.2)
  }

.modal-diff-table .body {
  border-bottom: 1px solid #cfd7df
}

  .modal-diff-table .body .content {
      display: flex
  }

      .modal-diff-table .body .content .column {
          flex: 1;
          min-height: 100%
      }

      .modal-diff-table .body .content .previous {
          background-color: #f9f9f9;
          box-shadow: 0 1px 0 0 #cfd7df
      }

      .modal-diff-table .body .content .divider, .modal-diff-table .body .content .previous {
          min-height: 100%;
          border-right: solid 1px rgba(151,151,151,.2)
      }

          .modal-diff-table .body .content .previous .empty {
              display: flex;
              height: 100%;
              align-items: center
          }

              .modal-diff-table .body .content .previous .empty .text {
                  padding-left: 14px;
                  color: #183247
              }

      .modal-diff-table .body .content .current .empty {
          margin-left: 12px;
          border-left: 2px solid #d72d30;
          display: flex;
          border-radius: 1.5px
      }

          .modal-diff-table .body .content .current .empty .text {
              font-style: italic;
              padding: 9px 0 8px 5px;
              color: #6f7c87
          }

      .modal-diff-table .body .content .heading {
          padding: 20px 18px 20px 28px;
          color: #183247
      }

          .modal-diff-table .body .content .heading .text {
              font-weight: 600;
              border: 1px solid rgba(163,173,181,.2);
              background: rgba(163,173,181,.2);
              padding: 4px 10px;
              border-radius: 10.5px;
              width: fit-content;
              word-wrap: break-word
          }

      .modal-diff-table .body .content .empty-heading {
          padding-top: 18px
      }

      .modal-diff-table .body .content .data {
          color: #183247;
          padding: 0 18px 9px 28px;
          height: 100%;
          line-height: 20px
      }

      .modal-diff-table .body .content .data, .modal-diff-table .body .content .last {
          padding-bottom: 18px
      }

      .modal-diff-table .body .content .non-vrrule {
          padding-top: 20px;
          padding-left: 18px
      }

.m-spintext, .m-spintext2 {
  display: block;
  margin-top: 10px;
  font-size: 16px;
  color: #6f7c87;
  -webkit-font-smoothing: antialiased
}

.m-spintext2 {
  display: inline-block;
  padding-left: 2px
}

.spinner-holder {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 999
}

.prompt-dialog {
  max-width: 550px;
  min-height: 155px;
  background: #fff;
  transform: translateY(-100%);
  transition: transform .25s ease;
  margin: auto;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px
}

  .prompt-dialog .close {
      position: relative;
      top: -6px;
      opacity: 1
  }

.modal-popup-wrapper {
  z-index: 999;
  position: absolute
}

.merge-search-ticket .modal-filter-search {
  height: 26px
}

.confirm-dialog {
  padding: 30px
}

.confirm-dialog__item {
  padding-top: 15px;
  line-height: 1.4
}

  .confirm-dialog__item .iframe-wrapper {
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 0;
      padding-bottom: 80vh
  }

      .confirm-dialog__item .iframe-wrapper iframe {
          height: 100%;
          width: 100%;
          border: 0;
          position: absolute;
          top: 0;
          bottom: 0;
          right: 0;
          left: 0
      }

.confirm-dialog__footer {
  background: #f9f9f9;
  border-top: 1px solid #ebeff3;
  padding: 12px 24px 12px 0;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px
}

.form-dialog {
  padding: 30px 0 0
}

  .form-dialog .confirm-dialog-title, .form-dialog .dialog-form-content {
      padding: 0 30px
  }

      .form-dialog .dialog-form-content .title-input label {
          font-size: 13px;
          font-weight: 600
      }

.modal-carousel_container {
  overflow: hidden;
  width: 100%
}

.modal-carousel_wrapper {
  width: 1100px;
  box-sizing: border-box;
  transition: margin .3s ease;
  font-size: 0
}

.modal-carousel__item {
  width: 520px;
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  position: relative
}

.carousel-slider .carousel-default-view .modal-footer, .carousel-slider .carousel-default-view .modal-header .modal-header__content, .custom-cannedResponse .close, .hide-canned-response {
  display: none
}

.modal-carousel__item .iframe-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 80vh
}

  .modal-carousel__item .iframe-wrapper iframe {
      height: 100%;
      width: 100%;
      border: 0;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0
  }

.carousel-slider {
  margin-left: -520px
}

  .carousel-slider .carousel-default-view {
      max-height: 200px
  }

.custom-cannedResponse {
  padding: 2px;
  min-height: 200px;
  width: 502px
}

  .custom-cannedResponse .modal-content {
      padding: 0 10px
  }

.email-failures {
  padding: 20px 35px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  overflow-y: auto
}

.filter-list .modal-content {
  padding: 55px 25px 0
}

.filter-list .modal-header {
  padding: 20px 25px
}

.modal-bg-dark {
  background: rgba(0,0,0,.6)
}

.lightbox-video-preview .modal-dialog {
  background-color: rgba(255,255,255,.9)
}

.lightbox-video-preview .modal-content {
  background-color: transparent
}

.popup-modal {
  position: absolute;
  top: 0;
  left: 50%;
  max-width: 550px;
  min-height: 155px;
  background: #fff;
  transform: translate(-50%,-100%);
  transition: transform .25s ease;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px
}

  .popup-modal .close {
      position: relative;
      top: -6px;
      opacity: 1
  }

.billing-popup .modal-dialog {
  top: 30%;
  left: 30%;
  bottom: 30%;
  max-width: 500px;
  max-height: 285px;
  border-top: 0;
  border-radius: 4px
}

  .billing-popup .modal-dialog .modal-header {
      width: 500px;
      height: 65px;
      padding: 16px 24px 12px;
      border-radius: 4px
  }

      .billing-popup .modal-dialog .modal-header .close-dialog {
          float: right
      }

          .billing-popup .modal-dialog .modal-header .close-dialog .app-icon {
              margin-bottom: 10px
          }

      .billing-popup .modal-dialog .modal-header .modal-title {
          font-weight: 700;
          padding-bottom: 12px;
          color: #12344d
      }

      .billing-popup .modal-dialog .modal-header .modal-subtext {
          font-size: 12px;
          padding-top: 6px;
          color: #475867
      }

  .billing-popup .modal-dialog .modal-content {
      width: 500px;
      padding: 60px 24px 0;
      border-radius: 4px
  }

      .billing-popup .modal-dialog .modal-content .app-form {
          margin-top: 12px;
          overflow-y: scroll
      }

      .billing-popup .modal-dialog .modal-content .text-field {
          border: 1px solid #dadfe3;
          padding: 6px 8px;
          border-radius: 4px;
          font-weight: 400
      }

      .billing-popup .modal-dialog .modal-content .input {
          margin-bottom: 12px
      }

      .billing-popup .modal-dialog .modal-content .label-field {
          font-weight: 500
      }

      .billing-popup .modal-dialog .modal-content .first-name-field {
          float: left;
          width: 48%
      }

      .billing-popup .modal-dialog .modal-content .last-name-field {
          width: 48%;
          float: right
      }

  .billing-popup .modal-dialog .modal-footer {
      width: 500px;
      border-top: 0;
      padding: 20px 24px 24px;
      border-radius: 4px
  }

      .billing-popup .modal-dialog .modal-footer .btn--secondary {
          margin-right: 4px
      }

      .billing-popup .modal-dialog .modal-footer .btn--primary {
          margin-left: 4px
      }

.teams-update-popup .modal-dialog {
  top: 10%;
  left: 35%;
  bottom: 20%;
  width: 500px;
  height: 586px;
  border-top: 0;
  border-radius: 4px
}

  .teams-update-popup .modal-dialog .modal-header {
      width: 500px;
      height: 32px;
      border-radius: 4px
  }

      .teams-update-popup .modal-dialog .modal-header .close-dialog {
          float: right
      }

          .teams-update-popup .modal-dialog .modal-header .close-dialog .update-image {
              height: 176px
          }

  .teams-update-popup .modal-dialog .modal-content {
      left: 0;
      bottom: 30%;
      top: 30%;
      width: 500px;
      height: 450px;
      padding: 60px 24px 0;
      border-radius: 4px
  }

      .teams-update-popup .modal-dialog .modal-content .desc-title {
          font-style: normal;
          font-weight: 800;
          font-size: 18px;
          line-height: 32px;
          letter-spacing: -.41px;
          color: #12344d
      }

      .teams-update-popup .modal-dialog .modal-content .desc-content {
          font-style: normal;
          font-weight: 400;
          font-size: 14px;
          line-height: 20px;
          letter-spacing: -.08px;
          color: #12344d
      }

      .teams-update-popup .modal-dialog .modal-content ul.desc-list {
          list-style-type: disc;
          line-height: 15px;
          margin: 16px;
          padding: 5px
      }

  .teams-update-popup .modal-dialog .modal-footer {
      width: 500px;
      border-top: 0;
      padding: 20px 24px 24px;
      border-radius: 4px
  }

      .teams-update-popup .modal-dialog .modal-footer .btn--secondary {
          margin-right: 4px
      }

      .teams-update-popup .modal-dialog .modal-footer .btn--primary {
          margin-left: 4px
      }

.edit-contact-note {
  position: absolute;
  bottom: 58px;
  padding: 15px 40px
}

.edit-contact_profile-icon {
  position: relative;
  margin-right: 5px;
  top: 4px
}

.edit-model-content {
  overflow-y: inherit
}

.cancel-acc__pop-up .cancel-acc__confirm-image {
  width: 100%;
  text-align: center
}

.__app-components__global-feedback-box .global-feedback-form .widget .action .action-btns, .atwho-view .slash-name, .cancel-acc__pop-up .account-cancel__confirm-wrapper {
  text-align: right
}

.cancel-acc__pop-up .cancel-acc__confirm-image .app-icon--confirm-image {
  width: auto;
  height: 238px
}

.cancel-acc__pop-up .cancel-acc__confirm-header {
  font-size: 16px;
  font-weight: 600;
  color: #183247;
  margin: 40px 0 15px
}

.cancel-acc__pop-up .cancel-acc__confirm-content {
  margin: 16px 0 0;
  -webkit-font-smoothing: antialiased
}

.cancel-acc__pop-up .close {
  width: 15px;
  height: 15px
}

.cancel-acc__pop-up .confirm-dialog {
  padding: 36px
}

.cancel-acc__pop-up .confirm-dialog__item {
  padding: 0
}

.cancel-acc__pop-up .confirm-dialog__footer {
  background: #fff;
  border: 0;
  padding: 0 25px 25px
}

  .cancel-acc__pop-up .confirm-dialog__footer button:first-child {
      margin: 0 3px 0 0
  }

.video-popup.in .prompt-dialog {
  animation: zoomIn .3s;
  min-height: 505px;
  height: auto;
  max-height: 90vh;
  min-width: 800px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 6px;
  overflow-y: scroll
}

.keyboard-shortcuts .modal-content {
  border: none;
  border-radius: 0;
  box-shadow: none
}

.list td, .list th, .placeholder-container .placeholder-header {
  border-bottom: 1px solid #ebeff3
}

.keyboard-shortcuts .modal-dialog--xxlarge {
  width: 100%;
  margin: 0;
  position: absolute
}

.placeholder-container {
  background: #fff;
  width: 380px;
  border-radius: 2px;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.05),0 5px 18px 0 rgba(0,0,0,.05)
}

  .placeholder-container .icon-bg {
      fill: #9aa1a6
  }

  .placeholder-container .modal-search {
      padding: 0
  }

  .placeholder-container .placeholder-header {
      height: 50px;
      font-weight: 700;
      font-size: 16px;
      letter-spacing: 1px;
      padding: 12px 12px 12px 18px
  }

      .placeholder-container .placeholder-header .model-close-btn {
          float: right
      }

  .placeholder-container .placeholder-body {
      height: 250px;
      border-top: 1px solid #ebeff3;
      overflow: scroll
  }

  .placeholder-container .placeholder-search {
      margin: 0 2px
  }

      .placeholder-container .placeholder-search .modal-filter-search {
          border: none;
          padding: 10px 5px 10px 40px;
          border-radius: 0
      }

      .placeholder-container .placeholder-search .modal-search-icon {
          top: 16px;
          left: 18px
      }

      .placeholder-container .placeholder-search .search-clear {
          top: 16px;
          right: 17px
      }

.solutions-modal.video-popup.in .prompt-dialog {
  top: 15%;
  box-shadow: 0 2px 10px 0 #6f7c87;
  border-top: 0;
  border-radius: 4px;
  animation: zoomIn .7s;
  animation-delay: .1s;
  min-width: 36%;
  min-height: auto;
  overflow: auto;
  transform: none
}

.automations__webhook-usecase .close, .quick-search-content {
  top: 0
}

.solutions-modal.video-popup.in .prompt-dialog .modal-dialog__content {
  padding: 10px
}

  .solutions-modal.video-popup.in .prompt-dialog .modal-dialog__content.manage-categories-component, .solutions-modal.video-popup.in .prompt-dialog .modal-dialog__content.manage-folders-component {
      padding: 32px 0 0
  }

      .solutions-modal.video-popup.in .prompt-dialog .modal-dialog__content.manage-categories-component .content, .solutions-modal.video-popup.in .prompt-dialog .modal-dialog__content.manage-folders-component .content {
          padding: 0
      }

      .solutions-modal.video-popup.in .prompt-dialog .modal-dialog__content.manage-categories-component .form-wrapper, .solutions-modal.video-popup.in .prompt-dialog .modal-dialog__content.manage-folders-component .form-wrapper {
          padding: 5px 32px
      }

      .solutions-modal.video-popup.in .prompt-dialog .modal-dialog__content.manage-folders-component .form-wrapper {
          max-height: 62vh;
          overflow: auto
      }

.solutions-modal.video-popup.in .prompt-dialog .content {
  padding: 20px
}

.solutions-modal.video-popup.in.manage-category-properties .prompt-dialog, .solutions-modal.video-popup.in.manage-folder-properties .prompt-dialog {
  overflow: visible
}

.fsm-scheduler .prompt-dialog {
  border-radius: 4px;
  margin-top: 20%
}

.automations__summary-preview .popup-modal {
  width: 60%;
  max-width: 880px;
  border-radius: 4px;
  background: #f5f7f9
}

.automations__summary-preview .confirm-dialog {
  padding: 24px 40px
}

.automations__summary-preview .confirm-dialog__item, .automations__webhook-usecase .confirm-dialog {
  padding: 0
}

.automations__summary-preview .confirm-dialog-title {
  font-size: 26px;
  font-weight: 700;
  text-align: center;
  color: #183247
}

.automations__summary-preview .confirm-dialog .summary-wrapper {
  margin: 24px 0
}

.automations__summary-preview .confirm-dialog .summary-footer {
  display: flex
}

  .automations__summary-preview .confirm-dialog .summary-footer .drag-to-right {
      margin-left: auto
  }

      .automations__summary-preview .confirm-dialog .summary-footer .drag-to-right button:first-child {
          margin-right: 4px
      }

.automations__webhook-usecase .popup-modal {
  width: 60%;
  max-width: 880px;
  border-radius: 4px;
  background: #f5f7f9
}

.automations__webhook-usecase .confirm-dialog-title {
  padding: 24px;
  line-height: 1.1;
  font-size: 16px;
  font-weight: 600
}

.automations__webhook-usecase .confirm-dialog__item {
  overflow: auto;
  max-height: 415px;
  padding: 20px 40px;
  background-color: #fff
}

  .automations__webhook-usecase .confirm-dialog__item .use-case {
      margin-bottom: 20px
  }

  .automations__webhook-usecase .confirm-dialog__item .use-case__heading {
      padding: 4px 0
  }

  .automations__webhook-usecase .confirm-dialog__item .webhook-usecase__image-wrap {
      width: 80%;
      padding: 20px 0 0
  }

      .automations__webhook-usecase .confirm-dialog__item .webhook-usecase__image-wrap .webhook-usecase__image {
          width: 100%
      }

.modal--center.in .prompt-dialog {
  top: 50%;
  left: 50%;
  animation: zoomIn .3s;
  min-height: 60vh;
  height: auto;
  max-height: 90vh;
  position: absolute;
  border-radius: 6px;
  overflow-y: auto;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%)
}

  .modal--center.in .prompt-dialog .modal-header {
      position: relative;
      width: auto
  }

      .modal--center.in .prompt-dialog .modal-header .close-dialog {
          float: right
      }

  .modal--center.in .prompt-dialog .modal-content {
      position: relative
  }

  .modal--center.in .prompt-dialog .modal-footer {
      position: relative;
      width: auto;
      border-top: 0
  }

.dispatcher-radio-group .dispatcher-group label {
  color: #183247;
  font-weight: 500;
  margin-bottom: 16px;
  -webkit-font-smoothing: antialiased
}

  .dispatcher-radio-group .dispatcher-group label .dispatcher_desc {
      color: #6f7c87;
      font-weight: 400;
      -webkit-font-smoothing: antialiased
  }

.list {
  width: 100%;
  border-collapse: separate;
  border-radius: 4px
}

  .list thead {
      background-color: #f5f7f9;
      padding: 10px 0
  }

  .list th {
      font-weight: 400;
      font-size: 13px;
      color: #041a15;
      padding: 10px 0
  }

  .list tbody {
      background: #fff;
      transition: .3s opacity ease-in-out
  }

  .list td {
      padding: 7px 0
  }

.ticket-list-table-view .lt-cell {
  padding-right: 7px
}

.app-search {
  position: relative;
  top: 1px
}

.app-search-form {
  cursor: pointer
}

.app-search__icon {
  position: relative;
  right: -25px
}

.app-search__input {
  border: none;
  cursor: pointer;
  padding: 0 0 0 33px;
  transition: width 40ms ease;
  width: 0
}

  .app-search__input:focus, .app-search__input:hover {
      border-bottom: 1px #cfd7df solid;
      cursor: text;
      outline: 0;
      width: 270px
  }

.search-field-dropdown {
  margin-top: 8px
}

  .search-field-dropdown .recent-search-content, .search-field-dropdown .recently-viewed-content {
      padding: 0 24px
  }

.icon-wrapper {
  min-width: 24px;
  height: 24px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-right: 8px
}

.ticket-card .icon-wrapper {
  background-color: #e0f5f0;
  border: 1px solid #b4e5d9
}

  .ticket-card .icon-wrapper .app-icon {
      fill: #007958
  }

.custom-objects-card--slideup {
  -webkit-animation: slideUpCard .3s ease;
  animation: slideUpCard .3s ease
}

.custom-objects-card .icon-wrapper {
  background-color: #ebeff3;
  border: 1px solid #e4e8ec
}

.customer-card .icon-wrapper {
  background-color: #e5f2fd;
  border: 1px solid #bbdcfe
}

  .customer-card .icon-wrapper .app-icon {
      fill: #2c5cc5
  }

.solution-card .icon-wrapper {
  background-color: #fef1e1;
  border: 1px solid #fddbb5
}

  .solution-card .icon-wrapper .app-icon {
      fill: #c13e1b
  }

.topic-card .icon-wrapper {
  background-color: #f7f7f7;
  border: 1px solid #d6d6d6
}

  .topic-card .icon-wrapper .app-icon {
      fill: #707070
  }

.search-clear {
  cursor: pointer;
  font-size: 12px;
  color: #2c5cc5
}

.search-clear, .search-loading {
  position: absolute;
  right: 12px;
  top: 8px
}

.input.select-ticket-input-wrap {
  margin: 6px 0 0;
  display: none
}

.recent-search-content.basic-dropdown-content {
  border-top-color: #cfd7df
}

.recent-search, .recently-viewed {
  width: 100%;
  margin: 0;
  border-radius: 0
}

.recently-viewed {
  padding: 16px 0 24px
}

.recent-search {
  padding: 24px 0 16px;
  border-bottom: 1px solid #cfd7df
}

.recent-search__text {
  cursor: pointer;
  padding: 7px 12px;
  border-radius: 4px;
  line-height: normal;
  margin-bottom: 4px
}

  .recent-search__text--active, .recent-search__text:hover {
      background-color: #f3f5f7
  }

  .recent-search__text a {
      color: #183247;
      white-space: normal;
      text-decoration: none
  }

.recent-search__link {
  padding-left: 24px
}

.recent-search .app-icon {
  vertical-align: middle;
  padding-right: 2px;
  float: left
}

.page-search__controls {
  background-color: #fff
}

  .page-search__controls .modal-search-icon {
      top: 24px;
      opacity: .5;
      left: 11px
  }

  .page-search__controls .search-tabs .nav-secondary__item.active, .page-search__controls .search-tabs .nav-secondary__item:hover {
      border-bottom-width: 2px
  }

  .page-search__controls .search-loading {
      top: 24px;
      right: 20px
  }

  .page-search__controls .default-search-input {
      height: 50px;
      margin-top: 10px;
      border-radius: 2px;
      font-size: 18px;
      padding: 0 40px;
      border: 1px solid #fff;
      box-shadow: 0 1px 2px 0 #dadfe3,0 2px 5px 0 rgba(0,0,0,.08)
  }

.calendar__right, .contact-search-holder {
  box-shadow: 0 6px 12px rgba(0,0,0,.05),0 1px 4px rgba(0,0,0,.15)
}

.page-search__controls .default-search-input:active, .page-search__controls .default-search-input:focus {
  border-color: #cfd7df
}

.page-search__actions {
  padding: 24px 0;
  margin: 0 144px
}

  .page-search__actions .text-spacing {
      margin-right: 3px
  }

.page-search__actions__filters {
  float: right;
  margin-left: 5px
}

.page-search__actions__sort {
  margin-top: 8px
}

  .page-search__actions__sort .pointer {
      display: none
  }

  .page-search__actions__sort .dropdown__option {
      padding: 5px 10px
  }

.page-search__actions .app-icon-btn--oval-left {
  right: -5.08px
}

.page-search__actions .basic-dropdown .basic-dropdown-content {
  min-width: 160px;
  border-radius: 4px
}

.quick-search-content.basic-dropdown-content {
  background-color: #fff;
  border-radius: 4px
}

.basic-dropdown--transitioning-in {
  animation: drop-fade-above .15s
}

.calendar-layout .power-calendar-day-grid {
  overflow: hidden
}

.calendar-layout .power-calendar-week {
  margin-bottom: 5px
}

  .calendar-layout .power-calendar-week:first-child[data-missing-days="1"] {
      margin-left: 14.2%
  }

  .calendar-layout .power-calendar-week:first-child[data-missing-days="2"] {
      margin-left: 28.4%
  }

  .calendar-layout .power-calendar-week:first-child[data-missing-days="3"] {
      margin-left: 42.6%
  }

  .calendar-layout .power-calendar-week:first-child[data-missing-days="4"] {
      margin-left: 56.8%
  }

  .calendar-layout .power-calendar-week:first-child[data-missing-days="5"] {
      margin-left: 71%
  }

  .calendar-layout .power-calendar-week:first-child[data-missing-days="6"] {
      margin-left: 85.2%
  }

  .calendar-layout .power-calendar-week:last-child[data-missing-days="1"] {
      margin-right: 14.2%
  }

  .calendar-layout .power-calendar-week:last-child[data-missing-days="2"] {
      margin-right: 28.4%
  }

  .calendar-layout .power-calendar-week:last-child[data-missing-days="3"] {
      margin-right: 42.6%
  }

  .calendar-layout .power-calendar-week:last-child[data-missing-days="4"] {
      margin-right: 56.8%
  }

  .calendar-layout .power-calendar-week:last-child[data-missing-days="5"] {
      margin-right: 71%
  }

  .calendar-layout .power-calendar-week:last-child[data-missing-days="6"] {
      margin-right: 85.2%
  }

.dropdown-datepicker {
  left: -50px;
  width: 176px;
  top: 25px;
  padding: 0;
  display: table
}

.dropdown-datepicker__inner {
  display: table;
  width: 167px
}

.basic-dropdown-content.dropdown-datepicker {
  z-index: 3
}

.basic-dropdown-content.todo-datepicker {
  position: fixed;
  z-index: 2;
  border-radius: 4px
}

.calendar {
  padding: 0
}

.calendar__left, .calendar__right {
  display: table-cell;
  height: 100%;
  float: none;
  position: relative
}

.calendar__left {
  background-color: #284255;
  border-radius: 4px;
  padding: 15px 10px 25px 15px;
  color: #fff;
  width: 167px;
  z-index: 2;
  vertical-align: top
}

  .calendar__left::after, .calendar__left::before {
      bottom: 100%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none
  }

  .calendar__left::after {
      border-color: transparent transparent #284255;
      border-width: 8px;
      margin-left: -8px;
      left: calc(50% - 5px)
  }

  .calendar__left::before {
      border-color: rgba(229,229,229,0);
      border-bottom-color: #e5e8e8;
      border-width: 9px;
      margin-left: -9px;
      left: calc(50% - 5px)
  }

.calendar__left--active {
  background-color: #182732;
  color: #2c5cc5
}

.calendar__left--link {
  color: #fff;
  line-height: 1.6;
  display: block;
  padding: 5px;
  border-radius: 3px;
  margin-bottom: 4px;
  cursor: pointer;
  width: 100%;
  text-align: left
}

.cal-control, .cal-control-holder, .menu-calendar {
  display: inline-block
}

.calendar__left--link:hover {
  background-color: #203544;
  color: #f2f2f2
}

.calendar__left li {
  list-style: none
}

.calendar__right {
  padding: 20px;
  width: 360px;
  background: #fff;
  border-radius: 4px;
  -webkit-animation: slidefromleft .2s ease-in-out;
  animation: slidefromleft .2s ease-in-out;
  z-index: 1
}

.__ui-components__per-page-dropdown .per-page-dropdown, .calendar-controls .basic-dropdown-trigger, .calendar-controls .basic-dropdown-trigger:focus, .calendar-controls .basic-dropdown-trigger:hover {
  border: 1px solid transparent
}

.action-btn-slide, .category-menu {
  -webkit-animation: slidefromleft .1s ease-in
}

.calendar-widget {
  width: 100%
}

.calendar-controls {
  color: #2c5cc5;
  font-size: 20px;
  padding-left: 10px
}

  .calendar-controls .power-select-dropdown .power-select-options {
      max-height: 155px;
      overflow-y: scroll
  }

  .calendar-controls .power-select-option {
      color: #183247
  }

  .calendar-controls .basic-dropdown-trigger {
      font-size: 14px
  }

  .calendar-controls .power-select-status-icon, .calendar-controls .select-dropdown-trigger__status-icon {
      right: 6px
  }

  .calendar-controls .basic-dropdown-content--above, .calendar-controls .basic-dropdown-content--below, .calendar-controls .basic-dropdown-content--in-place {
      min-width: 103px;
      padding: 0;
      border-top: 1px #cfd7df solid
  }

.cal-control .power-select-trigger, .cal-control .select-dropdown-trigger {
  padding-left: 4px
}

.menu-calendar .date-edit {
  padding-top: 2px
}

.dropdown-datepicker.basic-dropdown-content--above, .dropdown-datepicker.basic-dropdown-content--below {
  border-radius: 0;
  border: none;
  padding: 0;
  min-width: 167px
}

.dropdown-datepicker.basic-dropdown-content {
  width: 167px;
  border-radius: 4px
}

.render-fixed.dropdown-datepicker.basic-dropdown-content {
  position: fixed
}

.left-calendar.dropdown-datepicker.basic-dropdown-content .dropdown-datepicker__inner {
  display: flex;
  flex-direction: row-reverse
}

.left-calendar.dropdown-datepicker.basic-dropdown-content .calendar__left {
  height: auto
}

.left-calendar.dropdown-datepicker.basic-dropdown-content.show-calendar .calendar__left {
  border-radius: 0 4px 4px 0
}

.show-calendar.basic-dropdown-content {
  width: 527px
}

.show-calendar .calendar__left {
  border-radius: 4px 0 0 4px;
  width: 167px
}

.show-calendar .calendar__right {
  width: 360px;
  padding: 16px
}

.show-calendar .dropdown-datepicker__inner {
  width: 527px
}

.dropdown .calendar-controls .power-select-selected-item {
  font-size: 20px;
  padding: 0
}

.select-label {
  position: relative;
  display: inline-block;
  margin: 5px 0 0
}

  .select-label::after {
      content: "▼";
      position: absolute;
      width: 20px;
      color: #333;
      font-weight: 700;
      font-size: 12px;
      right: 2px;
      bottom: 10px;
      border-radius: 3px;
      pointer-events: none;
      z-index: 2
  }

  .select-label select {
      position: relative;
      width: 65px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background: #fff;
      color: #acb6be;
      border: none;
      outline: 0;
      font-size: 14px;
      padding: 4px 5px;
      margin: 0;
      border-radius: 3px;
      cursor: pointer;
      height: 38px
  }

      .select-label select:focus, .select-label select:hover {
          border: none;
          outline: 0
      }

.calendar__time {
  width: 58px
}

.power-calendar-row.power-calendar-weekdays {
  text-transform: uppercase;
  padding: 12px 0;
  font-size: 12px;
  color: #6f7c87
}

.day-number {
  display: inline-block;
  line-height: 25px;
  border-radius: 50%;
  font-size: 13px;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.power-calendar .power-calendar-row {
  display: block;
  flex: none;
  width: 100%
}

  .power-calendar .power-calendar-row .power-calendar-day--focused {
      box-shadow: none
  }

  .power-calendar .power-calendar-row .power-calendar-day {
      text-align: center;
      height: 34px;
      flex: none
  }

  .power-calendar .power-calendar-row .power-calendar-day--current-month {
      background-color: #fff;
      color: #183247;
      font-weight: 600
  }

  .power-calendar .power-calendar-row .power-calendar-day:not([disabled]):hover {
      background-color: transparent
  }

  .power-calendar .power-calendar-row .power-calendar-day--selected, .power-calendar .power-calendar-row .power-calendar-day--selected:not([disabled]):hover {
      -webkit-font-smoothing: antialiased
  }

.power-calendar .power-calendar-day, .power-calendar .power-calendar-weekday {
  display: inherit;
  float: left;
  text-align: center;
  width: 14.2%;
  font-size: 12px;
  font-weight: 50;
  letter-spacing: .2px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.power-calendar .basic-dropdown-trigger:focus {
  outline: 0
}

.power-calendar .power-calendar-day--other-month, .power-calendar .power-calendar-day--other-month:hover, .power-calendar .power-calendar-day--other-month:not([disabled]):hover {
  background-color: transparent;
  color: #aaa
}

.power-calendar-day-grid {
  width: 100%;
  padding-top: 4px
}

.time-details {
  font-size: 11px;
  color: #7c8993
}

.show_datepicker {
  width: 580px
}

.power-calendar-day--today .day-number {
  border-radius: 2px;
  background-color: #fff;
  border: 1px solid #183247;
  padding: 0;
  min-width: 26px;
  min-height: 26px
}

.power-calendar-day--today, .power-calendar-day:not([disabled]):hover {
  color: #000
}

.power-calendar .power-calendar-row .power-calendar-day--selected .day-number {
  background-color: #2c5cc5;
  min-width: 26px;
  min-height: 26px
}

.power-calendar-day--selected .day-number, .power-calendar-day[disabled].power-calendar-day--selected .day-number {
  border-radius: 2px;
  color: #fff
}

.calendar-time {
  padding: 12px 0
}

.attachment {
  margin: 12px 15px 15px;
  padding: 15px 15px 5px 11px;
  border-radius: 5px;
  border: 1px solid #dadfe3
}

.attachment__excluded .text {
  font-size: 12px;
  display: block;
  clear: both;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #ff5959
}

  .attachment__excluded .text .error-text {
      vertical-align: text-bottom
  }

  .attachment__excluded .text .warning-custom {
      fill: transparent;
      stroke: #ff5959;
      stroke-width: 5px
  }

.attachment__title {
  margin: 0 0 10px 4px;
  font-weight: 600
}

  .attachment__title .title-icon {
      position: relative;
      top: 2px;
      fill: #000
  }

.__ui-components__fresh-pagination .pagination-wrapper .pagination__link:hover .app-icon, .__ui-components__resource-pagination .pgn:hover .app-icon, .attachment__alert-close:hover .alert-icon {
  fill: #081824
}

.attachment__alert {
  padding: 7px 10px;
  margin: 0 5px 10px 4px;
  border-radius: 2px;
  border: 1px solid #ffad1e;
  background-color: #fff9f0;
  color: #ff9822;
  font-size: 13px;
  clear: both;
  float: left
}

.attachment__alert-text {
  padding-left: 7px
}

.attachment__alert-close {
  cursor: pointer
}

.attachment__alert .alert-icon {
  position: relative;
  top: 2px;
  fill: #ff9822
}

.attachment-thumb .itemholder .item .custom-icon, .gpt-link .nudge-response-suggester {
  fill: #475867
}

.attachment__item {
  padding: 5px 10px;
  border-radius: 2px;
  border: 1px solid #dadfe3;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
  margin-right: 5px;
  font-size: 12px
}

.attachment__item-text {
  color: #183247;
  max-width: 230px
}

.__marketplace-list .mkp-attachment .attachment-list .app-icon, .lightbox_image {
  max-width: inherit
}

.attachment__item-excluded {
  text-decoration: line-through;
  position: relative;
  vertical-align: middle;
  display: inline-block
}

.attachment__item-status {
  background-color: #2c5cc5;
  width: 65%;
  height: 2px;
  border-radius: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: width 1s
}

.attachment__item-refresh {
  cursor: pointer;
  color: #6f7c87;
  position: relative;
  top: 1px;
  padding-right: 0
}

.attachment__item-close {
  padding-left: 0;
  position: relative;
  top: 1px;
  color: #1d1d1d;
  cursor: pointer
}

  .attachment__item-close:hover {
      color: #081824
  }

.attachment__item-container {
  display: inline-block;
  vertical-align: middle
}

.attachment__item .file-size {
  color: #acb6be
}

.attachment__item--error {
  border: 1px solid #ff5959
}

  .attachment__item--error .attachment__item-text {
      color: #ff5959
  }

.attachment__item--progress .attachment__item-text, .attachment__item--progress .file-size {
  color: #dbdfe3
}

.attachment__link:hover {
  text-decoration: none
}

  .attachment__link:hover .dropdown-recent-ticket__item, .attachment__link:hover .text__content {
      text-decoration: underline;
      color: #183247
  }

.attachment-thumb {
  margin-top: 16px;
  position: relative
}

.attachment-thumb__info {
  width: 100%;
  overflow: hidden;
  position: relative
}

  .attachment-thumb__info::after {
      content: "";
      position: absolute;
      top: 10px;
      width: 100%;
      border-bottom: 1px dashed #c9d1d0
  }

  .attachment-thumb__info .attachment-icon {
      margin-top: 3px
  }

.attachment-thumb__info-count {
  margin-left: -1px;
  display: inline-block;
  vertical-align: top;
  padding-right: 5px
}

.attachment-thumb .itemholder {
  position: relative;
  padding-top: 16px
}

  .attachment-thumb .itemholder .item {
      position: relative;
      display: inline-block;
      box-sizing: border-box;
      min-width: 200px;
      padding: 8px 12px;
      border-radius: 4px;
      background-color: #fff;
      cursor: pointer;
      margin: 0 8px 8px 0;
      transition: .1s ease-in;
      border: 1px solid #ebeff3
  }

      .attachment-thumb .itemholder .item .model-attachment {
          width: auto;
          height: 100%
      }

      .attachment-thumb .itemholder .item .selected-icon {
          fill: #c2c8cd
      }

      .attachment-thumb .itemholder .item .backlayer {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          opacity: 0;
          transition: .1s ease-in;
          border-radius: 4px;
          background-image: linear-gradient(to left,#fff,#fff 47%,rgba(255,255,255,0))
      }

      .attachment-thumb .itemholder .item .action {
          position: absolute;
          top: 18px;
          right: 12px;
          opacity: 0;
          transition: .1s ease-in
      }

          .attachment-thumb .itemholder .item .action .button {
              margin-right: 0
          }

      .attachment-thumb .itemholder .item:hover {
          border: 1px solid #475867
      }

          .attachment-thumb .itemholder .item:hover .action, .attachment-thumb .itemholder .item:hover .backlayer {
              opacity: 1
          }

      .attachment-thumb .itemholder .item .reference {
          position: relative
      }

      .attachment-thumb .itemholder .item .basic, .attachment-thumb .itemholder .item .reference {
          display: inline-block;
          vertical-align: middle;
          height: 42px
      }

      .attachment-thumb .itemholder .item .extension {
          position: absolute;
          color: #fff;
          top: 7px;
          left: 2px;
          font-size: 7px;
          font-weight: 500;
          min-width: 20px
      }

.lightbox, .lightbox-toolbar {
  font-weight: 400;
  z-index: 10000;
  left: 50%
}

.attachment-thumb .itemholder .item .attachment-action {
  padding: 4px 5px 5px 6px;
  border-radius: 2px;
  margin-left: 4px;
  line-height: 1
}

  .attachment-thumb .itemholder .item .attachment-action:hover {
      background-color: #f3f5f7
  }

      .attachment-thumb .itemholder .item .attachment-action:hover .custom-icon {
          fill: #12344d
      }

.attachment-thumb .itemholder .item.disabled {
  background-color: #ebeff3
}

.attachment-thumb .itemholder .item .details .basic {
  margin-left: 8px
}

.attachment-thumb .itemholder .item .details .dropdown-recent-ticket__item, .attachment-thumb .itemholder .item .details .text__content {
  color: #183247
}

.__ui-form__editor__social-editor .attachment-thumb .itemholder .item .details .socialeditor__count, .__ui-form__editor__ticket-editor .ticket-editor__footer .ticket-editor__action.link-to-forum .attachment-thumb .itemholder .item .details .label-field, .attachment-thumb .itemholder .item .details .__ui-form__editor__social-editor .socialeditor__count, .attachment-thumb .itemholder .item .details .__ui-form__editor__ticket-editor .ticket-editor__footer .ticket-editor__action.link-to-forum .label-field, .attachment-thumb .itemholder .item .details .text__infotext {
  color: #6f7c87
}

.noinfo {
  text-align: center;
  padding: 40px 0;
  font-size: 18px
}

.empty-results {
  text-align: center;
  padding: 100px 0 150px
}

.category-menu-icon [role=button] {
  box-shadow: none;
  outline: 0
}

.category-menu {
  top: 0;
  bottom: 0;
  left: -300px;
  transition: .2s linear;
  font-weight: 400;
  box-shadow: 4px 0 13px 0 rgba(74,74,74,.3),30px 0 40px 0 rgba(0,0,0,.11);
  animation: slidefromleft .1s ease-in
}

.category-menu__section {
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 1px 1px 0 #dbdfe3;
  margin: 6px 8px;
  padding: 14px 10px
}

  .category-menu__section:last-of-type {
      margin-bottom: 110px
  }

.category-menu__noresults {
  padding: 20px 30px;
  text-align: center;
  color: #6f7c87;
  cursor: default
}

.category-menu__content {
  margin-top: 55px;
  overflow: auto;
  height: 100%
}

.category-menu__title {
  background-color: #fff;
  position: fixed;
  top: 0;
  width: 280px
}

  .category-menu__title .title-text {
      padding: 10px
  }

  .category-menu__title .modal-search {
      padding: 0
  }

  .category-menu__title .modal-filter-wrapper {
      box-shadow: -1px 2px 14px -1px rgba(0,0,0,.1)
  }

  .category-menu__title .modal-filter-search {
      height: 55px;
      border-radius: 0
  }

      .category-menu__title .modal-filter-search:focus {
          box-shadow: 0 2px 0 0 #2c5cc5
      }

  .category-menu__title .modal-search-icon, .category-menu__title .search-clear {
      right: 20px;
      top: 20px
  }

  .category-menu__title .modal-search-icon {
      cursor: default
  }

.category-menu__item {
  list-style: none;
  width: 100%
}

.category-menu__divider {
  margin: 6px;
  border-bottom: solid 1px #979797;
  cursor: default;
  opacity: .2;
  list-style: none
}

.category-menu__footer {
  padding: 10px
}

.category-menu--link {
  color: #254d6d;
  cursor: pointer;
  padding: 4px 5px;
  display: inline-block;
  width: 100%;
  border-radius: 2px
}

  .category-menu--link--focused, .category-menu--link:hover {
      color: #254d6d;
      background-color: #f3f5f7;
      text-decoration: none
  }

.category-menu--link--active {
  color: #2c5cc5;
  font-weight: 600
}

.category-menu--link .selectedtick {
  float: right;
  fill: #2c5cc5;
  margin-top: 2px
}

.category-menu-expanded {
  left: 64px;
  z-index: 5;
  -webkit-animation: slidefromleft .1s ease-in-out;
  animation: slidefromleft .1s ease-in-out
}

.category-menu-collapse {
  left: 64px;
  z-index: 5;
  -webkit-animation: slidefromleft .1s ease-in-out reverse;
  animation: slidefromleft .1s ease-in-out reverse
}

.basic-dropdown-content.category-menu {
  width: 280px;
  background-color: #ebeff3;
  position: fixed;
  z-index: 5
}

.segments-menu .tabs__items {
  background-color: #fff;
  height: 48px
}

.segments-menu .tabs__item {
  width: 50%;
  text-align: center
}

.segments-menu .tabs__item__nav {
  padding: 4px 6px
}

.segments-menu .tabs__item:last-of-type::before {
  content: "";
  position: absolute;
  height: 25px;
  width: 2px;
  left: 0;
  top: 12px;
  background-color: #ebeff3
}

.segments-menu .category-menu__content {
  margin-top: 0
}

.segments-menu .category-menu__title {
  position: initial;
  background-color: transparent
}

  .segments-menu .category-menu__title .modal-search-icon, .segments-menu .category-menu__title .search-clear {
      right: 20px;
      top: 12px
  }

  .segments-menu .category-menu__title .modal-filter-search {
      background-color: transparent;
      height: 40px;
      border-top: 1px #cfd7df solid
  }

.lightbox-wrapper {
  width: 100%;
  height: 100%;
  z-index: 9998;
  position: fixed;
  top: 0;
  left: 0
}

.lightbox-overlay {
  background-color: rgba(255,255,255,.9);
  width: 100%;
  height: 100%;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-animation: fadeInPartial .3s ease;
  animation: fadeInPartial .3s ease
}

.lightbox-overlay--fadeout {
  -webkit-animation: fadeOut .1s ease;
  animation: fadeOut .1s ease
}

.lightbox {
  position: absolute;
  top: 45%;
  transform: translate(-50%,-50%);
  width: 100%;
  text-align: center;
  line-height: 0
}

.lightbox_image {
  max-height: none;
  width: 100%;
  height: 100%;
  box-shadow: 0 16px 40px 0 rgba(0,0,0,.14),0 1px 2px 0 rgba(0,0,0,.12);
  border-radius: 3px
}

.lightbox_container {
  position: relative;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px
}

  .lightbox_container::after {
      content: "";
      display: table;
      clear: both
  }

.lightbox_container--fadeout {
  -webkit-animation: fadeOut .3s;
  animation: fadeOut .3s
}

.lightbox_container--slideright {
  -webkit-animation: slideInRight .3s ease;
  animation: slideInRight .3s ease
}

.lightbox_container--slideleft {
  -webkit-animation: slideInLeft .3s ease;
  animation: slideInLeft .3s ease
}

.lightbox-toolbar {
  position: absolute;
  margin: 10px;
  bottom: 20px;
  transform: translate(-50%,0);
  text-align: center;
  line-height: 0;
  padding: 0 5px
}

.__app-components__fsm-scheduler__agent-card .agent-name, .__app-components__fsm-scheduler__ticket-card .card__header .contact-name, .slash-results, .tabs__item__nav, .tabs__item__nav.active {
  font-weight: 500
}

.lightbox-toolbar--fadein, .lightbox_container--fadein {
  -webkit-animation: fadeInDelay .4s ease;
  animation: fadeInDelay .4s ease
}

.lightbox-action {
  position: absolute;
  right: 30px;
  top: 30px;
  z-index: 9999
}

.image-caption {
  text-align: center;
  background-color: #000;
  padding: 12px;
  color: #fdfdfd;
  border-radius: 100px;
  margin-bottom: 6px
}

.image-caption--slideright {
  -webkit-animation: slideInRightCaption .3s ease;
  animation: slideInRightCaption .3s ease
}

.image-caption--slideleft {
  -webkit-animation: slideInLeftCaption .3s ease;
  animation: slideInLeftCaption .3s ease
}

.image-caption--slideup {
  -webkit-animation: slideUpCard .3s ease;
  animation: slideUpCard .3s ease
}

.image-caption--hide, .lightbox_container--hide {
  display: none
}

.lightbox-label {
  text-align: center;
  margin-bottom: 10px;
  padding: 10px;
  opacity: .3
}

img.inline-image {
  cursor: pointer
}

.result-item {
  margin-bottom: 8px;
  background-color: #fff;
  border-radius: 4px;
  padding: 16px
}

.result-item__description {
  margin: 3px 0 6px
}

.result-item__details {
  margin-left: 35px
}

.result-item .result-link {
  color: #183247;
  cursor: pointer
}

.result-item--slideup {
  -webkit-animation: slideUpCard .3s ease;
  animation: slideUpCard .3s ease
}

.additional-fields-dropdown__trigger {
  margin-bottom: 80px
}

.additional-fields-dropdown__content.basic-dropdown-content {
  max-height: 200px;
  width: 220px
}

.additional-fields-dropdown__content.basic-dropdown-content--below {
  border-top-color: #cfd7df
}

.additional-fields-dropdown__content__results {
  overflow-y: scroll;
  max-height: 150px;
  padding: 0 7px
}

.additional-fields-dropdown__content__search .modal-filter-search {
  padding-right: 32px
}

.additional-fields-dropdown__content__search .modal-search-icon {
  right: 13px;
  top: 9px;
  cursor: default
}

.additional-fields-dropdown__content__search .search-clear {
  right: 12px;
  top: 9px
}

.additional-fields-dropdown__content__noresults {
  padding: 15px;
  text-align: center
}

.additional-fields-dropdown__content__option {
  cursor: pointer;
  position: relative;
  margin-bottom: 5px;
  padding: 3px 0 3px 5px
}

  .additional-fields-dropdown__content__option:hover {
      background-color: #ebeef0
  }

  .additional-fields-dropdown__content__option.selected {
      color: #2c5cc5
  }

      .additional-fields-dropdown__content__option.selected::before {
          position: absolute;
          right: 10px
      }

.assignto-content.basic-dropdown-content {
  min-height: 310px;
  width: 280px;
  padding: 0;
  border-radius: 2px
}

.assignto-content .item-list {
  padding-top: 6px
}

.assignto-content.basic-dropdown-content--below {
  border-radius: 4px
}

.assignto-content--large.basic-dropdown-content {
  width: 350px
}

.assignto-content--department.basic-dropdown-content {
  width: 420px
}

.create-ticket-sub-component {
  background-color: #778899;
  margin: 10px 50px;
  padding: 2px;
  border: 1px solid #dcdcdc
}

.create-ticket-component {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  padding: 100px 20px 0 30px;
  overflow-y: auto;
  border: none;
  border-radius: 0;
  box-shadow: none
}

.chat-convert-ticket__item {
  border: 1px solid #ebedf0;
  border-radius: 3px;
  padding: 20px;
  margin-bottom: 6px;
  display: table;
  width: 100%;
  cursor: pointer
}

.__app-navbar .navbar-item .nav-link[disabled], .tabs__item__nav.disabled {
  cursor: not-allowed
}

.chat-convert-ticket__item .cardlist__item {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  float: none
}

.chat-convert-ticket__item:hover .scenarios-btn {
  opacity: 1;
  transition: .4s ease-in-out
}

.chat-convert-ticket .input .label-field {
  color: #183247;
  font-size: 12px
}

.fc-tkt-item .fc-tkt-save {
  position: absolute;
  display: none;
  top: 34%;
  right: 20px
}

.fc-tkt-item:hover .fc-tkt-save, .quick-tip__content, .quick-tip__icon {
  display: inline-block
}

.fc-tkt-item:hover {
  box-shadow: inset -50px 0 50px 0 rgba(255,255,255,.5)
}

.fc-tkt-item-subject {
  font-size: 13px
}

.fc-tkt-item-info {
  line-height: 1.3
}

.tabs__items {
  height: 40px;
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0
}

.tabs__item {
  float: left;
  position: relative
}

  .tabs__item a {
      text-decoration: none;
      color: #475867
  }

.tabs__item__nav {
  margin: 0 12px;
  line-height: 40px;
  color: #475867;
  position: relative;
  overflow: hidden;
  display: block;
  padding: 0 6px;
  font-size: 14px;
  -webkit-font-smoothing: antialiased
}

  .tabs__item__nav:hover::after {
      opacity: .3;
      background: #6f7c87
  }

  .tabs__item__nav.active {
      color: #2c5cc5
  }

      .tabs__item__nav.active .app-icon {
          fill: #2c5cc5
      }

      .tabs__item__nav.active::after {
          opacity: 1;
          background: #2c5cc5
      }

  .tabs__item__nav::after {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 3px;
      background: #2c5cc5;
      content: "";
      transition: height transform .5s;
      opacity: 0;
      border-radius: 3px 3px 0 0
  }

.tabs__content {
  clear: both;
  float: none
}

.tabs__content__pane {
  display: none
}

  .tabs__content__pane.active {
      display: block
  }

.atwho-view, .atwho-view .shortcut--content {
  display: none
}

.tabs__content__pane--fade {
  opacity: 0;
  transition: opacity .15s linear
}

  .tabs__content__pane--fade.in {
      opacity: 1
  }

.agent-toggle-btn {
  padding: 0;
  position: relative
}

  .agent-toggle-btn .app-icon {
      fill: #12344d;
      width: 16px;
      height: 16px
  }

  .agent-toggle-btn .app-icon--primary-color {
      width: 16px;
      height: 16px
  }

  .agent-toggle-btn:hover .agent-status-dot {
      border-color: #ebedf0
  }

  .agent-toggle-btn .agent-status-dot {
      width: 11px;
      height: 11px;
      position: absolute;
      border: 2px solid #fff;
      border-radius: 50%;
      right: 2px;
      top: 2px
  }

  .agent-toggle-btn.chat-agent-online .agent-status-dot {
      background-color: #2c5cc5
  }

  .agent-toggle-btn.chat-agent-offline .agent-status-dot {
      background-color: #cfd7df
  }

.freshchat_user_widget {
  z-index: 995 !important
}

.atwho-view {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 30px;
  background: #fff;
  color: #475867;
  border-radius: 3px;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,.14);
  min-width: 350px;
  max-height: 200px;
  overflow: auto;
  z-index: 11110
}

  .__app-components__assign-to__options .item:focus, .__app-components__assign-to__options .item:hover, .atwho-view .cur {
      background: #ebeff3
  }

  .atwho-view .atwho-header {
      padding: 6px 6px 6px 10px;
      border-bottom: 1px solid #dadfe3;
      font-size: 11px;
      color: #12344d;
      letter-spacing: .5px;
      -moz-osx-font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased
  }

      .atwho-view .atwho-header .imp {
          font-weight: 600;
          color: #183247
      }

  .atwho-view .shortcut--title {
      font-weight: 100;
      font-size: 15px
  }

  .atwho-view .cur {
      padding: 10px;
      color: #fff;
      font-size: 12px;
      border-radius: 2px
  }

      .atwho-view .cur .shortcut--title {
          font-weight: 400;
          color: #2c5cc5
      }

      .atwho-view .cur .shortcut--content {
          display: block
      }

  .atwho-view .atwho-view-ul {
      list-style: none;
      padding: 3px;
      margin: auto
  }

      .atwho-view .atwho-view-ul li {
          display: block;
          padding: 10px;
          border-bottom: none;
          cursor: pointer;
          margin: 5px;
          color: #475867
      }

  .atwho-view .slash-shorut {
      float: left;
      font-size: 14px;
      color: #183247
  }

      .atwho-view .slash-shorut::before {
          content: "/"
      }

      .atwho-view .slash-shorut strong {
          margin-left: -3px
      }

  .atwho-view .slash-name {
      font-size: 12px;
      color: #6f7c87;
      -moz-osx-font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased
  }

      .atwho-view .slash-name::after {
          content: "";
          clear: both
      }

      .atwho-view .slash-name strong {
          font-weight: 100
      }

.slash-inserted {
  color: #2c5cc5
}

.ticket-action .slash-search .basic-dropdown-content {
  margin-top: 0;
  max-width: 320px
}

.freddy-suggest--icon {
  background: #e5f2fd;
  border-radius: 4px;
  padding: 6px
}

.slash-command-content-holder {
  display: block;
  min-width: 320px;
  max-width: 320px;
  overflow: auto;
  padding: 7px
}

.contact-search-holder {
  padding: 10px;
  background: #fff;
  border: 0;
  border-bottom: 1px solid #2c5cc5
}

.editor-quick-action-list-item {
  color: #183247;
  padding: 10px;
  font-size: 12px;
  border-radius: 2px
}

.slash-command-noresult {
  font-size: 12px;
  color: #333;
  font-style: italic;
  padding: 10px;
  width: 320px
}

.slash-active {
  background: #f3f5f7
}

.slash-command-clear {
  position: absolute;
  right: 0;
  top: -2px
}

  .slash-command-clear .app-icon {
      width: 15px
  }

.slash-results {
  padding: 10px 10px 0;
  background-color: #fff;
  color: #6f7c87;
  letter-spacing: .5px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  text-transform: uppercase;
  font-size: 10px
}

.slash-search {
  position: absolute;
  z-index: 5;
  min-width: 320px;
  max-width: 320px
}

  .slash-search input {
      border: 0;
      outline: 0;
      width: 100%
  }

.fsm-scheduler-event-detail, .quick-tip {
  border-radius: 4px
}

.slash-search input::-webkit-input-placeholder {
  color: #dadfe3
}

.slash-search input::-moz-placeholder {
  color: #dadfe3
}

.slash-search input:-ms-input-placeholder {
  color: #dadfe3
}

.slash-search input:-moz-placeholder {
  color: #dadfe3
}

.quick-tip {
  background-color: #183247;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 10px
}

.quick-tip__icon {
  vertical-align: top;
  width: 56px;
  height: 56px;
  padding: 10px 16px;
  background-color: #2c5cc5;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px
}

.quick-tip__content {
  padding: 10px 40px 10px 0;
  color: #fff;
  font-weight: 300;
  line-height: 1.5;
  position: relative;
  width: calc(100% - 60px)
}

  .quick-tip__content .tip-link {
      font-weight: 600;
      cursor: pointer
  }

  .quick-tip__content .cr-close {
      position: absolute;
      top: 50%;
      right: 5px;
      transform: translate(-50%,-50%);
      height: 24px;
      width: 24px;
      border-radius: 2px;
      padding: 0 6px;
      line-height: 1
  }

      .quick-tip__content .cr-close:hover {
          background: rgba(255,255,255,.1);
          cursor: pointer
      }

.quick-tip__singlecontent {
  margin: 6px 0
}

.quick-tip__inline .quick-tip-title, .quick-tip__inline .tips-link-actions {
  display: inline
}

.quick-tip.quick-tip--warning {
  background-color: #fef1e1;
  border: 1px solid #fddbb5
}

  .quick-tip.quick-tip--warning .quick-tip__icon {
      background-color: #fef1e1
  }

  .quick-tip.quick-tip--warning .quick-tip__content {
      color: #000
  }

.quick-tip.quick-tip--success {
  border: 1px solid #02b875;
  background-color: #f6fff8
}

  .quick-tip.quick-tip--success .quick-tip__icon {
      background-color: transparent;
      border-right: 1px solid #02b875;
      height: 30px;
      width: 36px;
      padding: 0 11px;
      margin-top: 4px
  }

      .quick-tip.quick-tip--success .quick-tip__icon path {
          fill: #02b875
      }

  .quick-tip.quick-tip--success .quick-tip__content {
      color: #000;
      padding-left: 10px;
      margin: 6px 0 0
  }

.quick-tip.quick-tip--error {
  background-color: #ffecf0;
  border: 1px solid #ffd0d6
}

  .quick-tip.quick-tip--error .quick-tip__icon {
      background-color: #ffecf0
  }

  .quick-tip.quick-tip--error .quick-tip__content {
      color: #000
  }

      .quick-tip.quick-tip--error .quick-tip__content .cr-close:hover {
          background: rgba(0,0,0,.3)
      }

          .quick-tip.quick-tip--error .quick-tip__content .cr-close:hover .modal-icons {
              fill: #c82124
          }

.quick-tip.quick-tip--info {
  background-color: #e5f2fd;
  border: 1px solid #bbdcfe
}

  .quick-tip.quick-tip--info .quick-tip__icon {
      background-color: #e5f2fd
  }

  .quick-tip.quick-tip--info .quick-tip__content {
      color: #000
  }

.quick-tip.quick-tip--medium {
  height: 36px;
  margin-top: 4px
}

  .quick-tip.quick-tip--medium .quick-tip__icon {
      height: 30px;
      width: 30px;
      padding: 1px 5px 4px;
      margin: 3px 0 0 4px
  }

      .quick-tip.quick-tip--medium .quick-tip__icon .modal-icons {
          top: 3px
      }

  .quick-tip.quick-tip--medium .quick-tip__content {
      padding: 1px 8px
  }

      .quick-tip.quick-tip--medium .quick-tip__content .cr-close {
          width: 12px
      }

.quick-tip--small {
  width: 100%
}

  .quick-tip--small .quick-tip__icon {
      width: auto;
      height: auto;
      padding: 8px
  }

      .quick-tip--small .quick-tip__icon .modal-icons {
          top: 1px
      }

  .quick-tip--small .quick-tip__content {
      margin: 0;
      width: calc(100% - 35px);
      padding: 8px 0;
      line-height: 1.3
  }

      .quick-tip--small .quick-tip__content .cr-close {
          right: 0;
          transform: translate(0,-50%)
      }

.__app-components__app-notification-bar .show-more-notifications-trigger.extended-view .accordion-arrow, .__integration-apps__mailchimp__campaigns-info.mailchimp-modal .rotate-arrow .app-icon, .__ui-components__date-dropdown .open-state .down-arrow, .__ui-components__event-scheduler .event-wrapper.extended-right::after, .flip {
  transform: rotate(180deg)
}

.__app-components__assign-to .basic-dropdown-trigger:focus .assignto__input-trigger {
  outline: 0;
  border-color: #2c5cc5;
  background: 0 0
}

.__app-components__assign-to.hideLabel {
  margin-bottom: 0
}

.__app-components__app-notification-bar__card-expiry-notification .update-card {
  margin-left: 8px
}

.contacts__listpic {
  display: inline-block;
  margin: 0 6px
}

.contacts__cardinfo {
  border-bottom: 1px solid #ebeff3;
  padding: 16px;
  height: 84px
}

.contacts__cardinfo__align {
  padding-bottom: 24px;
  display: inline-block;
  vertical-align: middle
}

.contacts__cardinfo--view_link {
  font-size: 12px;
  -webkit-font-smoothing: antialiased
}

.contacts__cardinfo--company {
  width: 200px;
  padding-bottom: 2px;
  font-size: 12px;
  -webkit-font-smoothing: antialiased
}

.contacts__carddetails {
  padding: 8px 10px 0 15px;
  border-radius: 2px;
  background-color: #f8f9fa
}

  .contacts__carddetails a {
      color: #183247
  }

      .contacts__carddetails a:hover {
          color: #2c5cc5;
          text-decoration: none
      }

.contacts__cardpic {
  float: left;
  margin: 4px 3px
}

.contacts__cardemail, .contacts__cardphone, .contacts__cardtwitter {
  max-width: 300px;
  padding-bottom: 10px;
  padding-left: 5px
}

.contacts__cardemail--icon-align, .contacts__cardphone--icon-align, .contacts__cardtwitter--icon-align {
  display: inline-block;
  vertical-align: middle;
  height: 19px
}

.contacts__cardemail--text, .contacts__cardphone--text, .contacts__cardtwitter--text {
  font-size: 12px;
  padding-left: 3px;
  -webkit-font-smoothing: antialiased
}

.contacts__widget_feed {
  position: relative;
  padding: 0 6px 12px 0
}

.contacts__feedlist {
  list-style-type: none;
  margin: 0;
  padding: 0
}

.contacts__activity__icon {
  float: left;
  margin-top: 3px
}

.contacts__ticket {
  margin-left: 20px;
  font-weight: 400
}

.company__carddetails {
  padding: 10px
}

.company__cardemail {
  padding-top: 7px
}

.contact-avatar {
  display: flex;
  align-items: center
}

  .contact-avatar .table-subject {
      margin-left: 0
  }

.card__item--check {
  position: absolute;
  top: -10px;
  left: -9px
}

.card__item .app-checkbox-label {
  display: none
}

.card__item--active .app-checkbox-label, .card__item:hover .app-checkbox-label, .requester-hover, .requester-hover .basic-dropdown-trigger {
  display: inline-block
}

.card__item--active {
  box-shadow: 0 0 0 2px #4aa8a4
}

.card__item:hover .app-checkbox-label {
  transition: .1s linear
}

.card__hoverinfo {
  width: 300px
}

.requester-hover {
  position: relative;
  padding-right: 3px
}

  .requester-hover:hover .card__hoverinfo {
      cursor: default;
      display: block;
      position: relative;
      z-index: 1
  }

.contacts__fields {
  list-style: none
}

.companies .fluid--responsive, .contacts .fluid--responsive {
  height: 100%
}

.company-table .fresh-table .list thead th, .contacts-table .fresh-table .list thead th {
  padding: 12px 8px
}

.company-table .fresh-table .list tbody td .companies__nodata, .company-table .fresh-table .list tbody td .contacts__nodata, .contacts-table .fresh-table .list tbody td .companies__nodata, .contacts-table .fresh-table .list tbody td .contacts__nodata {
  padding: 50px 0
}

.company-table .fresh-table .list .table-spinner, .contacts-table .fresh-table .list .table-spinner {
  height: calc(100vh - 175px)
}

.company-table .table-text-wrap {
  max-width: 356px;
  width: 356px;
  white-space: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.contact-info-divider {
  border-top: 1px #cfd7df solid;
  margin-left: -15px;
  margin-right: -15px
}

.default-color:active, .default-color:focus, .default-color:link, .default-color:visited {
  color: #6f7c87
}

.default-color:hover {
  color: #58626b
}

.table-user-holder {
  margin-left: -5px;
  display: block
}

  .table-user-holder a {
      text-decoration: none
  }

.contacts-alert .holder {
  position: fixed;
  width: calc(100% - 85px);
  background-color: #ebeff3;
  z-index: 3;
  padding-top: 5px;
  padding-bottom: 5px
}

.contacts-alert .fresh-table {
  padding-top: 45px
}

.import-exists {
  color: #989e9d;
  cursor: default
}

.hint--medium::after {
  text-align: center
}

.contacts-action__holder .top-navigation-checkbox .label-field {
  position: relative;
  color: #183247;
  padding-right: 6px;
  margin-top: -2px;
  vertical-align: top;
  display: inline-block
}

.contact-timeline-forums .forum-link {
  color: #183247
}

  .contact-timeline-forums .forum-link:hover {
      color: #2c5cc5;
      text-decoration: none
  }

.avatar-holder .remove-avatar {
  display: inline-block
}

  .avatar-holder .remove-avatar .remove-action-btn::before {
      content: "";
      display: inline-block;
      width: 4px;
      height: 4px;
      border-radius: 100%;
      background-color: #acb6be;
      margin-right: 10px;
      margin-left: 5px;
      margin-bottom: 2px
  }

.contact-custom-input {
  display: none
}

.contact-mandatevalidation-true .contact-custom-input {
  display: block;
  margin-top: -24px;
  margin-bottom: 20px
}

.contact-mandatevalidation-true .help-block {
  color: #d72d30;
  font-size: 11px
}

.contact-change-password {
  display: block;
  margin-top: 4px;
  font-size: 12px
}

.contact-error-holder {
  margin-bottom: 3px
}

  .contact-error-holder .contact-error-label {
      font-size: 12px;
      margin-right: 5px;
      text-transform: capitalize;
      color: #12344d
  }

.contacts-pagination .bs-dropdown {
  right: -20px
}

.customer-action-holder .basic-dropdown-content {
  right: 2px;
  top: 100%;
  left: auto
}

.customer-action-holder .dropdown-menu {
  position: relative;
  top: 0;
  margin-top: -2px
}

.encrypted-value {
  width: 90%
}

  .encrypted-value.masked::before {
      content: "••••••••"
  }

  .encrypted-value.masked + .showhide-text {
      bottom: 0
  }

.showhide-text {
  bottom: -3px
}

.contacts__more-info--content .requester-hover .card__hoverinfo {
  width: 254px;
  left: -52px
}

  .contacts__more-info--content .requester-hover .card__hoverinfo .card__item::after, .contacts__more-info--content .requester-hover .card__hoverinfo .card__item::before {
      left: 58px
  }

.contact-card .avatar-icon--large .verify {
  line-height: 1.2;
  right: -7px;
  top: -7px
}

.text-weight {
  color: #183247;
  width: 200px;
  font-weight: 700;
  -webkit-font-smoothing: antialiased
}

.user {
  color: #183247
}

  .user:hover {
      color: #2c5cc5;
      text-decoration: none
  }

.__app-components__app-notification-bar .notification-detail-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center
}

.__app-components__app-notification-bar .notification-cta {
  display: flex;
  justify-content: center;
  align-items: center
}

  .__app-components__app-notification-bar .notification-cta .divider {
      margin: 0 10px
  }

.__app-components__app-notification-bar .show-more-notifications-trigger-wrapper {
  min-width: 100px
}

.__app-components__app-notification-bar .show-more-notifications-trigger.text--white {
  color: #fff
}

.__app-components__app-notification-bar .show-more-notifications {
  top: 30px;
  right: 4px;
  min-width: 680px;
  text-align: left;
  line-height: 1.5;
  border-top: none;
  box-shadow: -2px -1px 15px 4px rgba(24,50,71,.12),0 2px 4px 0 rgba(24,50,71,.12);
  max-height: 400px;
  overflow-y: scroll
}

.__app-components__app-notification-bar .revert-identity {
  cursor: pointer;
  text-decoration: none
}

.__app-components__app-notification-bar .app-notification-bar.danger-warning, .__app-components__app-notification-bar .danger-warning {
  background-color: #ffecec
}

.__app-components__app-notification-bar .show-more-notifications .notification-list-item .microsoft-teams-update-notification, .__app-components__app-notification-bar .warning-announcement {
  background-color: #fef1e1
}

.sandbox-notification .info-icon {
  position: relative;
  top: 2px;
  margin-right: 2px
}

.__app-components__app-notification-bar__site-announcement {
  position: fixed;
  z-index: 99;
  text-align: left;
  line-height: 1.4;
  background-color: #f7f5e9;
  width: 100%;
  animation: drop-fade-below .2s ease-in-out;
  left: 0;
  padding: 15px 50px 15px 15px;
  color: #995e00;
  box-shadow: 0 0 1px 0 rgba(0,0,0,.1)
}

  .__app-components__app-notification-bar__site-announcement .close-site-message {
      position: absolute;
      color: #995e00;
      top: 9px;
      right: 20px;
      cursor: pointer;
      text-decoration: none
  }

.notification-item-wrapper {
  background-color: #f7f5e9
}

.site-announcement-item {
  background-color: #fef1e1
}

  .site-announcement-item.danger-warning {
      background-color: #ffecec
  }

.__app-components__app-notification-bar__try-higher-activation {
  text-align: center;
  width: 100%;
  animation: drop-fade-below .2s ease-in-out
}

  .__app-components__app-notification-bar__try-higher-activation .close-site-message {
      position: absolute;
      color: #183247;
      top: -3px;
      right: 15px;
      text-decoration: none
  }

.__ui-components__per-page-dropdown .basic-dropdown-trigger--above.power-select-trigger[aria-expanded=true], .__ui-components__per-page-dropdown .basic-dropdown-trigger--above[aria-expanded=true].select-dropdown-trigger, .__ui-components__per-page-dropdown .basic-dropdown-trigger--below.power-select-trigger[aria-expanded=true], .__ui-components__per-page-dropdown .basic-dropdown-trigger--below[aria-expanded=true].select-dropdown-trigger, .__ui-components__per-page-dropdown .power-select-trigger:focus, .__ui-components__per-page-dropdown .select-dropdown-trigger:focus {
  box-shadow: none
}

.__ui-components__per-page-dropdown .power-select-trigger, .__ui-components__per-page-dropdown .select-dropdown-trigger {
  padding-left: 5px
}

.__ui-components__per-page-dropdown .per-page-dropdown:hover {
  background-color: #cfd7df
}

.__ui-components__per-page-dropdown .per-page-dropdown:has(.power-select-trigger:focus,.select-dropdown-trigger:focus) {
  box-shadow: 0 0 0 2px #2c5cc5
}

.__app-components__app-notification-bar__claim-discount-notification {
  animation: drop-fade-below .2s ease-in-out
}

  .__app-components__app-notification-bar__claim-discount-notification .claim-discount-btn {
      background: #fff
  }

      .__app-components__app-notification-bar__claim-discount-notification .claim-discount-btn .claim-discount-link {
          color: #2c5cc5
      }

  .__app-components__app-notification-bar__claim-discount-notification .close-discount-btn .close-discount-link, .__app-navbar .navbar-item .nav-ext-icon--light, .__app-navbar .navbar-item .nav-icon--light, .__app-navbar .navbar-item .nav-img--light {
      color: #fff
  }

  .__app-components__app-notification-bar__claim-discount-notification .claim-discount-btn .__ui-components__gravity-loader {
      position: unset
  }

  .__app-components__app-notification-bar__claim-discount-notification .claim-discount-btn .gravity-loader {
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%)
  }

  .__app-components__app-notification-bar__claim-discount-notification .close-discount-btn {
      background: rgba(18,52,77,.4);
      border: 1px solid rgba(18,52,77,.2);
      border-radius: 4px
  }

.__app-components__app-shortcuts-help {
  width: 90%;
  margin: 0 auto
}

  .__app-components__app-shortcuts-help .shortcuts-header {
      padding: 0 15px;
      margin-bottom: 30px
  }

      .__app-components__app-shortcuts-help .shortcuts-header .shortcuts-title {
          display: inline-block;
          vertical-align: middle
      }

  .__app-components__app-shortcuts-help .category {
      margin-bottom: 25px
  }

      .__app-components__app-shortcuts-help .category ul {
          list-style-type: none;
          padding: 0
      }

  .__app-components__app-shortcuts-help .shortcut-btn {
      color: #183247;
      background-color: #ebeef0;
      display: inline-block;
      min-width: 30px;
      height: 30px;
      line-height: 2.5;
      text-align: center;
      padding: 0 10px;
      border-radius: 2px;
      margin: 0 3px;
      letter-spacing: .5px;
      box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.17),inset 0 1px 0 0 rgba(255,255,255,.18)
  }

@media only screen and (min-width:1400px) {
  .__app-components__app-shortcuts-help .shortcuts {
      width: 84%
  }
}

.__app-components__app-shortcuts-help__shortcuts-row {
  margin: 11px 0
}

  .__app-components__app-shortcuts-help__shortcuts-row .shortcut-label {
      display: inline-block;
      width: 48%;
      vertical-align: middle
  }

  .__app-components__app-shortcuts-help__shortcuts-row .shortcut-key {
      display: inline-block;
      width: 50%
  }

.__app-components__app-tags {
  display: inline-block
}

  .__app-components__app-tags .tag-list {
      float: left
  }

  .__app-components__app-tags .tag-update {
      vertical-align: top;
      display: inline-block;
      color: #2c5cc5
  }

  .__app-components__app-tags .tag-update-field .basic-dropdown-trigger {
      padding: 2px 10px;
      box-shadow: 0 2px 14px 0 #dadfe3;
      background: #fff;
      border: 1px solid #cfd7df;
      width: 500px;
      border-radius: 2px 2px 0 0
  }

  .__app-components__app-tags .tag-update-field .basic-dropdown-content {
      max-height: 200px;
      overflow: auto
  }

  .__app-components__app-tags .tag-update-field .power-select-trigger-multiple-input {
      margin-left: 5px
  }

.__app-components__app-tags__create-tag .tag-update-field .power-select-status-icon, .__app-components__app-tags__create-tag .tag-update-field .select-dropdown-trigger__status-icon {
  display: none
}

.__app-components__app-tags__create-tag .tag-options {
  word-break: break-all
}

.__app-components__assign-to__options .item-list {
  height: 200px;
  overflow-y: scroll
}

.__app-components__assign-to__options .no-data {
  font-size: 12px;
  color: #acb6be;
  margin: 0 auto;
  padding-top: 50px;
  text-align: center
}

.__app-components__assign-to__options .item {
  border-radius: 3px;
  padding: 8px 42px 8px 16px;
  cursor: pointer;
  position: relative;
  font-size: 13px;
  color: #132537;
  word-wrap: break-word;
  margin: 0 5px
}

.__app-components__assign-to__options .item__count {
  font-size: 13px;
  color: #acb6be;
  font-weight: 400;
  letter-spacing: 1px
}

.__app-components__assign-to__options .item__icon {
  position: absolute;
  right: 20px;
  top: 30%
}

.__app-components__assign-to__options .no-subitems.item-selected::after {
  font-size: 11px;
  content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='12px' height='9px' viewBox='0 0 12 9' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.4 (67378) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3ECheck%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3Cpath d='M4.17095654,7.28764233 C3.74936256,6.89579049 3.08481084,6.91447629 2.68663874,7.32937825 C2.28846663,7.7442802 2.30745383,8.39828338 2.72904782,8.79013522 L5.87904631,11.7179111 C6.3006403,12.109763 6.96519201,12.0910772 7.36336412,11.6761752 L13.3133613,5.47617918 C13.7115334,5.06127722 13.6925462,4.40727405 13.2709522,4.0154222 C12.8493582,3.62357036 12.1848065,3.64225616 11.7866344,4.05715812 L6.55759159,9.50590771 L4.17095654,7.28764233 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='TD-with-Freddy-4-Email' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='ticket-detail--open-copy-2' transform='translate(-1054.000000, -997.000000)'%3E%3Cg id='Group-92' transform='translate(880.000000, 828.000000)'%3E%3Cg id='Group-26'%3E%3Cg id='Group-7' transform='translate(0.000000, 54.000000)'%3E%3Cg id='Group-2' transform='translate(16.000000, 104.000000)'%3E%3Cg id='Icon/new/Check' transform='translate(156.000000, 8.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cuse id='save' fill='%23000000' fill-rule='nonzero' xlink:href='%23path-1'%3E%3C/use%3E%3Cg id='Color/Blue-(Hype)' mask='url(%23mask-2)' fill='%232C5CC5' fill-rule='evenodd'%3E%3Crect id='Color---Jade' x='0' y='0' width='15.8024691' height='15.8024691'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  position: absolute;
  right: 8px;
  top: 30%
}

.__app-components__assign-to__options .item-selected {
  color: #2c5cc5
}

  .__app-components__assign-to__options .item-selected .item__icon {
      fill: #2c5cc5
  }

.__app-components__collapse-expand-more .dropdown__icon, .__ui-components__drop-down .dropdown__icon {
  fill: #3d3d3d
}

.__app-components__assign-to__options .item-highlighted {
  background-color: #ebedf0
}

.__app-components__assign-to__options .vertical-select-options {
  max-height: 200px
}

.__app-components__assign-to__search {
  margin: 2px 0 0;
  position: relative;
  height: 42px
}

  .__app-components__assign-to__search .assignto__searchclose {
      cursor: pointer
  }

  .__app-components__assign-to__search .assignto__search {
      width: 100%;
      border: none;
      max-height: 42px;
      padding: 13px 30px 12px 16px;
      border-bottom: 1px solid #ebeef0;
      transition: .3s opacity ease-in-out
  }

      .__app-components__assign-to__search .assignto__search:focus {
          outline: 0;
          border-bottom-color: #2c5cc5
      }

  .__app-components__assign-to__search .assignto__searchicon {
      position: absolute;
      top: 13px;
      right: 16px
  }

.__app-components__assign-to__title {
  height: 61px;
  background-color: #f8f9fa;
  border-radius: 4px 4px 0 0
}

  .__app-components__assign-to__title .tab {
      width: 50%;
      float: left;
      position: relative;
      opacity: 1;
      transition: opacity .2s linear
  }

  .__app-components__assign-to__title .tab-title {
      font-size: 10px;
      color: #acb6be;
      padding: 12px 2px 2px 16px;
      cursor: pointer;
      letter-spacing: .2px
  }

  .__app-components__assign-to__title .tab-title--required::after {
      font-size: 17px;
      content: "*";
      position: absolute;
      top: 6px;
      color: #ff5959;
      padding-left: 2px
  }

  .__app-components__assign-to__title .tab-value {
      height: 33px;
      font-size: 13px;
      color: #acb6be;
      padding: 2px 2px 2px 16px;
      cursor: pointer
  }

      .__app-components__assign-to__title .tab-value .value-txt {
          width: 102px;
          padding-bottom: 2px
      }

  .__app-components__assign-to__title .tab-value-assigned {
      color: #183247
  }

  .__app-components__assign-to__title .tab-selected .tab-title, .__app-components__collapse-expand-more .dropdown__option.selected {
      color: #2c5cc5
  }

  .__app-components__assign-to__title .tab-remove-icon {
      height: 12px;
      width: 13px;
      padding: 0;
      margin: 1px 2px 0 -2px;
      position: relative
  }

  .__app-components__assign-to__title .property-dropdown--assignTo-img {
      position: relative;
      top: 2px;
      left: 12px;
      display: inline-block
  }

      .__app-components__assign-to__title .property-dropdown--assignTo-img + .tab-title {
          display: inline-block
      }

  .__app-components__assign-to__title .hide-tab {
      visibility: hidden;
      opacity: 0;
      transition: all .2s linear
  }

  .__app-components__assign-to__title .title-bottom {
      clear: both;
      height: 1px;
      border-bottom: solid 1px #dbdfe3;
      position: relative
  }

      .__app-components__assign-to__title .title-bottom .select-line-hold {
          width: 50%;
          position: relative;
          top: -1px;
          padding: 0 14px
      }

      .__app-components__assign-to__title .title-bottom .select-line {
          background-color: #2c5cc5;
          height: 2px
      }

      .__app-components__assign-to__title .title-bottom.selected1 .select-line-hold {
          transform: translateX(0);
          transition: transform .2s
      }

      .__app-components__assign-to__title .title-bottom.selected2 .select-line-hold {
          transform: translateX(100%);
          transition: transform .2s
      }

.with_department .tab, .with_department .title-bottom .select-line-hold {
  width: 33%
}

.with_department .title-bottom.selected0 .select-line-hold {
  transform: translateX(0);
  transition: transform .2s
}

.with_department .title-bottom.selected1 .select-line-hold {
  transform: translateX(100%);
  transition: transform .2s
}

.with_department .title-bottom.selected2 .select-line-hold {
  transform: translateX(200%);
  transition: transform .2s
}

.__app-components__assign-to__trigger__text .custom-padding {
  padding-right: 24px !important
}

.avatar-field .avatar-container {
  display: flex;
  position: relative;
  overflow-x: hidden
}

.avatar-field .form-avatar {
  position: relative
}

.avatar-field .avatar-wrapper {
  margin-left: 16px
}

.avatar-field .input-container {
  display: inline-block;
  position: relative;
  cursor: pointer
}

  .avatar-field .input-container .avatar-text {
      display: block
  }

  .avatar-field .input-container input[type=file] {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      font-size: 10000px
  }

.__app-components__collapse-expand-more {
  display: inline-block
}

  .__app-components__collapse-expand-more .content-truncate__separator {
      text-decoration: none
  }

      .__app-components__collapse-expand-more .content-truncate__separator::after {
          content: ", ";
          margin-left: -2px
      }

      .__app-components__collapse-expand-more .content-truncate__separator:last-child::after {
          content: ""
      }

      .__app-components__collapse-expand-more .content-truncate__separator:hover {
          text-decoration: none
      }

  .__app-components__collapse-expand-more .dropdown__option--wrapper {
      max-height: 200px;
      overflow-y: auto;
      border-radius: 3px;
      padding: 10px 5px 5px
  }

  .__app-components__collapse-expand-more .dropdown__option {
      cursor: pointer;
      position: relative;
      margin-bottom: 5px;
      font-size: 12px;
      padding: 2px 0 2px 5px;
      border-radius: 3px
  }

      .__app-components__collapse-expand-more .dropdown__option:hover {
          background-color: #ebeff3
      }

      .__app-components__collapse-expand-more .dropdown__option.selected::before {
          content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='12px' height='9px' viewBox='0 0 12 9' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.4 (67378) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3ECheck%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3Cpath d='M4.17095654,7.28764233 C3.74936256,6.89579049 3.08481084,6.91447629 2.68663874,7.32937825 C2.28846663,7.7442802 2.30745383,8.39828338 2.72904782,8.79013522 L5.87904631,11.7179111 C6.3006403,12.109763 6.96519201,12.0910772 7.36336412,11.6761752 L13.3133613,5.47617918 C13.7115334,5.06127722 13.6925462,4.40727405 13.2709522,4.0154222 C12.8493582,3.62357036 12.1848065,3.64225616 11.7866344,4.05715812 L6.55759159,9.50590771 L4.17095654,7.28764233 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='TD-with-Freddy-4-Email' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='ticket-detail--open-copy-2' transform='translate(-1054.000000, -997.000000)'%3E%3Cg id='Group-92' transform='translate(880.000000, 828.000000)'%3E%3Cg id='Group-26'%3E%3Cg id='Group-7' transform='translate(0.000000, 54.000000)'%3E%3Cg id='Group-2' transform='translate(16.000000, 104.000000)'%3E%3Cg id='Icon/new/Check' transform='translate(156.000000, 8.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cuse id='save' fill='%23000000' fill-rule='nonzero' xlink:href='%23path-1'%3E%3C/use%3E%3Cg id='Color/Blue-(Hype)' mask='url(%23mask-2)' fill='%232C5CC5' fill-rule='evenodd'%3E%3Crect id='Color---Jade' x='0' y='0' width='15.8024691' height='15.8024691'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
          position: absolute;
          right: 10px
      }

  .__app-components__collapse-expand-more .description {
      text-indent: 16px;
      color: #989e9d
  }

  .__app-components__collapse-expand-more .title {
      margin: 4px 0 6px 5px;
      font-size: 12px;
      color: #989e9d
  }

  .__app-components__collapse-expand-more .basic-dropdown .basic-dropdown-content {
      min-width: 160px;
      border-radius: 3px;
      padding: 0;
      z-index: 3;
      animation: none
  }

.__app-components__fsm-scheduler .__ui-components__event-scheduler .no-scroll {
  overflow: hidden
}

.__app-components__fsm-scheduler .__ui-components__event-scheduler.day-view .calendar__header--slot {
  align-items: start
}

.__app-components__fsm-scheduler .__ui-components__event-scheduler.day-view .calendar__row--grid {
  grid-template-columns: repeat(96,25px)
}

.__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content .calendar__row--name {
  justify-content: flex-start
}

.__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content .calendar__row--grid {
  grid-auto-rows: 53px;
  grid-template-rows: 53px
}

.__app-components__fsm-scheduler .__ui-components__event-scheduler .event-wrapper.extended-left::before, .__app-components__fsm-scheduler .__ui-components__event-scheduler .event-wrapper.extended-right::after, .__app-components__fsm-scheduler .__ui-components__event-scheduler .extended-event {
  border-top-width: 26.5px;
  border-bottom-width: 26.5px;
  border-right-width: 12px
}

.__app-components__fsm-scheduler .__ui-components__event-scheduler .event-wrapper .event {
  padding: 8px 4px 8px 8px
}

.__app-components__fsm-scheduler .__ui-components__event-scheduler .event-wrapper.extended-left .event {
  padding-left: 12px
}

.__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content:nth-child(6n+1) .es-agent-avatar .avatar-block {
  background-color: #fceee2;
  border: 1px solid #efd5bf;
  color: #593a1f;
  width: 100%
}

.__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content:nth-child(6n+1) .event {
  background-color: #fceee2;
  border: 1px solid #efd5bf;
  color: #593a1f
}

  .__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content:nth-child(6n+1) .event:focus-within {
      box-shadow: inset 0 0 0 1px #efd5bf
  }

  .__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content:nth-child(6n+1) .event .separator-icon {
      fill: #593a1f
  }

  .__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content:nth-child(6n+1) .event .contact-name {
      color: rgba(89,58,31,.8)
  }

  .__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content:nth-child(6n+1) .event.completed {
      background-image: repeating-linear-gradient(35deg,transparent 0 4px,#979797 0 4.3px);
      opacity: .6
  }

.__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content:nth-child(6n+2) .es-agent-avatar .avatar-block {
  background-color: #e2f9fc;
  border: 1px solid #bfeaef;
  color: #1f5259;
  width: 100%
}

.__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content:nth-child(6n+2) .event {
  background-color: #e2f9fc;
  border: 1px solid #bfeaef;
  color: #1f5259
}

  .__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content:nth-child(6n+2) .event:focus-within {
      box-shadow: inset 0 0 0 1px #bfeaef
  }

  .__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content:nth-child(6n+2) .event .separator-icon {
      fill: #1f5259
  }

  .__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content:nth-child(6n+2) .event .contact-name {
      color: rgba(31,82,89,.8)
  }

  .__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content:nth-child(6n+2) .event.completed {
      background-image: repeating-linear-gradient(35deg,transparent 0 4px,#979797 0 4.3px);
      opacity: .6
  }

.__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content:nth-child(6n+3) .es-agent-avatar .avatar-block {
  background-color: #d4d3ff;
  border: 1px solid #b1b0f4;
  color: #19175d;
  width: 100%
}

.__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content:nth-child(6n+3) .event {
  background-color: #d4d3ff;
  border: 1px solid #b1b0f4;
  color: #19175d
}

  .__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content:nth-child(6n+3) .event:focus-within {
      box-shadow: inset 0 0 0 1px #b1b0f4
  }

  .__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content:nth-child(6n+3) .event .separator-icon {
      fill: #19175d
  }

  .__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content:nth-child(6n+3) .event .contact-name {
      color: rgba(25,23,93,.8)
  }

  .__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content:nth-child(6n+3) .event.completed {
      background-image: repeating-linear-gradient(35deg,transparent 0 4px,#979797 0 4.3px);
      opacity: .6
  }

.__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content:nth-child(6n+4) .es-agent-avatar .avatar-block {
  background-color: #ffd6d6;
  border: 1px solid #f4b2b2;
  color: #5e1717;
  width: 100%
}

.__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content:nth-child(6n+4) .event {
  background-color: #ffd6d6;
  border: 1px solid #f4b2b2;
  color: #5e1717
}

  .__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content:nth-child(6n+4) .event:focus-within {
      box-shadow: inset 0 0 0 1px #f4b2b2
  }

  .__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content:nth-child(6n+4) .event .separator-icon {
      fill: #5e1717
  }

  .__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content:nth-child(6n+4) .event .contact-name {
      color: rgba(94,23,23,.8)
  }

  .__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content:nth-child(6n+4) .event.completed {
      background-image: repeating-linear-gradient(35deg,transparent 0 4px,#979797 0 4.3px);
      opacity: .6
  }

.__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content:nth-child(6n+5) .es-agent-avatar .avatar-block {
  background-color: #dff0ff;
  border: 1px solid #b9d9f5;
  color: #183e60;
  width: 100%
}

.__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content:nth-child(6n+5) .event {
  background-color: #dff0ff;
  border: 1px solid #b9d9f5;
  color: #183e60
}

  .__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content:nth-child(6n+5) .event:focus-within {
      box-shadow: inset 0 0 0 1px #b9d9f5
  }

  .__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content:nth-child(6n+5) .event .separator-icon {
      fill: #183e60
  }

  .__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content:nth-child(6n+5) .event .contact-name {
      color: rgba(24,62,96,.8)
  }

  .__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content:nth-child(6n+5) .event.completed {
      background-image: repeating-linear-gradient(35deg,transparent 0 4px,#979797 0 4.3px);
      opacity: .6
  }

.__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content:nth-child(6n+6) .es-agent-avatar .avatar-block {
  background-color: #fdf;
  border: 1px solid #f5b8f5;
  color: #5f185f;
  width: 100%
}

.__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content:nth-child(6n+6) .event {
  background-color: #fdf;
  border: 1px solid #f5b8f5;
  color: #5f185f
}

  .__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content:nth-child(6n+6) .event:focus-within {
      box-shadow: inset 0 0 0 1px #f5b8f5
  }

  .__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content:nth-child(6n+6) .event .separator-icon {
      fill: #5f185f
  }

  .__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content:nth-child(6n+6) .event .contact-name {
      color: rgba(95,24,95,.8)
  }

  .__app-components__fsm-scheduler .__ui-components__event-scheduler .calendar__content:nth-child(6n+6) .event.completed {
      background-image: repeating-linear-gradient(35deg,transparent 0 4px,#979797 0 4.3px);
      opacity: .6
  }

.__app-navbar .navbar-item .nav-link:not([disabled]).active .nav-img, .__app-navbar .navbar-item .nav-link:not([disabled]):hover .nav-img {
  opacity: 1
}

.__app-components__fsm-scheduler__agent-card {
  width: inherit;
  padding: 10px
}

  .__app-components__fsm-scheduler__agent-card .es-agent-avatar {
      margin: 0 8px
  }

  .__app-components__fsm-scheduler__agent-card .agent-contact-no {
      font-size: 12px;
      color: #6f7c87;
      margin-top: 2px
  }

.business-info-modal-container .business-info-modal-close {
  height: 24px;
  width: 24px;
  top: 12px;
  right: 12px
}

.business-info-modal-container .business-info-modal-form {
  margin-bottom: 0
}

.__app-components__fsm-scheduler__header-card {
  width: inherit;
  padding: 10px
}

.__app-components__fsm-scheduler__ticket-card .card__header {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 1px
}

  .__app-components__fsm-scheduler__ticket-card .card__header .separator-icon {
      width: 6px;
      height: 8px;
      margin: 0 2px
  }

.__app-components__fsm-scheduler__ticket-card .card .subject {
  font-weight: 600
}

.fsm-scheduler-event-detail .detail-card {
  padding: 12px 20px;
  width: 330px
}

.fsm-scheduler-event-detail .detail-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px
}

.fsm-scheduler-event-detail .detail-card__header--left {
  margin-right: 8px;
  overflow: hidden;
  flex: 1
}

.fsm-scheduler-event-detail .detail-card__content {
  margin-bottom: 6px
}

  .fsm-scheduler-event-detail .detail-card__content .subject {
      font-weight: 500
  }

.fsm-scheduler-event-detail .detail-card__footer {
  font-size: 12px
}

.__app-components__fsm-scheduler-tasks-list .es__external-events .external-event-wrapper .event {
  padding: 0
}

.__app-components__fsm-scheduler-tasks-list__ticket-card.card {
  font-size: 12px
}

  .__app-components__fsm-scheduler-tasks-list__ticket-card.card .card__data {
      margin-bottom: 4px
  }

  .__app-components__fsm-scheduler-tasks-list__ticket-card.card .card__data--icon {
      margin-right: 4px;
      padding-top: 4px
  }

  .__app-components__fsm-scheduler-tasks-list__ticket-card.card .card__data--content {
      flex-grow: 1
  }

  .__app-components__fsm-scheduler-tasks-list__ticket-card.card .card__header {
      margin: 12px 12px 6px
  }

  .__app-components__fsm-scheduler-tasks-list__ticket-card.card .card__body {
      margin: 6px 12px 0
  }

      .__app-components__fsm-scheduler-tasks-list__ticket-card.card .card__body .subject {
          font-weight: 500
      }

      .__app-components__fsm-scheduler-tasks-list__ticket-card.card .card__body .responder__data {
          display: inline-block;
          vertical-align: middle
      }

      .__app-components__fsm-scheduler-tasks-list__ticket-card.card .card__body .responder__data--group {
          max-width: 49%
      }

      .__app-components__fsm-scheduler-tasks-list__ticket-card.card .card__body .responder__data--agent {
          display: inline;
          vertical-align: baseline
      }

  .__app-components__fsm-scheduler-tasks-list__ticket-card.card .card__footer {
      padding: 6px 12px 2px;
      border-top: 1px solid #cfd7df
  }

      .__app-components__fsm-scheduler-tasks-list__ticket-card.card .card__footer .card__data:last-child {
          margin-bottom: 0
      }

.__app-components__fsm-scheduler-tasks-list__ticket-card.ticket-placeholder .placeholder-icon {
  margin: 4px 0
}

.__app-components__fsm-scheduler-tasks-list__ticket-card.ticket-placeholder .placeholder-item {
  margin: 6px 4px 2px
}

  .__app-components__fsm-scheduler-tasks-list__ticket-card.ticket-placeholder .placeholder-item.ml-0 {
      margin-left: 0
  }

.__app-components__fsm-scheduler-tasks-list__ticket-card.ticket-placeholder .card__footer {
  padding-top: 0
}

.__app-components__global-feedback-box {
  display: inline-block
}

  .__app-components__global-feedback-box .global-feedback-trigger {
      padding: 0 10px;
      margin: 0;
      position: relative;
      bottom: 5px
  }

      .__app-components__global-feedback-box .global-feedback-trigger.active {
          background-color: #ebedf0
      }

      .__app-components__global-feedback-box .global-feedback-trigger:focus {
          background: #fff
      }

      .__app-components__global-feedback-box .global-feedback-trigger.app-icon-btn[disabled] {
          color: inherit;
          cursor: default
      }

  .__app-components__global-feedback-box .global-feedback-form {
      font-size: 13px;
      height: auto;
      width: auto;
      color: #183247;
      z-index: 5
  }

      .__app-components__global-feedback-box .global-feedback-form .widget {
          min-height: 200px;
          max-height: auto;
          width: 330px;
          background: #fff;
          border-radius: 2px
      }

      .__app-components__global-feedback-box .global-feedback-form .widget--content {
          animation-name: fadeIn;
          animation-duration: .5s
      }

      .__app-components__global-feedback-box .global-feedback-form .widget .feedback--heading {
          color: #12344d;
          margin-top: 24px;
          padding-left: 24px
      }

      .__app-components__global-feedback-box .global-feedback-form .widget .action {
          position: relative;
          margin-top: 16px;
          width: 100%;
          background-color: #f5f7f9
      }

      .__app-components__global-feedback-box .global-feedback-form .widget .fr-toolbar .fr-command.fr-btn[data-cmd=insertImage] {
          padding: 0;
          margin: 2px;
          width: 24px;
          height: 24px
      }

      .__app-components__global-feedback-box .global-feedback-form .widget .fr-toolbar .fr-btn-grp {
          margin: 0
      }

      .__app-components__global-feedback-box .global-feedback-form .widget .fr-toolbar .fr-newline {
          background: 0 0
      }

      .__app-components__global-feedback-box .global-feedback-form .response {
          width: 330px
      }

          .__app-components__global-feedback-box .global-feedback-form .response .action {
              position: relative;
              background-color: #f5f7f9
          }

          .__app-components__global-feedback-box .global-feedback-form .response .success-image {
              height: 200px
          }

  .__app-components__global-feedback-box .attachment-trigger {
      float: left;
      margin-left: 12px;
      padding: 5px 6px 2px;
      cursor: pointer
  }

      .__app-components__global-feedback-box .attachment-trigger .app-icon-fileupload {
          cursor: pointer;
          bottom: 0
      }

      .__app-components__global-feedback-box .attachment-trigger:hover {
          background: #dadfe3
      }

  .__app-components__global-feedback-box .attachment-container {
      margin: 5px 16px 0;
      border-top: 1px dashed #cfd7df;
      padding-top: 5px
  }

  .__app-components__global-feedback-box .attachment {
      max-height: 72px;
      overflow: auto;
      padding: 0;
      margin: 0
  }

      .__app-components__global-feedback-box .attachment .attachment__item {
          display: inline-block;
          margin-bottom: 0
      }

      .__app-components__global-feedback-box .attachment .attachment__excluded {
          margin-top: 0
      }

.__app-navbar {
  position: fixed;
  display: flex;
  flex-direction: column;
  top: 0;
  bottom: 0;
  left: 0;
  width: 64px;
  background-color: #12344d;
  z-index: 900;
  line-height: 20px
}

  .__app-navbar ul {
      padding: 0;
      margin: 0
  }

  .__app-navbar li {
      list-style: none
  }

  .__app-navbar a {
      text-decoration: none
  }

  .__app-navbar .navbar-header {
      padding: 8px;
      background-color: rgba(0,0,0,.24);
      height: auto;
      max-height: 64px
  }

      .__app-navbar .navbar-header .nav-logo-wrapper {
          padding: 8px;
          display: inline-block;
          border-radius: 4px;
          background-color: transparent
      }

          .__app-navbar .navbar-header .nav-logo-wrapper .nav-logo {
              width: 32px;
              height: 32px
          }

  .__app-navbar .nav-logo-wrapper:focus, .__app-navbar .navbar-item .nav-link:focus {
      outline: 0;
      background-color: rgba(0,0,0,.16);
      box-shadow: 0 0 0 2px #2c5cc5
  }

  .__app-navbar .navbar-body {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 100%;
      margin: 12px
  }

      .__app-navbar .navbar-body .nav-list {
          min-height: 1px
      }

  .__app-navbar .navbar-footer {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      margin-top: 12px
  }

  .__app-navbar .pinned-apps {
      margin-top: 12px
  }

  .__app-navbar .navbar-item {
      margin-bottom: 12px
  }

      .__app-navbar .navbar-item .nav-link {
          display: inline-block;
          border-radius: 4px;
          transition: .2s ease background-color;
          padding: 0
      }

          .__app-navbar .navbar-item .nav-link .nav-icon, .__app-navbar .navbar-item .nav-link .nav-img {
              transition: .2s ease transform
          }

          .__app-navbar .navbar-item .nav-link:not([disabled]):active .nav-icon, .__app-navbar .navbar-item .nav-link:not([disabled]):active .nav-img {
              transform: scale(.9)
          }

          .__app-navbar .navbar-item .nav-link:not([disabled]):hover {
              background-color: rgba(0,0,0,.16)
          }

          .__app-navbar .navbar-item .nav-link:not([disabled]).active {
              background-color: #264966
          }

      .__app-navbar .navbar-item .nav-icon-wrapper {
          padding: 10px;
          display: inline-block
      }

      .__app-navbar .navbar-item .nav-ext-icon, .__app-navbar .navbar-item .nav-icon, .__app-navbar .navbar-item .nav-img {
          width: 20px;
          height: 20px;
          vertical-align: bottom
      }

      .__app-navbar .navbar-item .nav-ext-icon--dark, .__app-navbar .navbar-item .nav-icon--dark, .__app-navbar .navbar-item .nav-img--dark {
          color: rgba(0,0,0,.8)
      }

      .__app-navbar .navbar-item .nav-icon {
          fill: #b1bdc8
      }

      .__app-navbar .navbar-item .nav-img {
          opacity: .56
      }

      .__app-navbar .navbar-item .nav-ext-icon {
          opacity: .72
      }

      .__app-navbar .navbar-item:last-child {
          margin-bottom: 0
      }

  .__app-navbar .navbar-dropdown .navbar-dropdown-content {
      border-radius: 4px;
      margin-left: 8px
  }

  .__app-navbar .navbar-dropdown .navbar-dropdown-fixed-height .nav-list {
      max-height: 200px;
      overflow-y: auto
  }

  .__app-navbar .navbar-dropdown .dropdown-sub-menu {
      display: flex;
      justify-content: space-between;
      align-items: center
  }

  .__app-navbar .navbar-dropdown .nav-list {
      margin: 8px
  }

      .__app-navbar .navbar-dropdown .nav-list .navbar-item {
          margin-bottom: 0
      }

          .__app-navbar .navbar-dropdown .nav-list .navbar-item .nav-link.active {
              background-color: transparent
          }

      .__app-navbar .navbar-dropdown .nav-list .nav-link {
          width: 100%;
          padding: 10px;
          white-space: nowrap;
          text-align: left;
          color: #183247
      }

          .__app-navbar .navbar-dropdown .nav-list .nav-link:not([disabled]).active:hover, .__app-navbar .navbar-dropdown .nav-list .nav-link:not([disabled]):focus, .__app-navbar .navbar-dropdown .nav-list .nav-link:not([disabled]):hover {
              background-color: #ebeff3 !important;
              box-shadow: none;
              outline: 0
          }

  .__app-navbar .navbar-dropdown .dropdown-menu {
      margin-left: 8px
  }

  .__app-navbar .freshcaller-addon-widget .nav-link {
      position: relative
  }

      .__app-navbar .freshcaller-addon-widget .nav-link .animate-phone-icon {
          position: absolute;
          background: #2c5cc5;
          height: 6px;
          width: 6px;
          border-radius: 3px;
          top: 5px;
          right: 5px
      }

  .__app-navbar.darker .navbar-item .nav-icon {
      fill: rgba(0,0,0,.56)
  }

  .__app-navbar.darker .navbar-item .nav-link:not([disabled]).active .nav-icon, .__app-navbar.darker .navbar-item .nav-link:not([disabled]):hover .nav-icon {
      fill: rgba(0,0,0,.8)
  }

  .__app-navbar.lighter .navbar-item .nav-icon, .christmas-theme .__app-navbar .navbar-item .nav-icon {
      fill: rgba(255,255,255,.72)
  }

  .__app-navbar.darker .navbar-item .nav-link:not([disabled]).active .nav-ext-icon, .__app-navbar.darker .navbar-item .nav-link:not([disabled]):hover .nav-ext-icon {
      opacity: 1
  }

  .__app-navbar.darker .navbar-item .nav-link:not([disabled]).active, .__app-navbar.darker .navbar-item .nav-link:not([disabled]):hover {
      background-color: rgba(0,0,0,.16)
  }

  .__app-components__welcome-tour .channel__content .channel__item-selected .app-icon, .__app-navbar.lighter .navbar-item .nav-link:not([disabled]).active .nav-icon, .__app-navbar.lighter .navbar-item .nav-link:not([disabled]):hover .nav-icon {
      fill: #fff
  }

  .__app-navbar.lighter .navbar-item .nav-link:not([disabled]).active .nav-ext-icon, .__app-navbar.lighter .navbar-item .nav-link:not([disabled]):hover .nav-ext-icon {
      opacity: 1
  }

  .__app-navbar.lighter .navbar-item .nav-link:not([disabled]).active, .__app-navbar.lighter .navbar-item .nav-link:not([disabled]):hover {
      background-color: rgba(255,255,255,.16)
  }

  .__app-navbar .full_page_app_dropdown.navbar-dropdown-content {
      max-height: 180px;
      overflow-x: scroll
  }

.navbar-addon-widgets .cti-widget-container {
  position: fixed;
  bottom: 10px;
  padding: 8px;
  border-radius: 12px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.1),0 0 20px 0 rgba(0,0,0,.2);
  left: 84px;
  z-index: 1000;
  display: block;
  background-color: #fff
}

  .navbar-addon-widgets .cti-widget-container .app-details {
      width: 360px;
      height: 360px
  }

.__app-components__infinite-scroll .infinite-scroll-loader {
  bottom: 0;
  width: 94%;
  text-align: center;
  height: auto;
  font-weight: 500
}

.__app-components__inline-manual-triggers .mint-tour-prompt-right-bottom {
  width: 1px;
  height: 1px;
  position: fixed;
  right: 10px;
  bottom: 10px
}

.__app-components__list-dropdown .value-counter {
  margin-left: 2px
}

.__marketplace-list .file-upload-btn {
  width: 28px;
  height: 28px;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  z-index: 5
}

.__marketplace-list .attachments-placeholder {
  display: none
}

.__marketplace-list .mkp-attachment {
  background-color: #fff;
  display: inline-block;
  border-radius: 2px;
  border: 1px solid #cfd7df;
  box-shadow: 0 2px 8px 0 #ebeff3;
  position: absolute;
  z-index: 5;
  padding: 3px;
  bottom: 38px;
  left: 0
}

  .__marketplace-list .mkp-attachment .attachment-icon {
      padding: 6px 6px 4px
  }

      .__marketplace-list .mkp-attachment .attachment-icon .app-icon-fileupload {
          width: 30px;
          height: 30px
      }

  .__marketplace-list .mkp-attachment .attachment-list {
      cursor: pointer;
      list-style: none;
      display: table-cell;
      vertical-align: middle;
      width: 27px;
      text-align: center;
      padding-right: 10px
  }

  .__marketplace-list .mkp-attachment svg.app-icon-attachment {
      position: static
  }

  .__marketplace-list .mkp-attachment .mkp-files-placeholder {
      padding-left: 0;
      margin-bottom: 0;
      display: inline
  }

  .__marketplace-list .mkp-attachment .app-icon-fileupload {
      width: 20px
  }

  .__marketplace-list .mkp-attachment .mkp-attachment li button {
      padding: 0
  }

  .__marketplace-list .mkp-attachment::after, .__marketplace-list .mkp-attachment::before {
      top: 100%;
      left: 15%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none
  }

  .__marketplace-list .mkp-attachment::after {
      border-top-color: #fff;
      border-width: 5px;
      margin-left: -6px
  }

  .__marketplace-list .mkp-attachment::before {
      border-top-color: #cfd7df;
      border-width: 6px;
      margin-left: -7px
  }

.__marketplace-list .conversation-app-icon {
  height: 16px;
  width: 16px;
  vertical-align: initial
}

.__app-components__network-alert .fresh-tips .fresh-tips__cta {
  padding: 0 20px
}

  .__app-components__network-alert .fresh-tips .fresh-tips__cta .fresh-tips-secondary-action {
      text-transform: uppercase
  }

.__app-components__availability .out-of-office .input .datepicker-demo-input {
  margin: 0;
  width: 130px
}

.__app-components__availability .out-of-office .time-picker .time-input {
  width: 100px
}

.__app-components__availability .out-of-office .separator {
  border-bottom: 1px solid #777c80;
  width: 8px
}

.__app-components__availability .out-of-office .disabledFormField {
  width: 130px;
  min-height: 32px;
  border-radius: 4px;
  padding: 4px 12px 5px;
  border: 1px solid #cfd7df;
  font-weight: 500
}

.__app-components__availability .out-of-office .content-padding {
  padding: 5px 20px
}

.__app-components__availability .action-buttons {
  background-color: #f5f7f9;
  border-top: 1px solid #ebeff3;
  border-radius: 0 0 4px 4px;
  padding: 10px 20px
}

.status-item .selected, .status-item:focus .status-row, .status-item:hover .status-row {
  background-color: #e5f2fd
}

.__app-components__availability .modal-dialog--large {
  border-radius: 4px
}

  .__app-components__availability .modal-dialog--large .cross-icon {
      position: fixed;
      right: 12px;
      top: 8px
  }

.__app-components__availability .prompt-dialog {
  max-width: 600px
}

.dropdown-options {
  border: 1px solid #ebeef0
}

  .dropdown-options.ooo-item {
      width: 256px
  }

  .dropdown-options > .dropdown-section:not(:first-child) {
      border-top: 1px solid #ebeff3;
      padding-top: 8px
  }

  .dropdown-options .shortday-width {
      max-width: 196px
  }

.__ui-components__drag-and-drop-file .drag-n-drop .attachment__item-text, .status-item .status-name {
  max-width: 180px
}

.dropdown-options .status-list {
  max-height: 280px;
  overflow-y: auto
}

.status-item .status-icon {
  width: 22px;
  line-height: 1
}

.status-item .channel-availability .channel-item {
  cursor: pointer;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  margin-right: 8px;
  min-width: 28px;
  box-shadow: none;
  outline: 0;
  border: none
}

.status-item .channel-availability .inactive {
  background-color: #f5f7f9
}

.status-trigger-text {
  max-width: 170px
}

.__app-components__preview-logo .logoPreview {
  height: 100%;
  width: 100%;
  max-height: 45px;
  max-width: 45px;
  font-size: 10px
}

.__app-components__preview-logo.logo-bg {
  box-shadow: 0 2px 5px 0 rgba(22,29,37,.05),0 0 1px 0 rgba(24,50,71,.3);
  border-radius: 3px;
  padding: 4px;
  background: #e0e0e0;
  border: 1px solid #d2d2d2;
  height: 45px;
  width: 45px
}

.__app-components__screen-overlay .screen-overlay {
  background-color: #fff;
  opacity: 1;
  width: 100%;
  height: 100%;
  z-index: 1020;
  position: fixed;
  top: 0;
  left: 0;
  animation: fadeInPartial .3s ease
}

.__app-components__screen-overlay .screen-overlay-action {
  position: absolute;
  right: 30px;
  top: 30px;
  z-index: 9999
}

.__app-components__to-do .todo-selected {
  text-decoration: line-through;
  color: #acb6be
}

.__app-components__to-do .todo-add {
  position: absolute;
  top: 3px;
  padding: 1px
}

.__app-components__to-do .todo-link {
  color: #6f7c87
}

  .__app-components__to-do .todo-link:hover {
      color: #183247;
      text-decoration-color: #183247
  }

.__app-components__to-do .todo-input-content {
  position: relative
}

.__app-components__to-do .todo-body {
  vertical-align: middle;
  font-weight: 600;
  font-size: 14px
}

.__app-components__to-do .todo-text {
  position: relative;
  padding: 12px 0 12px 2px;
  min-height: 35px;
  display: grid
}

.__app-components__to-do .todo-text-btn {
  position: absolute;
  padding: 0 5px;
  background-color: #ebeff3;
  right: 0;
  top: 0;
  height: calc(100% - 1px);
  justify-content: flex-end;
  display: flex;
  align-items: center
}

.__app-components__to-do .todo-item-wrapper {
  display: table;
  width: 100%;
  border-bottom: 1px solid #ebeff3
}

  .__app-components__to-do .todo-item-wrapper .checkbox-wrapper {
      display: table-cell;
      width: 20px;
      padding-left: 6px
  }

.__app-components__to-do .todo-item-wrapper-text {
  display: table-cell
}

.__app-components__to-do .todo__item {
  position: relative;
  word-break: break-word;
  -ms-word-wrap: break-word;
  word-wrap: break-word
}

  .__app-components__to-do .todo__item .input {
      margin-bottom: -1px
  }

  .__app-components__to-do .todo__item .edit-todo {
      padding: 0;
      margin-right: 10px
  }

      .__app-components__to-do .todo__item .edit-todo .todo-input {
          padding-left: 0;
          padding-top: 10px
      }

  .__app-components__to-do .todo__item .todo-text-btn {
      opacity: 0
  }

  .__app-components__to-do .todo__item:hover .todo-text-btn {
      opacity: 1;
      font-size: 14px;
      transition: .3s ease-in-out
  }

.__app-components__to-do .todo__item-subtext {
  color: #2c5cc5;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 5px;
  margin-left: 1px
}

.__app-components__to-do .todo input[type=checkbox] {
  margin-top: 1px
}

.__app-components__to-do .todo-input {
  margin: 0;
  resize: none;
  border: none;
  background-color: transparent;
  border-bottom: 1px #cfd7df solid;
  width: 100%;
  padding-left: 20px
}

  .__app-components__to-do .todo-input:focus {
      outline: 0;
      border-bottom: 1px #2c5cc5 solid;
      max-height: auto;
      overflow-y: auto
  }

.__app-components__to-do .todo-delete, .__app-components__to-do .todo-edit {
  color: #666;
  margin: 0 5px
}

.__app-components__to-do .todo .todo__item.make-active {
  background-color: #ebeff3
}

.__app-components__to-do .input textarea + label {
  top: 15px
}

.__app-components__to-do .todo-source {
  padding-left: 2px
}

.__app-components__to-do .reminder-time {
  padding-left: 2px;
  font-weight: 500;
  padding-top: 2px
}

.__app-components__to-do.omnichannel-widget-todo {
  padding: 24px 0
}

  .__app-components__to-do.omnichannel-widget-todo .todo-input-content {
      margin-top: 0
  }

  .__app-components__to-do.omnichannel-widget-todo .todo {
      height: 170px
  }

.__video-modal {
  padding-bottom: 4vh
}

  .__video-modal.video-popup.in .prompt-dialog {
      overflow-y: hidden
  }

  .__video-modal .video-modal-close {
      position: absolute;
      top: 20px;
      right: 20px;
      background-color: #f5f7f9;
      width: 32px;
      height: 32px
  }

  .__video-modal .lowercase-first-letter {
      display: inline-block
  }

  .__video-modal .title {
      padding: 8px;
      text-align: center
  }

  .__video-modal .feature-video {
      height: 350px;
      margin: auto;
      padding: 2px;
      width: 628px
  }

      .__video-modal .feature-video .wistia_embed {
          height: 100%;
          width: 100%
      }

  .__video-modal .metrics {
      margin: 40px 0;
      position: relative
  }

      .__video-modal .metrics .info {
          margin: 0 auto;
          padding: 0;
          position: relative;
          text-align: center;
          width: 628px
      }

          .__video-modal .metrics .info::before {
              background: #cfd7df;
              content: "";
              height: 2px;
              left: 0;
              position: absolute;
              top: 14px;
              width: 100%
          }

          .__video-modal .metrics .info > span {
              background: #fff;
              padding: 0 16px;
              position: relative;
              z-index: 1
          }

      .__video-modal .metrics .subtext {
          padding-top: 18px;
          text-align: center
      }

.upgrade-to-cxsuite-modal-header.nucleus-modal__header.sticky {
  padding: 0
}

.upgrade-to-cxsuite-video-modal-wrapper .info-video {
  width: 736px;
  height: 338px
}

.upgrade-to-cxsuite-video-modal-wrapper .wistia_embed {
  width: 100%;
  height: 100%
}

.upgrade-to-cxsuite-video-modal-wrapper .upgrade-now-btn {
  padding: 0 60px
}

.upgrade-to-cxsuite-pricing-modal {
  min-width: 490px
}

  .upgrade-to-cxsuite-pricing-modal .plan-column {
      width: 245px
  }

.upgrade-to-cxsuite-confirm-modal {
  width: 560px
}

  .upgrade-to-cxsuite-confirm-modal .pricing-section-container {
      width: 420px
  }

  .upgrade-to-cxsuite-confirm-modal .cx-suite-upgrade-confirm-btn {
      margin-bottom: 0
  }

      .upgrade-to-cxsuite-confirm-modal .cx-suite-upgrade-confirm-btn input[type=number], .upgrade-to-cxsuite-confirm-modal .cx-suite-upgrade-confirm-btn input[type=number]:focus {
          padding-left: 40px;
          background-size: 16px 16px;
          width: 250px;
          margin-bottom: 5px
      }

.show-upgrade-confirmation-modal {
  width: 640px
}

.__app-components__welcome-tour .tour {
  position: absolute;
  padding: 20px;
  box-sizing: border-box;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 800px;
  height: 600px;
  margin: auto;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 18px 0 rgba(0,0,0,.2)
}

.__app-components__welcome-tour .tour-welcome {
  width: 650px;
  height: 480px
}

.__app-components__welcome-tour .tour-step {
  animation: createBox .25s
}

.__app-components__welcome-tour .tour__buttonwrap {
  text-align: center
}

.__app-components__welcome-tour .tour__largebutton {
  border-radius: 4px;
  height: 44px;
  width: 240px;
  font-size: 14px
}

.__app-components__welcome-tour .tour__navigation {
  position: absolute;
  bottom: 0;
  height: 80px;
  width: 100%;
  left: 0;
  right: 0;
  padding: 25px;
  border-top: 1px solid #ebeff3
}

  .__app-components__welcome-tour .tour__navigation .skip-tour {
      margin-top: 7px
  }

  .__app-components__welcome-tour .tour__navigation .finish-tour {
      margin-top: 7px;
      color: #12344d
  }

  .__app-components__welcome-tour .tour__navigation .previous-btn {
      margin-right: -4px;
      border-right: none
  }

.__app-components__welcome-tour .tour__completion {
  margin-right: 12px
}

.__app-components__welcome-tour .tour .button-info {
  margin-top: 10px
}

.__app-components__welcome-tour .tour .send-invite {
  margin-top: 40px
}

.__app-components__welcome-tour .tour .send-invite__button {
  padding-left: 20px
}

.__app-components__welcome-tour .tour__image-wrapper {
  text-align: center
}

.__app-components__welcome-tour .welcome-image {
  width: 109px;
  height: 109px;
  margin-top: 25px
}

.__app-components__welcome-tour .tour-image {
  width: 350px;
  height: 145px;
  margin-top: 30px
}

.__app-components__welcome-tour .agents-email {
  width: 80%;
  margin: auto
}

.__app-components__welcome-tour .agents-email__validationfailed {
  margin-top: 5px;
  color: #d72d30
}

.__app-components__welcome-tour .tour__content {
  text-align: center;
  margin-bottom: 25px
}

.__app-components__welcome-tour .tour__content--title {
  margin-bottom: 18px;
  color: #000;
  font-size: 22px
}

.__app-components__welcome-tour .tour__content--info {
  line-height: 1.4;
  font-size: 14px;
  margin: auto
}

.__app-components__welcome-tour .invite-agents .power-select-trigger-multiple-input, .quick-start .invite-agents .power-select-trigger-multiple-input {
  line-height: 2
}

.__app-components__welcome-tour .tour__content--step {
  width: 85%;
  margin: auto
}

.__app-components__welcome-tour .inviteteam__step {
  position: absolute;
  top: 40%;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto
}

.__app-components__welcome-tour .channels {
  margin-top: 45px
}

.__app-components__welcome-tour .channels__container {
  text-align: center
}

.__app-components__welcome-tour .channel__wrapper {
  padding: 0;
  margin: 0 16px;
  display: inline-block
}

.__app-components__welcome-tour .invite-agents .basic-dropdown-content, .__app-components__welcome-tour .invite-agents .power-select-status-icon, .__app-components__welcome-tour .invite-agents .select-dropdown-trigger__status-icon {
  display: none
}

.__app-components__welcome-tour .invite-agents .power-select-multiple-option {
  margin-right: 5px;
  margin-bottom: 5px;
  border: 1px solid #f3f5f7
}

.__app-components__welcome-tour .invite-agents .power-select-multiple-remove-btn {
  float: right;
  top: 4px;
  left: 3px
}

.__app-components__welcome-tour .invite-agents .power-select-trigger, .__app-components__welcome-tour .invite-agents .select-dropdown-trigger {
  max-height: 60px;
  min-height: 22px;
  overflow-y: scroll
}

  .__app-components__welcome-tour .invite-agents .power-select-trigger:hover, .__app-components__welcome-tour .invite-agents .select-dropdown-trigger:hover {
      border-bottom: 1px solid #2c5cc5
  }

.__app-components__welcome-tour .invitation-success {
  margin: 40px
}

.__app-components__welcome-tour .invitation-success__info {
  text-align: center;
  font-size: 20px
}

  .__app-components__welcome-tour .invitation-success__info .app-icon {
      top: 5px;
      left: -5px
  }

.__app-components__welcome-tour .video-overlay {
  position: absolute;
  width: 760px;
  height: 496px;
  z-index: 2;
  left: 20px;
  background: #000;
  opacity: .7
}

.__app-components__welcome-tour .video-overlay__content {
  margin-top: 90px
}

.__app-components__welcome-tour .video-overlay__info, .__app-components__welcome-tour .video-overlay__title {
  width: 70%;
  margin: 20px auto;
  color: #fff;
  text-align: center
}

.__app-components__welcome-tour .video-overlay__play {
  width: 80px;
  height: 80px;
  border: 2px solid #fff;
  border-radius: 100px;
  text-align: center;
  margin: auto;
  padding: 23px
}

.__app-components__welcome-tour .overview-video .wistia_embed {
  height: 82.5%;
  left: 20px;
  position: absolute;
  width: 95%
}

  .__app-components__welcome-tour .overview-video .wistia_embed video {
      background: #fff !important
  }

.__app-components__welcome-tour .channel__content {
  text-align: center;
  cursor: pointer
}

  .__app-components__welcome-tour .channel__content .nav-ico {
      width: 70px;
      height: 70px;
      padding: 23px;
      border: 1px solid #ebeff3;
      border-radius: 100%;
      background: #ebeff3;
      display: inline-block
  }

      .__app-components__welcome-tour .channel__content .nav-ico:hover {
          background: #cfd7df
      }

  .__app-components__welcome-tour .channel__content .channel__name {
      padding: 15px 0;
      line-height: .4;
      cursor: default
  }

  .__app-components__welcome-tour .channel__content .channel__item {
      width: 80px;
      height: 80px;
      padding-top: 3px;
      border: 2px solid transparent;
      border-radius: 50%
  }

  .__app-components__welcome-tour .channel__content .channel__item-selected {
      border: 2px solid #2c5cc5;
      cursor: default
  }

      .__app-components__welcome-tour .channel__content .channel__item-selected .nav-ico {
          background: #2c5cc5
      }

          .__app-components__welcome-tour .channel__content .channel__item-selected .nav-ico.active {
              cursor: default
          }

.disabled-feature-with-single-video {
  text-align: center;
  max-width: 725px
}

  .disabled-feature-with-single-video .feature__header--subtitle {
      color: #777c80
  }

  .disabled-feature-with-single-video .feature__video {
      height: 406px;
      width: 728px;
      padding: 2px;
      margin: 3rem auto
  }

      .disabled-feature-with-single-video .feature__video .wistia_embed {
          height: 100%;
          width: 100%
      }

  .disabled-feature-with-single-video .feature__enable {
      width: 22rem
  }

  .disabled-feature-with-single-video .feature__enable--icon {
      width: 1.4rem;
      right: 16px
  }

      .disabled-feature-with-single-video .feature__enable--icon .app-icon--topalign {
          top: 1px
      }

      .disabled-feature-with-single-video .feature__enable--icon .gravity-loader .path {
          stroke: #fff
      }

  .disabled-feature-with-single-video .btn .btn-text-hover, .disabled-feature-with-single-video .btn .unlock-svg, .disabled-feature-with-single-video .btn--upgrade:hover .btn-text, .disabled-feature-with-single-video .btn--upgrade:hover .lock-svg {
      display: none
  }

  .disabled-feature-with-single-video .btn--upgrade:hover .btn-text-hover, .disabled-feature-with-single-video .btn--upgrade:hover .unlock-svg {
      display: inline-block
  }

.__app-components__widget-sidebar__widget .widget-item {
  background: linear-gradient(180deg,#fff 2.56%,#f3f5f7 95.75%);
  border: 1px solid #cfd7df;
  border-radius: 8px;
  margin: 5px 2px;
  transition: border .3s ease
}

  .__app-components__widget-sidebar__widget .widget-item:hover {
      border: 1px solid #475867
  }

.__app-components__widget-sidebar__widget:last-child {
  margin-bottom: 40px
}

.__app-components__widget-sidebar__widget .sidebar__title {
  letter-spacing: .2px;
  text-transform: uppercase;
  padding: 14px 0 10px 35px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px
}

  .__app-components__widget-sidebar__widget .sidebar__title .sidebar__title_text .r-40 {
      right: 40px
  }

  .__app-components__widget-sidebar__widget .sidebar__title .sidebar__title_text .title-text-max-width {
      max-width: 120px
  }

.__app-components__widget-sidebar__widget .sidebar__action {
  text-transform: none;
  color: #2c5cc5;
  cursor: pointer;
  font-weight: 400
}

  .__app-components__widget-sidebar__widget .sidebar__action:hover {
      text-decoration: underline
  }

.__app-components__widget-sidebar__widget .content-false {
  display: none
}

.__app-components__widget-sidebar__widget .content-true {
  padding: 10px;
  background: #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px
}

.__app-components__widget-sidebar__widget .widget-true, .__revise-cancellation .shipping-header:hover {
  background: #f5f7f9
}

  .__app-components__widget-sidebar__widget .widget-true .app-icon {
      transform: rotateX(180deg);
      transition: .1s linear
  }

.__app-components__widget-sidebar__widget .accordion-arrow {
  position: absolute;
  right: 16px;
  margin-top: 2px
}

.__app-components__widget-sidebar__widget .accordion-image {
  position: absolute;
  left: 15px
}

.__app-components__year-in-review.year-in-review {
  background-color: #fff;
  margin-bottom: 10px
}

.__app-components__year-in-review.admin-year-in-review-banner {
  margin-left: 52px;
  margin-right: 68px
}

.__app-components__year-in-review__lightbox-video .video-content {
  width: 85%;
  height: 85%;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center
}

  .__app-components__year-in-review__lightbox-video .video-content .watch-btn {
      margin-top: 25px
  }

.__app-components__year-in-review__lightbox-video .video-player {
  width: 100%;
  height: 555px;
  max-width: 988px
}

  .__app-components__year-in-review__lightbox-video .video-player .plyr-video {
      width: 100%;
      height: 100%
  }

  .__app-components__year-in-review__lightbox-video .video-player .plyr--video, .__app-components__year-in-review__lightbox-video .video-player .plyr-video, .__app-components__year-in-review__lightbox-video .video-player .plyr__video-wrapper, .__app-components__year-in-review__lightbox-video .video-player .video-plyr {
      height: 100%
  }

  .__app-components__year-in-review__lightbox-video .video-player input[type=range] {
      top: 0
  }

.__app-components__year-in-review__lightbox-video .video-close-btn {
  margin-top: -25px
}

.__app-components__year-in-review__lightbox-video .share-btn {
  margin-top: 30px
}

.__app-components__ms-teams-install-alert .__ui-components__fresh-tips .fresh-tips {
  z-index: 1000
}

.__app-components__ms-teams-install-alert .__ui-components__fresh-tips .fresh-tips-primary-action .fd-app-link {
  color: #5ac9ed;
  text-decoration: none
}

  .__app-components__ms-teams-install-alert .__ui-components__fresh-tips .fresh-tips-primary-action .fd-app-link .new-tab {
      fill: #5ac9ed
  }

.__module-tickets__shared__canned-response__response-item .attachment-thumb {
  margin-top: 20px
}

  .__module-tickets__shared__canned-response__response-item .attachment-thumb .itemholder {
      margin-left: 0
  }

      .__module-tickets__shared__canned-response__response-item .attachment-thumb .itemholder .item {
          min-width: 100px
      }

.__module-tickets__shared__canned-response__response-item .text-expand {
  transition: .2s ease-in-out;
  max-height: 94px;
  overflow: hidden
}

.global-notification .ticket-notification-container {
  width: 400px;
  max-height: 490px;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 2px 14px 0 #ebeff3;
  border: 1px solid #dadfe3;
  top: 27px
}

  .global-notification .ticket-notification-container .notifications-header {
      background-color: #f5f7f9;
      padding: 12px 14px;
      display: inline-block;
      width: 100%;
      border-bottom: 1px #ebeff3 solid
  }

  .global-notification .ticket-notification-container .notifications-header__actions {
      padding-left: 20px;
      padding-top: 3px
  }

.global-notification .notifications-list-title {
  padding-top: 4px
}

.global-notification .notifications-list {
  max-height: 345px;
  overflow-y: auto
}

.global-notification .notifications-list__item {
  width: 100%;
  display: inline-block;
  border-bottom: solid 1px #ebeff3;
  padding: 12px 15px
}

  .global-notification .notifications-list__item:last-child {
      border-bottom: none
  }

.global-notification .notification-unseen {
  width: 10px;
  height: 10px;
  background-color: #ff5959;
  border: 2px solid #fff;
  border-radius: 50%;
  position: absolute;
  top: -1px;
  right: -1px
}

.__module-tickets__shared__ticket-notifications__notifications-list .notifications-list {
  padding: 0
}

.__module-tickets__shared__ticket-notifications__notifications-list .notifications-list__item {
  padding: 12px 15px
}

  .__module-tickets__shared__ticket-notifications__notifications-list .notifications-list__item .list-content-wrap {
      padding-left: 10px
  }

.__module-tickets__shared__ticket-notifications__notifications-list .load-more {
  text-align: center;
  color: #2c5cc5
}

.__module-tickets__shared__ticket-notifications__notifications-list .load-more-text {
  padding: 12px 15px;
  display: inline-block;
  width: 100%
}

.__module-tickets__shared__ticket-notifications__notifications-list .load-more-text--clicked {
  background-color: #f8f9fa;
  color: #12344d
}

.__module-tickets__shared__ticket-notifications__notifications-list .notification-read {
  filter: grayscale(100%);
  opacity: .5
}

.notification-wrapper {
  display: block;
  text-decoration: none;
  cursor: pointer
}

.notifications-list__item {
  width: 100%;
  border-bottom: solid 1px #cfd7df
}

  .notifications-list__item .list-content-wrap {
      padding-left: 10px
  }

  .notifications-list__item .notification-msg {
      padding-top: 1px;
      display: block
  }

      .notifications-list__item .notification-msg:hover {
          color: #2c5cc5
      }

.notifications-settings .notifications-setting-desktop {
  padding: 12px 15px;
  border-bottom: 1px #ebeef0 solid
}

.__app-components__inline-search {
  display: inline-block
}

  .__app-components__inline-search .contact-search {
      position: relative
  }

      .__app-components__inline-search .contact-search::before {
          content: "";
          display: inline-block;
          border-left: 1px solid #cfd7df;
          height: 20px;
          margin-left: 5px;
          position: absolute;
          top: 3px
      }

  .__app-components__inline-search .contact-search--no-separator::before {
      content: none
  }

  .__app-components__inline-search .contact-search--no-separator .basic-dropdown .contact-search-content, .__app-components__inline-search .contact-search--no-separator .basic-dropdown .contact-search-dropdown {
      margin-left: 0
  }

  .__app-components__inline-search .contact-search .app-icon {
      position: absolute;
      bottom: 10px;
      left: 8px
  }

  .__app-components__inline-search .contact-search .contact-search-clear .app-icon {
      right: 8px;
      left: initial
  }

  .__app-components__inline-search .contact-search .contact-search-dropdown {
      margin-left: 22px
  }

      .__app-components__inline-search .contact-search .contact-search-dropdown:hover {
          border-bottom-color: #183247
      }

  .__app-components__inline-search .contact-search .contact-search-holder {
      display: inline-block;
      min-width: 250px;
      background: 0 0;
      box-shadow: none;
      border: 0;
      padding: 0
  }

  .__app-components__inline-search .contact-search .contact-search-input {
      min-width: 220px;
      margin-top: 0;
      padding: 4px 28px 5px
  }

  .__app-components__inline-search .contact-search .search-loading {
      top: 0;
      width: 10px
  }

      .__app-components__inline-search .contact-search .search-loading .gravity-loader {
          left: initial;
          right: 16px;
          top: 8px
      }

  .__app-components__inline-search .contact-search-content {
      width: 100%;
      max-width: 255px;
      margin-left: 22px;
      border-radius: 4px
  }

  .__app-components__inline-search .contacts-content-holder {
      padding: 8px;
      margin-top: -1px;
      max-height: 325px;
      overflow: auto
  }

      .__app-components__inline-search .contacts-content-holder .contact-search-item {
          position: relative;
          padding: 10px;
          display: block
      }

          .__app-components__inline-search .contacts-content-holder .contact-search-item:hover {
              background: #f3f5f7;
              border-radius: 4px;
              text-decoration: none
          }

          .__app-components__inline-search .contacts-content-holder .contact-search-item .contact-avatar {
              vertical-align: middle;
              display: inline-block;
              width: 20%;
              padding-right: 13px;
              line-height: 0
          }

          .__app-components__inline-search .contacts-content-holder .contact-search-item .contact-info {
              margin-left: 5px;
              vertical-align: middle;
              display: inline-block;
              width: calc(80% - 18px)
          }

          .__app-components__inline-search .contacts-content-holder .contact-search-item .contact-name {
              color: #183247
          }

          .__app-components__inline-search .contacts-content-holder .contact-search-item .contact-other-info {
              font-size: 12px;
              line-height: 1.17;
              color: #12344d;
              margin-top: 1px
          }

  .__app-components__inline-search .contact-search-emptystate {
      text-align: center;
      padding: 10px
  }

      .__app-components__inline-search .contact-search-emptystate .empty-state-img {
          width: 144px
      }

      .__app-components__inline-search .contact-search-emptystate .app-icon {
          height: 70px;
          width: 70px
      }

  .__app-components__inline-search .contact-search-viewall {
      padding: 0;
      display: block
  }

  .__app-components__inline-search .contact-search--active {
      background: #f3f5f7;
      display: block
  }

.__freshcaller__inconversation-widget__ticket-details .no-ticket {
  text-align: center;
  position: relative;
  top: 50px;
  color: #4c494a
}

.__integration-apps__cloud-attachments__common__display .cloud-file-wrap-content {
  max-width: 145px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.__integration-apps__cti-app {
  position: relative
}

  .__integration-apps__cti-app .app-icon--cti {
      width: 20px;
      height: 20px;
      cursor: pointer
  }

  .__integration-apps__cti-app .missed-call--notification {
      width: 24px;
      height: 24px;
      line-height: 25px;
      border-radius: 50%;
      font-size: 11px;
      color: #fff;
      text-align: center;
      background: #ff5959;
      position: absolute;
      right: -12px;
      top: -8px;
      animation: spring;
      animation-duration: 1.75s
  }

  .__integration-apps__cti-app .cti-widget-container {
      position: fixed;
      bottom: 10px;
      padding: 8px;
      border-radius: 12px;
      box-shadow: 0 2px 4px 0 rgba(0,0,0,.1),0 0 20px 0 rgba(0,0,0,.2);
      left: 84px;
      z-index: 9999;
      display: block;
      background-color: #fff
  }

      .__integration-apps__cti-app .cti-widget-container .app-details {
          width: 360px;
          height: 360px
      }

.freshsales {
  margin-top: 5px
}

.freshsales__create-entity {
  margin-bottom: 6px
}

.freshsales__error {
  color: #ff5959;
  text-align: center
}

.freshsales__error--refresh {
  color: #2c5cc5;
  cursor: pointer;
  margin-top: 10px
}

  .freshsales__error--refresh .app-icon {
      width: 11px;
      height: 11px;
      fill: #2c5cc5
  }

.freshsales__nodata {
  color: #9aa1a6;
  padding-bottom: 10px
}

.freshsales__back {
  margin-bottom: 10px
}

.freshsales__back-link {
  text-decoration: none;
  cursor: pointer
}

.freshsales__back-icon {
  height: 10px;
  width: 10px
}

.freshsales__entity:last-child__data {
  margin: 0
}

.freshsales__entity--title {
  color: #12344d
}

.freshsales__entity__data {
  list-style: none;
  padding: 0;
  margin-bottom: 15px
}

.freshsales__entity__data--name {
  color: #2c5cc5;
  text-transform: capitalize;
  cursor: pointer;
  text-decoration: none;
  padding-top: 2px
}

.__integration-apps__freshsales__form-wrapper .app-icon path {
  fill: #2c5cc5
}

.__integration-apps__freshsales__form-wrapper .create-contact, .__integration-apps__freshsales__form-wrapper .create-lead {
  display: inline-block;
  padding-bottom: 4px
}

  .__integration-apps__freshsales__form-wrapper .create-contact:hover, .__integration-apps__freshsales__form-wrapper .create-lead:hover {
      text-decoration: none;
      cursor: pointer
  }

.__integration-apps__freshsales__form-wrapper__form .form-field {
  margin-bottom: 23px
}

.__integration-apps__freshsales__form-wrapper__form .form-field--label {
  display: block;
  font-weight: 400;
  margin-bottom: 2px;
  font-size: 12px
}

  .__integration-apps__freshsales__form-wrapper__form .form-field--label::first-letter {
      text-transform: uppercase
  }

  .__integration-apps__freshsales__form-wrapper__form .form-field--label .star {
      color: #ff5959
  }

.__integration-apps__freshsales__form-wrapper__form .form-field--control {
  width: 100%
}

.__integration-apps__freshsales__form-wrapper__form .form-field--errors {
  color: #ff5959;
  margin-top: 3px
}

.__integration-apps__freshsales__form-wrapper__form .form-field input {
  border: none;
  border-bottom: 1px solid #cfd7df
}

  .__integration-apps__freshsales__form-wrapper__form .form-field input:hover {
      border-bottom: 1px #183247 solid;
      transition: .2s linear
  }

  .__integration-apps__freshsales__form-wrapper__form .form-field input:focus {
      outline: 0;
      border-color: #2c5cc5
  }

  .__integration-apps__freshsales__form-wrapper__form .form-field input.power-select-trigger-multiple-input {
      border: none;
      height: 23px;
      border-bottom: none
  }

.__integration-apps__freshsales__form-wrapper__form .form-field textarea {
  height: 100px;
  border: none;
  border-bottom: 1px solid #dadfe3;
  resize: none;
  padding: 5px 0;
  margin-top: 5px
}

  .__integration-apps__freshsales__form-wrapper__form .form-field textarea:hover {
      border-bottom: 1px #183247 solid;
      transition: .2s linear
  }

  .__integration-apps__freshsales__form-wrapper__form .form-field textarea:focus {
      outline: 0;
      border-color: #2c5cc5
  }

.__integration-apps__freshsales__form-wrapper__form .form-field.radio-field {
  margin-bottom: 5px
}

.__integration-apps__freshsales__form-wrapper__form .form-field .power-select-placeholder {
  padding-bottom: 0
}

.__integration-apps__freshsales__form-wrapper__form .form-field.checkbox-field input[type=checkbox] {
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #cfd7df;
  height: 13px;
  position: relative;
  width: 13px;
  border-radius: 2px;
  margin-top: 0;
  cursor: pointer;
  margin-right: 5px;
  top: 2px
}

  .__integration-apps__freshsales__form-wrapper__form .form-field.checkbox-field input[type=checkbox]:focus {
      outline: 0
  }

  .__integration-apps__freshsales__form-wrapper__form .form-field.checkbox-field input[type=checkbox]::after {
      position: absolute;
      content: "";
      display: block;
      height: 16px;
      background: 0 0;
      bottom: -4px
  }

  .__integration-apps__freshsales__form-wrapper__form .form-field.checkbox-field input[type=checkbox]:checked {
      background: #02b878;
      border: 3px solid #2c5cc5;
      padding: 0
  }

      .__integration-apps__freshsales__form-wrapper__form .form-field.checkbox-field input[type=checkbox]:checked::before {
          border: 0;
          position: relative;
          left: 1px;
          top: -1px;
          border-right: 2px solid #fff;
          border-bottom: 2px solid #fff;
          transform: rotate(45deg);
          content: "";
          display: block;
          width: 5px;
          height: 7px
      }

.__integration-apps__freshsales__form-wrapper__form .form-field input[type=radio] {
  position: absolute;
  opacity: 0
}

  .__integration-apps__freshsales__form-wrapper__form .form-field input[type=radio] + label {
      user-select: none;
      cursor: pointer;
      padding-left: 20px;
      position: relative
  }

      .__integration-apps__freshsales__form-wrapper__form .form-field input[type=radio] + label::before {
          position: absolute;
          left: 0;
          top: 3px;
          display: block;
          content: "";
          border: 1px solid #cfd7df;
          border-radius: 50px;
          height: 13px;
          width: 13px;
          background: #fff;
          transition: all .3s ease;
          box-sizing: border-box
      }

      .__integration-apps__freshsales__form-wrapper__form .form-field input[type=radio] + label::after {
          position: absolute;
          display: block;
          content: "";
          left: 3px;
          top: 6px;
          border-radius: 100%;
          width: 7px;
          height: 7px;
          opacity: 0;
          transition: opacity .2s ease-in-out;
          box-sizing: border-box
      }

  .__integration-apps__freshsales__form-wrapper__form .form-field input[type=radio]:focus + label::before, .__integration-apps__freshsales__form-wrapper__form .form-field input[type=radio]:hover + label::before {
      border-color: #12344d
  }

  .__integration-apps__freshsales__form-wrapper__form .form-field input[type=radio]:checked + label {
      color: #183247;
      font-weight: 500;
      -webkit-font-smoothing: antialiased
  }

      .__integration-apps__freshsales__form-wrapper__form .form-field input[type=radio]:checked + label::before {
          background: #fff;
          border-color: #2c5cc5;
          box-shadow: none
      }

      .__integration-apps__freshsales__form-wrapper__form .form-field input[type=radio]:checked + label::after {
          border-radius: 50%;
          background: #2c5cc5;
          opacity: 1;
          top: 6px
      }

.__integration-apps__freshsales__form-wrapper__form .modal-content .error {
  color: #ff5959;
  margin-bottom: 5px
}

.__integration-apps__freshsales__form-wrapper__form .modal-content .fieldset-wrapper {
  margin-bottom: 20px
}

.__integration-apps__freshsales__form-wrapper__form .modal-content .fieldset-title {
  display: none
}

.__integration-apps__freshsales__record .record--title {
  color: #6f7c87
}

.__integration-apps__freshsales__record .record--value {
  margin-bottom: 10px;
  font-weight: 500;
  padding-top: 2px
}

.__integration-apps__freshsales__record .record__deal--loading {
  padding: 10px 0
}

.__integration-apps__freshsales__record .record__deal {
  list-style: none;
  padding: 0;
  margin-bottom: 15px
}

.__integration-apps__freshsales__record .record__deal--name {
  color: #2c5cc5;
  cursor: pointer;
  text-decoration: none;
  display: block;
  padding-top: 2px
}

.__integration-apps__googlecalendar .content, .__integration-apps__jira .jira-issue-view-content {
  padding-top: 50px
}

.__integration-apps__freshsales__record .record__deal--nodata {
  padding-bottom: 15px
}

.__integration-apps__freshsales__record .open-link {
  font-size: 12px
}

.__integration-apps__freshsales__record .open-link--icon {
  height: 15px;
  width: 15px;
  vertical-align: text-top;
  fill: #12344d
}

.__integration-apps__freshsales__record .contacts__fields {
  margin-top: 0;
  margin-bottom: 10px
}

.__integration-apps__googlecalendar .google-calendar__authorize-link {
  padding-top: 6px;
  padding-left: 0
}

  .__integration-apps__googlecalendar .google-calendar__authorize-link a {
      color: #239cff
  }

.__integration-apps__googlecalendar #google-calendar__email {
  color: #444;
  font-size: 13px;
  font-weight: 700;
  width: 95%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

.__integration-apps__googlecalendar .google-calendar__account-chooser {
  padding-top: 6px
}

.__integration-apps__googlecalendar .google-calendar__account-link {
  width: 42px;
  height: 8px;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: .67;
  letter-spacing: normal;
  color: #239cff
}

.__integration-apps__googlecalendar .google-calendar__email {
  padding-bottom: 6px
}

.__integration-apps__googlecalendar .google-calendar__add-event {
  padding: 12px 0 6px
}

  .__integration-apps__googlecalendar .google-calendar__add-event a {
      color: #239cff
  }

.__integration-apps__googlecalendar .google-calendar__link {
  margin-top: 10px
}

  .__integration-apps__googlecalendar .google-calendar__link a {
      color: #239cff
  }

.__integration-apps__googlecalendar__add-event .modal-content {
  display: block
}

.__integration-apps__googlecalendar__add-event .google-calendar__user-email {
  padding: 15px 0 10px;
  color: #183247
}

.__integration-apps__googlecalendar__add-event .google-calendar-event__duration {
  padding: 22px 0 0 10px
}

.__integration-apps__googlecalendar__add-event .google-calendar__add-event .basic-dropdown-content--above, .__integration-apps__googlecalendar__add-event .google-calendar__add-event .basic-dropdown-content--below, .__integration-apps__googlecalendar__add-event .google-calendar__add-event .basic-dropdown-content--in-place {
  box-shadow: 0 2px 14px 0;
  border: 1px;
  min-width: 120px
}

.__integration-apps__googlecalendar__add-event .google-calendar__event-list__duration__event-display {
  text-overflow: ellipsis;
  overflow: hidden;
  padding-top: 3px
}

.__integration-apps__googlecalendar__add-event .google-calendar-event__date-time .google-calendar-event__date {
  margin-bottom: 20px
}

.__integration-apps__googlecalendar__add-event .google-calendar-event__date-time .google-calendar-event__date__timezone {
  position: absolute;
  width: 110%;
  top: 75%;
  color: #6f7c87;
  font-size: 12px;
  -webkit-font-smoothing: antialiased
}

.__integration-apps__googlecalendar__add-event .google-calendar-event__date-time .google-calendar-event__time {
  padding-top: 10px
}

  .__integration-apps__googlecalendar__add-event .google-calendar-event__date-time .google-calendar-event__time .power-select-status-icon, .__integration-apps__googlecalendar__add-event .google-calendar-event__date-time .google-calendar-event__time .select-dropdown-trigger__status-icon {
      display: none
  }

  .__integration-apps__googlecalendar__add-event .google-calendar-event__date-time .google-calendar-event__time .power-select-selected-item {
      line-height: 1.5
  }

  .__integration-apps__googlecalendar__add-event .google-calendar-event__date-time .google-calendar-event__time .power-select-trigger.view.basic-dropdown-trigger, .__integration-apps__googlecalendar__add-event .google-calendar-event__date-time .google-calendar-event__time .view.basic-dropdown-trigger.select-dropdown-trigger {
      padding: 0
  }

.__integration-apps__googlecalendar__add-event .google-calendar-event__date-time .google-calendar-event__duration {
  padding-left: 0;
  color: #6f7c87;
  -webkit-font-smoothing: antialiased
}

.__integration-apps__googlecalendar__add-event .google-calendar__event-list__duration {
  color: #183247;
  font-weight: 600
}

.__integration-apps__googlecalendar__add-event .google-calendar__event-list {
  width: 100%;
  border-radius: 2px;
  background-color: #fffade;
  height: auto;
  margin-top: 50px
}

.__integration-apps__googlecalendar__add-event .google-calendar__arrow-right {
  padding-left: 20px
}

.__integration-apps__googlecalendar__add-event .app-form .power-select-trigger, .__integration-apps__googlecalendar__add-event .app-form .select-dropdown-trigger {
  overflow: visible;
  line-height: 1.2;
  margin-top: 12px
}

.__integration-apps__googlecalendar__add-event .power-select-selected-item {
  height: 21px
}

.__integration-apps__googlecalendar__add-event .google-calendar__events-list__container {
  padding-top: 25px;
  min-height: 145px
}

.__integration-apps__googlecalendar__add-event .google-calendar__events-list__display-list {
  margin-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px
}

.__integration-apps__googlecalendar__add-event .google-calendar__events-loader {
  padding-top: 20px
}

.__integration-apps__googlecalendar__add-event .google-calendar__same-day-events {
  border-bottom: 1px rgba(24,50,71,.2);
  border-bottom-style: dashed;
  padding-bottom: 10px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 15px
}

.__integration-apps__googlecalendar__event-list .event-list-wrapper, .__ui-form__editor__ticket-editor .ticket-editor__action {
  padding-top: 6px
}

.__integration-apps__googlecalendar__add-event .google-calendar__same-day-events:last-child {
  border-bottom: none
}

.__integration-apps__googlecalendar__add-event .google-calendarr__date-event-seperator {
  height: 1px;
  border: 1px rgba(24,50,71,.2);
  border-top-style: solid;
  margin-top: 15px;
  margin-bottom: 1px
}

.__integration-apps__googlecalendar__event-list .event-list {
  height: 22px;
  background-color: #fff;
  border: 1px solid #cfd7df;
  border-radius: 2px;
  border-collapse: separate
}

.__integration-apps__googlecalendar__event-list .event-list__event__date--border {
  border-collapse: separate;
  border-radius: 2px
}

.__integration-apps__googlecalendar__event-list .event-list__event__date, .__integration-apps__googlecalendar__event-list .event-list__event__month {
  background-color: #ebeff3;
  color: #183247;
  width: 25px;
  padding-top: 4px;
  padding-left: 5px;
  line-height: 100%;
  font-size: 13px;
  text-align: center;
  font-weight: 600;
  vertical-align: top
}

.__integration-apps__googlecalendar__event-list .event-list__event__date {
  padding-right: 5px
}

.__integration-apps__googlecalendar__event-list .event-list__event__details__summary {
  font-size: 13px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  padding-top: 3px;
  color: #399fc0
}

.__integration-apps__googlecalendar__event-list .event-list__event__details__duration-location {
  font-size: 11px;
  width: 100%;
  display: inline-flex;
  padding-top: 3px
}

.__integration-apps__googlecalendar__event-list .event-list__event__details__duration-location__location {
  font-size: 11px;
  color: #6f7c87;
  width: auto;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

.__integration-apps__googlecalendar__event-list .event-list__event__details__duration-location__duration {
  font-size: 11px;
  color: #6f7c87;
  width: auto
}

.__integration-apps__googlecalendar__event-list .event-list__event__details {
  padding-top: 3px
}

.__integration-apps__googlecalendar__event-list .event-list__event__details__duration-location__separator {
  color: #9ea1a9;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #9ea1a9;
  display: inline-block;
  vertical-align: middle;
  margin-top: 4px;
  margin-right: 5px;
  margin-left: 5px
}

.__integration-apps__harvest .harvest .info .view-on svg.newtab, .feature-gained-icon {
  vertical-align: baseline
}

.__integration-apps__googlecalendar__event-list .event-list__event__details__summary--old {
  color: #989e9d;
  text-decoration: line-through;
  width: 95%;
  padding-top: 3px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

.__integration-apps__googlecalendar__event-list .event-list__event__details__older-event__link {
  color: #989e9d
}

.__integration-apps__googlecalendar__event-list .event-list__event__details__summary--upcoming {
  color: #183247;
  width: 95%;
  padding-top: 3px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 600
}

.__integration-apps__googlecalendar__event-list .event-list__event__details__upcoming-event__link {
  color: #183247
}

.__integration-apps__googlecalendar__event-list .event-list__event__details__actions {
  padding-top: 3px;
  font-size: 12px
}

.__integration-apps__googlecalendar__event-list .event-list__event__details__actions__edit {
  width: 20px;
  padding-right: 8px;
  height: 14px;
  color: #2c5cc5
}

.__integration-apps__googlecalendar__event-list .event-list__event__details__actions__remove {
  font-size: 12px;
  width: 35px;
  height: 14px;
  margin-left: 5px;
  color: #2c5cc5
}

.__integration-apps__googlecalendar__event-list .event-list__spacing-below {
  color: #d3dbda;
  padding-bottom: 6px
}

.__integration-apps__harvest .harvest .harvest-block {
  margin-bottom: 10px;
  min-height: 200px
}

.__integration-apps__harvest .harvest .info {
  margin-bottom: 24px
}

  .__integration-apps__harvest .harvest .info .view-on .goto-harvest {
      vertical-align: text-bottom
  }

  .__integration-apps__harvest .harvest .info a.diff-user {
      padding-left: 0;
      margin-bottom: 10px;
      cursor: pointer
  }

.__integration-apps__harvest .harvest-loading {
  position: relative
}

  .__integration-apps__harvest .harvest-loading #moduleloading {
      margin: 0;
      height: 100px
  }

.__integration-apps__harvest__login-form .harvest-info .harvest-login-btn {
  margin-top: 10px;
  margin-bottom: 10px
}

.__integration-apps__jira .loader-wrapper {
  display: block;
  position: relative
}

  .__integration-apps__jira .loader-wrapper #moduleloading {
      margin: 50px 0 0
  }

.__integration-apps__jira .jira-issue-view {
  min-height: 60px
}

.__integration-apps__jira .jira-issue-view-top {
  padding: 10px
}

.__integration-apps__jira .jira-issue-view--unlink {
  margin-right: 17px
}

.__integration-apps__jira .jira-issue-view .helpText {
  padding-left: 45px;
  color: #9aa1a6
}

.__integration-apps__jira .jira-issue-view .action-links {
  text-decoration: none;
  cursor: pointer
}

.__integration-apps__jira__create-issue .modal-content {
  display: block
}

.__integration-apps__jira__create-issue .loader #moduleloading {
  margin: 0
}

.__integration-apps__jira__create-issue .modal-spinner {
  position: relative;
  height: 35px
}

.__integration-apps__jira__create-issue .error {
  color: #d72d30;
  padding-left: 15px
}

.__integration-apps__jira__link-issue .modal-content {
  display: block
}

.__integration-apps__jira__link-issue .input {
  margin-bottom: 7px
}

.__integration-apps__jira__link-issue .helpText {
  font-size: 12px;
  color: #d72d30
}

.__integration-apps__mailchimp .details-link {
  font-size: 13px;
  text-decoration: none
}

.__integration-apps__mailchimp .partloading {
  vertical-align: middle
}

.__integration-apps__mailchimp__campaigns-info.mailchimp-modal .partloading {
  position: inherit
}

.__integration-apps__mailchimp__campaigns-info.mailchimp-modal .panel-body .partloading {
  position: relative;
  padding: 20px
}

  .__integration-apps__mailchimp__campaigns-info.mailchimp-modal .panel-body .partloading .modal-spinner {
      margin-top: 0;
      margin-bottom: 0
  }

  .__integration-apps__mailchimp__campaigns-info.mailchimp-modal .panel-body .partloading .m-loader2 {
      width: 6em;
      height: 6em
  }

.__integration-apps__mailchimp__campaigns-info.mailchimp-modal .action {
  padding: 2px 5px;
  min-width: 50px;
  display: inline-block;
  text-align: center;
  border-radius: 2px;
  color: #fff
}

.__integration-apps__mailchimp__campaigns-info.mailchimp-modal .action-time {
  padding: 10px
}

.__integration-apps__mailchimp__campaigns-info.mailchimp-modal .contact-name {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  text-align: left;
  margin-bottom: 10px;
  margin-top: 5px
}

.__integration-apps__mailchimp__campaigns-info.mailchimp-modal .modal-header {
  padding: 20px 30px 0;
  height: 122px;
  background-color: #f3f5f7;
  border-bottom: 1px solid #cfd7df
}

  .__integration-apps__mailchimp__campaigns-info.mailchimp-modal .modal-header .close .modal-close {
      color: #fff
  }

.__integration-apps__mailchimp__campaigns-info.mailchimp-modal .content {
  padding-top: 20px
}

.__integration-apps__mailchimp__campaigns-info.mailchimp-modal .tabs {
  padding: 0 30px;
  top: 50
}

.__integration-apps__mailchimp__campaigns-info.mailchimp-modal .modal-content {
  display: block;
  padding-top: 20px;
  margin-top: 120px;
  height: auto
}

.__integration-apps__mailchimp__campaigns-info.mailchimp-modal .custom-tab {
  border-bottom: none
}

.__integration-apps__mailchimp__campaigns-info.mailchimp-modal .nav > li {
  float: left
}

.__integration-apps__mailchimp__campaigns-info.mailchimp-modal .nav-tabs > .mailchimp-tabs:hover {
  border-color: none
}

.__integration-apps__mailchimp__campaigns-info.mailchimp-modal .nav .mailchimp-tabs {
  border: none
}

  .__integration-apps__mailchimp__campaigns-info.mailchimp-modal .nav .mailchimp-tabs:focus, .__integration-apps__mailchimp__campaigns-info.mailchimp-modal .nav .mailchimp-tabs:hover {
      background-color: transparent
  }

.__integration-apps__mailchimp__campaigns-info.mailchimp-modal .panel-default {
  margin-bottom: 10px
}

.__integration-apps__mailchimp__campaigns-info.mailchimp-modal .panel-head {
  cursor: pointer;
  border-radius: 3px;
  padding: 5px 15px;
  font-size: 13px;
  font-weight: 600
}

.__integration-apps__mailchimp__campaigns-info.mailchimp-modal .panel-head-border {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.__integration-apps__mailchimp__campaigns-info.mailchimp-modal .panel-body {
  border-top: none;
  padding: 0 10px 10px
}

.__integration-apps__mailchimp__campaigns-info.mailchimp-modal .activity {
  padding: 5px 10px
}

.__integration-apps__mailchimp__campaigns-info.mailchimp-modal .action-url {
  margin: 5px 0 0 65px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.__integration-apps__mailchimp__campaigns-info.mailchimp-modal .panel-default span {
  color: #183247;
  line-height: 24px
}

.__integration-apps__mailchimp__campaigns-info.mailchimp-modal .folder-color {
  fill: #12344d
}

.__integration-apps__mailchimp__campaigns-info.mailchimp-modal .custom-tab > .mailchimp-list.active > .mailchimp-tabs, .__integration-apps__mailchimp__campaigns-info.mailchimp-modal .custom-tab > .mailchimp-list.active > .mailchimp-tabs:focus, .__integration-apps__mailchimp__campaigns-info.mailchimp-modal .custom-tab > .mailchimp-list.active > .mailchimp-tabs:hover {
  color: #2c5cc5;
  margin-right: 2px;
  line-height: 1.42857;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none
}

.__integration-apps__mailchimp__campaigns-info.mailchimp-modal .custom-tab > .mailchimp-list .mailchimp-tabs {
  color: #12344d
}

.__integration-apps__mailchimp__campaigns-info.mailchimp-modal .mailchimp-list {
  list-style-type: none;
  margin-right: 20px
}

  .__integration-apps__mailchimp__campaigns-info.mailchimp-modal .mailchimp-list.active {
      border-bottom: 3px solid #2c5cc5
  }

.__integration-apps__mailchimp__campaigns-info.mailchimp-modal .mailing-list-title {
  padding: 2px
}

.__integration-apps__mailchimp__campaigns-info.mailchimp-modal .mailing-list-input {
  padding: 10px;
  border-radius: 4px;
  overflow-y: auto;
  max-height: 370px;
  border: 1px solid #cfd7df
}

.__integration-apps__mailchimp__campaigns-info.mailchimp-modal .input {
  margin: 0
}

.__integration-apps__mailchimp__campaigns-info.mailchimp-modal .panel-default .blue-bg {
  color: #4da1ff;
  background: #f0f7ff
}

.__integration-apps__mailchimp__campaigns-info.mailchimp-modal .panel-default .green-bg {
  color: #75ac3f;
  background-color: #ebf6df
}

.__integration-apps__mailchimp__campaigns-info.mailchimp-modal .no-campaigns-found {
  text-align: center;
  font-size: 15px;
  color: #999
}

.__integration-apps__mailchimp__campaigns-info.mailchimp-modal .icon-align {
  margin-right: 5px;
  vertical-align: text-top
}

.__integration-apps__mailchimp__campaigns-info.mailchimp-modal .arrow-icon {
  width: 12px
}

.__integration-apps__mailchimp__campaigns-info.mailchimp-modal .mailchimp-icon {
  width: 45px;
  vertical-align: middle;
  margin-right: 10px;
  height: 45px
}

.__integration-apps__mailchimp__campaigns-info.mailchimp-error .name {
  font-size: 18px
}

.__integration-apps__mailchimp__campaigns-info.mailchimp-error .modal-header {
  height: 80px;
  border: none;
  box-shadow: none;
  background-color: #fff
}

.__integration-apps__shopify .confirm-dialogue .bs-dropdown, .__revise-cancellation .order-details__items, .app__placeholder__detail .nested-field-wrapper .nested-field-options {
  box-shadow: 0 6px 14px 0 rgba(24,50,71,.05),0 1px 4px 0 rgba(24,50,71,.15)
}

.__integration-apps__mailchimp__campaigns-info.mailchimp-error .modal-content {
  margin-top: 80px;
  padding-top: 15px
}

.__integration-apps__mailchimp__campaigns-info.mailchimp-error .tab-content {
  padding-top: 0
}

.salesforce {
  margin-top: 5px
}

.salesforce__error {
  color: #ff5959;
  text-align: center
}

.salesforce__error--refresh {
  color: #2c5cc5;
  cursor: pointer;
  margin-top: 10px
}

  .salesforce__error--refresh .app-icon {
      width: 11px;
      height: 11px;
      fill: #2c5cc5
  }

.salesforce__nodata {
  color: #9aa1a6;
  text-align: center;
  padding: 15px
}

.salesforce__back {
  margin-bottom: 10px
}

.salesforce__back-link {
  text-decoration: none;
  cursor: pointer
}

.salesforce__back-icon {
  height: 10px;
  width: 10px
}

.salesforce__entity:last-child__data {
  margin: 0
}

.salesforce__entity--title {
  color: #6f7c87
}

.salesforce__entity__data {
  list-style: none;
  padding: 0;
  margin-bottom: 15px
}

.salesforce__entity__data--name {
  color: #2c5cc5;
  text-transform: capitalize;
  cursor: pointer;
  text-decoration: none;
  padding-top: 2px
}

.__integration-apps__salesforce__record .record--title {
  color: #6f7c87;
  text-transform: capitalize
}

.__integration-apps__salesforce__record .record--value {
  margin-bottom: 10px;
  font-weight: 500;
  padding-top: 2px
}

.__integration-apps__salesforce__record .record--value--type-name {
  text-decoration: none;
  margin-bottom: 10px;
  text-transform: capitalize
}

.__integration-apps__salesforce__record .record__opportunity--loading {
  padding: 10px 0
}

.__integration-apps__salesforce__record .record__opportunity {
  list-style: none;
  padding: 0;
  margin-bottom: 15px
}

.__integration-apps__salesforce__record .record__opportunity--name {
  color: #2c5cc5;
  text-transform: capitalize;
  cursor: pointer;
  text-decoration: none;
  display: block;
  padding-top: 2px
}

.__integration-apps__shopify .refund-slider .tax-refund, .__integration-apps__shopify .store-selector .shopify-store-select[aria-disabled=true] .power-select-status-icon, .__integration-apps__shopify .store-selector .shopify-store-select[aria-disabled=true] .select-dropdown-trigger__status-icon {
  display: none
}

.__integration-apps__salesforce__record .record__opportunity--nodata {
  padding-bottom: 15px
}

.__integration-apps__salesforce__record .open-link {
  font-size: 12px
}

.__integration-apps__salesforce__record .open-link--icon {
  height: 15px;
  width: 15px;
  vertical-align: text-top;
  fill: #12344d
}

.__revise-cancellation .light-grey-border {
  border-bottom: 1px solid #f5f7f9
}

.__revise-cancellation .shopify-item-quantity {
  width: 72px;
  margin-bottom: 0
}

.__revise-cancellation .total-cover {
  border-top: #ebeff3
}

.__revise-cancellation .shopify-quantity {
  width: 65px
}

.__revise-cancellation .product-details-more {
  min-width: 92px
}

.__revise-cancellation .product-name {
  width: 180px
}

.__revise-cancellation .shipping-header {
  height: 54px;
  box-shadow: 0 4px 4px rgba(7,126,214,.06)
}

  .__revise-cancellation .shipping-header .status {
      padding: 0
  }

.__revise-cancellation .shipping-header--active:hover {
  background: 0 0
}

.__revise-cancellation .shipping-container .accordion-item {
  border: 0;
  border-radius: 0;
  margin: 0
}

.__integration-apps__shopify .order-details__item, .__integration-apps__shopify .product-details__item {
  margin: 10px 0
}

.__revise-cancellation .shipping-container .shipping-header {
  border-bottom: 1px solid #ebeff3
}

  .__revise-cancellation .shipping-container .shipping-header:hover {
      background: #f5f7f9
  }

.__revise-cancellation .shipping-container .shopify-info__items {
  width: 50px
}

.__revise-cancellation .shipping-container .shopify-info__tags {
  width: 100px
}

.__revise-cancellation .shopify-item-price {
  width: 72px
}

.shopify-reviseorder-dialog .modal-content {
  padding: 32px
}

.__integration-apps__shopify .shopify-wrapper .title {
  text-transform: uppercase;
  color: #12344d
}

.__integration-apps__shopify .store-selector {
  background-color: #fff;
  border-radius: 2px;
  position: relative;
  transition: border .2s
}

.__integration-apps__shopify .store-selector--open, .__integration-apps__shopify .store-selector--open:hover {
  border-color: #2c5cc5
}

.__integration-apps__shopify .store-selector__label {
  position: absolute;
  top: 8px;
  left: 12px;
  z-index: 2
}

.__integration-apps__shopify .store-selector .power-select-trigger, .__integration-apps__shopify .store-selector .select-dropdown-trigger {
  min-height: 1rem;
  padding: 24px 24px 8px 12px
}

.__integration-apps__shopify .store-selector .basic-dropdown-trigger--below.power-select-trigger, .__integration-apps__shopify .store-selector .basic-dropdown-trigger--below.select-dropdown-trigger, .__integration-apps__shopify .store-selector .basic-dropdown-trigger--in-place.power-select-trigger, .__integration-apps__shopify .store-selector .basic-dropdown-trigger--in-place.select-dropdown-trigger {
  background: #fff
}

.__integration-apps__shopify .store-selector .basic-dropdown-content {
  transform: translateY(1px)
}

.__integration-apps__shopify .store-selector .power-select-status-icon, .__integration-apps__shopify .store-selector .select-dropdown-trigger__status-icon {
  right: 12px;
  top: 8px
}

.__integration-apps__shopify .store-selector .power-select-selected-item {
  line-height: 1.3;
  font-size: 14px
}

.__integration-apps__shopify .order-details, .__integration-apps__shopify .store-selector .__ui-form__editor__social-editor .socialeditor__count, .__integration-apps__shopify .store-selector .__ui-form__editor__ticket-editor .ticket-editor__footer .ticket-editor__action.link-to-forum .label-field, .__integration-apps__shopify .store-selector .text__infotext, .__ui-form__editor__social-editor .__integration-apps__shopify .store-selector .socialeditor__count, .__ui-form__editor__ticket-editor .ticket-editor__footer .ticket-editor__action.link-to-forum .__integration-apps__shopify .store-selector .label-field {
  font-size: 12px
}

  .__integration-apps__shopify .order-details .header {
      font-weight: 700
  }

  .__integration-apps__shopify .order-details .icon-x {
      vertical-align: super
  }

.__integration-apps__shopify .more-details .icon-m {
  vertical-align: middle
}

.__integration-apps__shopify .product-details__items.slide {
  -webkit-animation: slidefromtop .1s ease-in;
  animation: slidefromtop .1s ease-in
}

.__integration-apps__shopify .refund-slider .total-tax-display {
  display: initial
}

.__integration-apps__shopify .shopify-item-price {
  min-width: 60px;
  max-width: 60px
}

.__integration-apps__shopify .shopify-recent-order__fade {
  -webkit-animation: fadeIn .1s ease-in;
  animation: fadeIn .1s ease-in
}

.__integration-apps__shopify .shopify-previous-orders .go-back {
  display: inline-block;
  padding: 2px 3px;
  border-radius: 2px;
  transition: background .2s
}

  .__integration-apps__shopify .shopify-previous-orders .go-back:hover {
      background: #ebeff3
  }

.__integration-apps__shopify .shopify-previous-orders__slide {
  -webkit-animation: slideInRight .1s ease-in;
  animation: slideInRight .1s ease-in
}

.__integration-apps__shopify .shopify-previous-orders .order-details__item {
  padding-bottom: 10px;
  border-bottom: 1px solid #ebeff3
}

.__integration-apps__shopify .shopify-loading {
  position: relative;
  padding-bottom: 70px
}

  .__integration-apps__shopify .shopify-loading #moduleloading {
      margin: 0
  }

.__integration-apps__shopify .confirm-dialogue {
  display: inline
}

  .__integration-apps__shopify .confirm-dialogue .basic-dropdown {
      display: inline-block
  }

  .__integration-apps__shopify .confirm-dialogue .bs-dropdown {
      border-radius: 2px;
      min-width: 220px;
      margin-top: 5px
  }

.__integration-apps__shopify .confirm-dialogue__link {
  color: #2c5cc5
}

  .__integration-apps__shopify .confirm-dialogue__link:hover {
      color: #1971e3
  }

.__integration-apps__shopify .confirm-dialogue__arrow-up::after, .__integration-apps__shopify .confirm-dialogue__arrow-up::before {
  content: " ";
  height: 0;
  width: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid rgba(24,50,71,.1);
  position: absolute;
  pointer-events: none;
  top: -5px;
  left: 5%
}

.__integration-apps__shopify .confirm-dialogue__arrow-up::after {
  border-bottom: 5px solid #fff;
  top: -4px
}

.__integration-apps__shopify .confirm-dialogue__arrow-up.arrow-center::after, .__integration-apps__shopify .confirm-dialogue__arrow-up.arrow-center::before {
  left: 45%
}

.__integration-apps__shopify .shp-dropdown__title {
  border-bottom: 1px solid #ebeff3;
  padding: 16px
}

.__integration-apps__shopify .shp-dropdown__cta {
  padding: 8px 16px;
  background: #f5f7f9;
  text-align: right
}

.__integration-apps__shopify .btn--text-transparent {
  font-weight: 600;
  cursor: pointer
}

  .__integration-apps__shopify .btn--text-transparent:hover {
      text-decoration: underline
  }

.__integration-apps__shopify .cancelled--strike, .strike-thourgh {
  text-decoration: line-through
}

.__integration-apps__shopify .cancelled {
  color: #c82124
}

.shopify-order-status__item {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  padding: 2px 6px;
  margin-right: 2px;
  margin-top: 2px;
  margin-bottom: 2px;
  height: 20px;
  border-radius: 20px;
  background-color: #dfe3e8;
  color: #454f5b;
  vertical-align: bottom
}

  .shopify-order-status__item .shp-badge {
      display: inline-block;
      height: 10px;
      width: 10px;
      margin: -2px 4px 0 -2px;
      border: 2px solid #acb6be;
      border-radius: 50%;
      vertical-align: middle
  }

  .shopify-order-status__item.status--fulfilled .shp-badge, .shopify-order-status__item.status--paid .shp-badge {
      background: #acb6be
  }

  .shopify-order-status__item.status--authorized .shp-badge, .shopify-order-status__item.status--partial .shp-badge, .shopify-order-status__item.status--partially_paid .shp-badge, .shopify-order-status__item.status--partially_refunded .shp-badge {
      background: -webkit-gradient(linear,left bottom,left top,from(#acb6be),color-stop(50%,#acb6be),color-stop(50%,transparent),to(transparent));
      background: linear-gradient(to top,#acb6be,#acb6be 50%,transparent 50%,transparent)
  }

  .shopify-order-status__item.status--unfulfilled {
      background: #ffea8a;
      color: #595130
  }

      .shopify-order-status__item.status--unfulfilled .shp-badge {
          border-color: #595130;
          background: 0 0
      }

  .shopify-order-status__item.status--partially_fulfilled {
      background: #ffc48b;
      color: #594430
  }

      .shopify-order-status__item.status--partially_fulfilled .shp-badge {
          border-color: #594430;
          background: -webkit-gradient(linear,left bottom,left top,from(#594430),color-stop(50%,#594430),color-stop(50%,transparent),to(transparent));
          background: linear-gradient(to top,#594430,#594430 50%,transparent 50%,transparent)
      }

  .shopify-order-status__item.status--pending {
      background: #ffc48b;
      color: #594430
  }

      .shopify-order-status__item.status--pending .shp-badge {
          border-color: #594430;
          background: 0 0
      }

.__module-search__app-search .page-search__secondary {
  position: absolute;
  top: 150px;
  left: 65px;
  right: 0
}

.__module-search__app-search .page-search__results {
  padding: 0;
  top: 200px;
  left: 65px;
  right: 0
}

  .__module-search__app-search .page-search__results .user-link {
      color: #183247
  }

.__module-search__app-search .page-search__results__wrap {
  margin: 0 144px;
  padding-bottom: 50px
}

.__module-search__app-search .page-search__results .placeholder-loader--white {
  height: auto;
  margin: 0 144px;
  border-radius: 4px
}

  .__module-search__app-search .page-search__results .placeholder-loader--white .placeholder-loader {
      display: flex;
      padding: 16px;
      align-items: center;
      margin-bottom: 8px
  }

.__module-search__app-search .page-search__empty {
  text-align: center;
  margin-top: 48px;
  line-height: 1.5
}

  .__module-search__app-search .page-search__empty .empty-state-img {
      width: 15%;
      max-width: 144px
  }

.__module-search__customers-card .customer-item {
  margin-bottom: 8px;
  padding: 16px;
  background-color: #fff;
  border-radius: 4px
}

.__module-search__customers-card .customer-item__data, .__module-search__customers-card .customer-item__main {
  display: inline-block;
  vertical-align: middle
}

.__module-search__customers-card .customer-item__link {
  display: inline-block;
  margin-left: 10px;
  margin-top: 5px
}

.__module-search__customers-card .customer-item__data:empty, .__ui-components__event-scheduler .event-wrapper.dragged.extended-left::before, .__ui-components__event-scheduler .event-wrapper.dragged.extended-right::after {
  display: none
}

.__module-search__customers-card .customer-item__main {
  width: 25%
}

.__module-search__customers-card .customer-item__data {
  width: 20%;
  margin: 0 10px
}

  .__module-search__customers-card .customer-item__data .app-icon {
      vertical-align: middle;
      margin: 0 2px 2px 0
  }

.__module-search__customers-card .customer-item--slideup {
  -webkit-animation: slideUpCard .3s ease;
  animation: slideUpCard .3s ease
}

.__module-search__quick-search {
  width: 424px
}

  .__module-search__quick-search .modal-search {
      padding: 0
  }

  .__module-search__quick-search .modal-search-icon {
      top: 8px;
      left: 16px
  }

  .__module-search__quick-search .quick-search-input {
      padding-left: 48px
  }

  .__module-search__quick-search .recent-search-content, .__module-search__quick-search .recently-viewed-content {
      padding: 0 16px
  }

  .__module-search__quick-search .search-clear {
      right: 16px;
      top: 8px
  }

  .__module-search__quick-search .search-loading {
      right: 10px;
      top: 7px
  }

      .__module-search__quick-search .search-loading .path {
          stroke: #475867;
          stroke-width: 7px
      }

  .__module-search__quick-search.custom-objects__search--enabled, .__module-search__quick-search.custom-objects__search--enabled .quick-search {
      width: 480px
  }

.quick-search {
  max-height: 85vh;
  overflow-y: auto;
  position: absolute;
  width: 424px;
  z-index: 1;
  border-radius: 4px;
  background-color: #fff;
  margin-top: 8px
}

  .quick-search .quick-search-header {
      display: flex;
      padding: 8px 16px 0;
      border-bottom: 1px solid #cfd7df;
      align-items: center;
      flex-wrap: wrap
  }

      .quick-search .quick-search-header .spotlight-filter {
          border-radius: 16px;
          padding: 5px 8px;
          border: 1px solid #cfd7df;
          font-weight: 500;
          transition: all .2s ease-in;
          margin: 0 4px 8px 0
      }

          .quick-search .quick-search-header .spotlight-filter.selected {
              background-color: #2c5cc5;
              color: #fff;
              border: 1px solid #2c5cc5
          }

          .quick-search .quick-search-header .spotlight-filter:not(.selected):hover {
              cursor: pointer;
              background-color: #ebeff3;
              color: #12344d
          }

.quick-search__category__active, .quick-search__category__item:hover {
  background-color: #f3f5f7;
  border-radius: 4px
}

.quick-search .search-preferences-wrapper {
  position: relative;
  z-index: 1
}

.quick-search .search-preferences-settings {
  display: flex;
  cursor: pointer;
  position: absolute;
  right: 12px;
  top: 16px
}

.quick-search .search-category-wrapper {
  margin: 16px 24px
}

  .quick-search .search-category-wrapper .placeholder-loader, .quick-search .search-category-wrapper .quick-search__category {
      padding: 16px 0;
      border-bottom: 1px solid #cfd7df
  }

      .quick-search .search-category-wrapper .placeholder-loader:last-of-type, .quick-search .search-category-wrapper .quick-search__category:last-of-type {
          border-bottom: none;
          padding-bottom: 0
      }

      .quick-search .search-category-wrapper .placeholder-loader:first-of-type, .quick-search .search-category-wrapper .quick-search__category:first-of-type {
          padding-top: 0
      }

.quick-search__category {
  -webkit-animation: halfFadeIn .2s ease-in-out;
  animation: halfFadeIn .2s ease-in-out
}

.quick-search__category__customer-data {
  min-width: 0
}

.quick-search__category__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  width: 100%
}

.quick-search__category__title {
  font-weight: 600;
  color: #475867;
  text-transform: capitalize
}

.quick-search__category__item {
  padding: 6px;
  text-decoration: none;
  display: flex;
  width: 100%;
  align-items: center
}

  .quick-search__category__item:hover {
      text-decoration: none
  }

.quick-search__category--loading {
  opacity: .7
}

.attachment__item__file-item .action-btns, .attachment__item__file-item .backlayer {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0
}

.quick-search__noresults {
  -webkit-animation: fadeIn .2s ease-in-out;
  animation: fadeIn .2s ease-in-out;
  padding: 50px 20px 60px;
  text-align: center
}

  .quick-search__noresults .empty-state-img {
      width: 36%;
      max-width: 144px
  }

  .quick-search__noresults .app-icon {
      width: 70px;
      height: auto
  }

.__module-search__tickets-card .ticket-item {
  min-height: 20px;
  padding: 24px;
  border-radius: 4px;
  box-shadow: none
}

  .__module-search__tickets-card .ticket-item .ticket-item__stats {
      color: #183247
  }

.__module-search__tickets-card .ticket-item__main {
  margin: 3px 0 2px
}

.__module-search__tickets-card .ticket-item__sourceicon {
  margin-right: 3px
}

.__module-search__tickets-card .ticket-item--slideup {
  -webkit-animation: slideUpCard .3s ease;
  animation: slideUpCard .3s ease
}

.__module-search__tickets-card .ticket-tag-wrap {
  padding-bottom: 3px
}

.__module-search__tickets-card .list-check-wrap {
  width: auto
}

  .__module-search__tickets-card .list-check-wrap .app-user-photo {
      margin: 0
  }

.__module-search__tickets-card .list-check-wrap--fix_width {
  width: 70px
}

.search-preferences {
  border-radius: 4px;
  min-width: 420px;
  background-color: #f5f7f9
}

  .search-preferences .app-icon {
      width: 15px;
      height: 15px
  }

  .search-preferences .btn-with-loader {
      max-height: 32px
  }

      .search-preferences .btn-with-loader .gravity-loader .path {
          stroke: #fff
      }

.basic-dropdown-content.search-preferences-wrapper {
  background-color: transparent;
  right: 0
}

.search-preferences-trigger:focus, .search-preferences-trigger:hover {
  text-decoration: none
}

.settings-area {
  background-color: #fff;
  padding: 15px 20px 20px
}

  .settings-area .title {
      display: flex;
      justify-content: space-between;
      padding-bottom: 15px;
      font-size: 14px;
      font-weight: 500;
      border-bottom: 1px solid #ebeff3
  }

      .settings-area .title .search-preferences-error {
          display: flex;
          align-items: center
      }

          .settings-area .title .search-preferences-error .app-icon {
              fill: #d72d30
          }

          .settings-area .title .search-preferences-error .content {
              margin-left: 5px;
              color: #d72d30
          }

  .settings-area > .search-setting {
      border-bottom: 1px solid #ebeff3;
      margin-right: 11px
  }

      .settings-area > .search-setting:last-child {
          border-bottom: none
      }

.search-section-with-bg {
  border: 1px solid #ebeff3;
  border-radius: 4px;
  background-color: #f5f7f9;
  padding: 4px 11px 4px 19px;
  margin-top: 40px
}

.attachment__item__file-item .backlayer {
  left: 20px;
  bottom: 0;
  transition: .1s ease-in;
  background-image: linear-gradient(to left,#fff,#fff 47%,rgba(255,255,255,0))
}

.attachment__item__file-item .annotate-image-btn-wrapper .app-icon-btn {
  margin-right: 0;
  height: 29px;
  border-radius: 0 1px 1px 0;
  padding-top: 7px
}

.attachment__item__file-item .hint--top {
  z-index: 500
}

.attachment__item__file-item:hover .action, .attachment__item__file-item:hover .backlayer {
  opacity: 1
}

.__ui-components__circular-progress-bar {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px
}

  .__ui-components__circular-progress-bar .progress-ring {
      transform: rotate(-90deg)
  }

  .__ui-components__circular-progress-bar .progress-ring__circle {
      stroke: #cfd7df
  }

  .__ui-components__circular-progress-bar .progress-ring__progress {
      stroke: #1da1f2;
      transition: .35s stroke-dashoffset;
      transform-origin: 50% 50%
  }

  .__ui-components__circular-progress-bar .char-left-count {
      position: absolute;
      top: 0;
      left: -1px;
      right: 0;
      bottom: 0;
      align-items: center;
      justify-content: center;
      display: flex;
      line-height: normal;
      color: #12344d
  }

  .__ui-components__circular-progress-bar.error .progress-ring__progress {
      stroke: #d72d30
  }

  .__ui-components__circular-progress-bar.error .char-left-count {
      color: #d72d30
  }

  .__ui-components__circular-progress-bar.warning .progress-ring__progress {
      stroke: #e16023
  }

.__ui-components__color-picker-wrapper {
  border-radius: 6px;
  padding: 12px 10px 8px 12px;
  width: 180px;
  float: left;
  margin: 0 16px 0 0;
  box-shadow: 0 2px 5px 0 rgba(22,29,37,.05),0 0 1px rgba(24,50,71,.3);
  cursor: pointer;
  border: 2px solid transparent
}

  .__ui-components__color-picker-wrapper.disabled-color-picker, .__ui-components__color-picker-wrapper.disabled-color-picker .color-input {
      background: #f7f9fa;
      cursor: not-allowed
  }

  .__ui-components__color-picker-wrapper:hover {
      box-shadow: 0 2px 6px 0 rgba(22,29,37,.15),0 0 1px 0 rgba(24,50,71,.3)
  }

  .__ui-components__color-picker-wrapper.disabled-color-picker:hover, .__ui-components__color-picker-wrapper.hold {
      box-shadow: 0 0 1px 0 rgba(24,50,71,.3)
  }

  .__ui-components__color-picker-wrapper.active {
      border: 2px solid #2c5cc5
  }

  .__ui-components__color-picker-wrapper.disabled-color-picker.active {
      border: 2px solid transparent
  }

  .__ui-components__color-picker-wrapper .color-pick-preview {
      float: left;
      height: 32px;
      width: 32px;
      margin-right: 10px;
      border-radius: 2px;
      border: 1px solid rgba(24,50,71,.1)
  }

      .__ui-components__color-picker-wrapper .color-pick-preview ::before {
          display: block;
          clear: both
      }

  .__ui-components__color-picker-wrapper .color-label {
      display: block;
      font-weight: 600;
      font-size: 14px
  }

  .__ui-components__color-picker-wrapper .color-input {
      border: 0;
      float: left;
      width: 60px;
      color: #6f7c87;
      cursor: pointer;
      font-size: 12px
  }

  .__ui-components__color-picker-wrapper .colpic {
      top: 10px;
      bottom: 200px
  }

.__ui-components__date-dropdown {
  display: inline-block
}

  .__ui-components__date-dropdown .calendar-placeholder {
      position: absolute;
      cursor: pointer;
      top: -2px;
      right: -23px
  }

  .__ui-components__date-dropdown .set-date-option {
      padding-top: 8px;
      margin-top: 7px
  }

  .__ui-components__date-dropdown .time-details {
      color: #6f7c87;
      padding-top: 3px
  }

  .__ui-components__date-dropdown .date-selected {
      color: #12344d
  }

      .__ui-components__date-dropdown .date-selected::after {
          content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='12px' height='9px' viewBox='0 0 12 9' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.4 (67378) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3ECheck%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3Cpath d='M4.17095654,7.28764233 C3.74936256,6.89579049 3.08481084,6.91447629 2.68663874,7.32937825 C2.28846663,7.7442802 2.30745383,8.39828338 2.72904782,8.79013522 L5.87904631,11.7179111 C6.3006403,12.109763 6.96519201,12.0910772 7.36336412,11.6761752 L13.3133613,5.47617918 C13.7115334,5.06127722 13.6925462,4.40727405 13.2709522,4.0154222 C12.8493582,3.62357036 12.1848065,3.64225616 11.7866344,4.05715812 L6.55759159,9.50590771 L4.17095654,7.28764233 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='TD-with-Freddy-4-Email' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='ticket-detail--open-copy-2' transform='translate(-1054.000000, -997.000000)'%3E%3Cg id='Group-92' transform='translate(880.000000, 828.000000)'%3E%3Cg id='Group-26'%3E%3Cg id='Group-7' transform='translate(0.000000, 54.000000)'%3E%3Cg id='Group-2' transform='translate(16.000000, 104.000000)'%3E%3Cg id='Icon/new/Check' transform='translate(156.000000, 8.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cuse id='save' fill='%23000000' fill-rule='nonzero' xlink:href='%23path-1'%3E%3C/use%3E%3Cg id='Color/Blue-(Hype)' mask='url(%23mask-2)' fill='%232C5CC5' fill-rule='evenodd'%3E%3Crect id='Color---Jade' x='0' y='0' width='15.8024691' height='15.8024691'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
          position: absolute;
          bottom: 24px;
          right: 20px
      }

  .__ui-components__date-dropdown .date-dropdown-trigger {
      padding-bottom: 4px
  }

  .__ui-components__date-dropdown .date-dropdown-content {
      min-width: 220px;
      border-radius: 4px;
      padding: 10px 10px 8px;
      top: 25px
  }

.__ui-components__diff-table__column-data__default-data .default-data {
  margin-left: 12px;
  max-width: 241px;
  word-wrap: break-word
}

.__ui-components__diff-table__column-data__default-data .default-data__heading {
  color: #6f7c87
}

.__ui-components__diff-table__column-data__default-data .default-data__heading__new {
  margin-left: -5px;
  border-left: 2px solid #00a886
}

.__ui-components__diff-table__column-data__default-data .default-data__new {
  padding-left: 5px
}

.__ui-components__diff-table__column-data__default-data .default-data__content {
  max-width: 241px;
  position: relative;
  padding-bottom: 12px;
  border-left: 1px dashed rgba(111,124,135,.5)
}

.__ui-components__diff-table__column-data__default-data .default-data__evaluate {
  border-left: 1px dashed #475867;
  padding-left: 10px
}

.__ui-components__diff-table__column-data__default-data .default-data__content::before {
  content: "•";
  z-index: 1;
  position: absolute;
  top: inherit;
  left: -3px
}

.__ui-components__diff-table__column-data__default-data .default-data__content::after {
  content: "•";
  z-index: 1;
  position: absolute;
  bottom: -9px;
  left: -3px
}

.__ui-components__diff-table__column-data__default-data .default-data__text {
  margin-left: -2px
}

.__ui-components__diff-table__column-data__default-data .default-data__text__key {
  margin-top: -3px;
  padding-left: 12px
}

.__ui-components__diff-table__column-data__default-data .default-data__multiple-value {
  display: inline-block
}

.__ui-components__diff-table__column-data__default-data .default-data__hide-extra-border {
  width: 3px;
  position: absolute;
  height: 11px;
  z-index: 1;
  top: inherit;
  left: inherit;
  margin-top: -5px;
  margin-left: -1px
}

.__ui-components__diff-table__column-data__default-data .default-data__left {
  background: #f9f9f9
}

.__ui-components__diff-table__column-data__default-data .default-data__right {
  background: #fff
}

.__ui-components__diff-table__column-data__default-data .default-data__expand-collapse {
  margin-left: -7px;
  color: #2c5cc5
}

.__ui-components__diff-table__column-data__default-data .default-data__empty-content, .__ui-components__diff-table__column-data__nested-data .nested-data__heading {
  color: #6f7c87
}

.__ui-components__diff-table__column-data__default-data .default-data__default-value {
  padding-left: 13px;
  margin-top: -10px
}

.__ui-components__diff-table__column-data__default-data .default-data__event-data__key {
  padding-left: 12px;
  margin-top: -10px;
  min-width: fit-content
}

.__ui-components__diff-table__column-data__default-data .default-data__event-data__value {
  margin-top: -19px;
  margin-left: 35px
}

.__ui-components__diff-table__column-data__default-data .default-data__event-data__nested {
  margin-top: -4px
}

.__ui-components__diff-table__column-data__default-data .default-data .default-field {
  padding-top: 3px;
  padding-left: 2px
}

.__ui-components__diff-table__column-data__nested-data .nested-data {
  margin-left: 12px;
  max-width: 241px;
  word-wrap: break-word
}

.__ui-components__diff-table__column-data__nested-data .nested-data__heading__new {
  margin-left: -5px;
  border-left: 2px solid #2c5cc5
}

.__ui-components__diff-table__column-data__nested-data .nested-data__new {
  padding-left: 5px
}

.__ui-components__diff-table__column-data__nested-data .nested-data__content {
  max-width: 241px;
  position: relative;
  border-left: 1px dashed rgba(111,124,135,.5)
}

  .__ui-components__diff-table__column-data__nested-data .nested-data__content::before {
      content: "•";
      z-index: 1;
      position: absolute;
      top: inherit;
      left: -3px
  }

.__ui-components__diff-table__column-data__nested-data .nested-data__text {
  margin-left: -2px
}

.__ui-components__diff-table__column-data__nested-data .nested-data__text__key {
  margin-top: -3px;
  padding-left: 12px
}

.__ui-components__diff-table__column-data__nested-data .nested-data__hide-extra-border {
  width: 3px;
  position: absolute;
  height: 11px;
  z-index: 1;
  top: inherit;
  left: inherit;
  margin-top: -5px;
  margin-left: -1px
}

.__ui-components__diff-table__column-data__nested-data .nested-data__left {
  background: #f9f9f9
}

.__ui-components__diff-table__column-data__nested-data .nested-data__right {
  background: #fff
}

.__ui-components__diff-table__column-data__nested-data .nested-data__nested-value {
  margin-top: 2px;
  padding-left: 2px
}

.__ui-components__diff-table__column-data__nested-data .nested-data .default-field {
  padding-top: 5px;
  padding-left: 2px
}

.__ui-components__doted-preloader {
  position: relative;
  margin-top: 8px;
  margin-right: 5px;
  width: 5px;
  height: 5px;
  border-radius: 2.5px;
  background-color: #acb6be;
  color: #acb6be;
  animation: dotFlashing 1s infinite linear alternate;
  animation-delay: .5s
}

  .__ui-components__doted-preloader::after, .__ui-components__doted-preloader::before {
      content: "";
      display: inline-block;
      position: absolute;
      top: 0
  }

  .__ui-components__doted-preloader::before {
      left: -7.5px;
      width: 5px;
      height: 5px;
      border-radius: 2.5px;
      background-color: #acb6be;
      color: #acb6be;
      animation: dotFlashing 1s infinite alternate;
      animation-delay: 0s
  }

  .__ui-components__doted-preloader::after {
      left: 7.5px;
      width: 5px;
      height: 5px;
      border-radius: 2.5px;
      background-color: #acb6be;
      color: #acb6be;
      animation: dotFlashing 1s infinite alternate;
      animation-delay: 1s
  }

.dots-parent-instance .dots::after {
  animation: dot-animate 1s infinite linear alternate;
  border-radius: 50%;
  display: inline-block;
  margin-left: 15px;
  margin-right: 15px;
  width: 5px;
  height: 5px;
  content: ""
}

@keyframes dot-animate {
  0% {
      background: #000;
      box-shadow: 10px 0 #000,-10px 0 #0002
  }

  33% {
      background: 0 0;
      box-shadow: 10px 0 #000,-10px 0 #0002
  }

  66% {
      background: 0 0;
      box-shadow: 10px 0 #0002,-10px 0 #000
  }

  100% {
      background: #000;
      box-shadow: 10px 0 #0002,-10px 0 #000
  }
}

.__ui-components__drag-and-drop-file.dragover {
  border: 1px dashed #cfd7df
}

.__ui-components__drag-and-drop-file .drag-n-drop {
  width: 100%;
  background-color: #f3f5f7;
  min-height: inherit;
  padding: 0
}

  .__ui-components__drag-and-drop-file .drag-n-drop .attachment__item {
      margin-right: 0
  }

  .__ui-components__drag-and-drop-file .drag-n-drop .upload-icon {
      fill: #6f7c87
  }

.__ui-components__drag-and-drop-file .error-msg-block {
  color: #d72d30;
  position: relative;
  width: 100%;
  height: 20px;
  text-align: center;
  margin: 0;
  padding: 36px 0 24px
}

.__ui-components__drag-and-drop-file .browse-file {
  position: relative;
  text-align: center
}

.__ui-components__drag-and-drop-file .browse-file__drop-txt {
  line-height: 25px;
  font-size: 13px;
  color: #acb6be;
  padding-top: 8px
}

.__ui-components__drag-and-drop-file .browse-file__drop-img {
  margin-top: 5px;
  color: #2c5cc5;
  display: inline-block;
  cursor: pointer;
  text-decoration: none
}

.__ui-components__drag-and-drop-file .browse-file__drop-img-txt {
  padding-top: 5px
}

.__ui-components__drag-and-drop-file .drag-n-drop__upload-progression {
  top: 71px;
  position: relative;
  max-width: 300px;
  margin: auto
}

.__ui-components__drop-down {
  display: inline-block
}

  .__ui-components__drop-down .dropdown__option {
      cursor: pointer;
      position: relative;
      margin-bottom: 5px;
      padding: 6px 0 7px 12px;
      border-radius: 4px;
      font-size: 14px
  }

      .__ui-components__drop-down .dropdown__option:hover {
          background-color: #ebeff3
      }

      .__ui-components__drop-down .dropdown__option.selected {
          color: #2c5cc5;
          background-color: #e5f2fd
      }

          .__ui-components__drop-down .dropdown__option.selected::before {
              content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='12px' height='9px' viewBox='0 0 12 9' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.4 (67378) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3ECheck%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3Cpath d='M4.17095654,7.28764233 C3.74936256,6.89579049 3.08481084,6.91447629 2.68663874,7.32937825 C2.28846663,7.7442802 2.30745383,8.39828338 2.72904782,8.79013522 L5.87904631,11.7179111 C6.3006403,12.109763 6.96519201,12.0910772 7.36336412,11.6761752 L13.3133613,5.47617918 C13.7115334,5.06127722 13.6925462,4.40727405 13.2709522,4.0154222 C12.8493582,3.62357036 12.1848065,3.64225616 11.7866344,4.05715812 L6.55759159,9.50590771 L4.17095654,7.28764233 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='TD-with-Freddy-4-Email' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='ticket-detail--open-copy-2' transform='translate(-1054.000000, -997.000000)'%3E%3Cg id='Group-92' transform='translate(880.000000, 828.000000)'%3E%3Cg id='Group-26'%3E%3Cg id='Group-7' transform='translate(0.000000, 54.000000)'%3E%3Cg id='Group-2' transform='translate(16.000000, 104.000000)'%3E%3Cg id='Icon/new/Check' transform='translate(156.000000, 8.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cuse id='save' fill='%23000000' fill-rule='nonzero' xlink:href='%23path-1'%3E%3C/use%3E%3Cg id='Color/Blue-(Hype)' mask='url(%23mask-2)' fill='%232C5CC5' fill-rule='evenodd'%3E%3Crect id='Color---Jade' x='0' y='0' width='15.8024691' height='15.8024691'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
              position: absolute;
              right: 10px
          }

  .__ui-components__drop-down .pointer::after, .__ui-components__drop-down .pointer::before {
      bottom: 100%;
      border: solid transparent;
      content: "";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none
  }

  .__ui-components__drop-down .pointer::before {
      border-color: rgba(229,229,229,0);
      border-bottom-color: #fff;
      border-width: 6px;
      left: 10px;
      top: -20px
  }

  .__ui-components__drop-down .pointer::after {
      top: -22px
  }

  .__ui-components__drop-down .pointer.right::before {
      left: inherit;
      right: 10px
  }

  .__ui-components__drop-down .description {
      text-indent: 16px;
      color: #989e9d
  }

  .__ui-components__drop-down .title {
      margin: 4px 0 6px 5px;
      font-size: 12px;
      color: #475867
  }

  .__ui-components__drop-down .basic-dropdown .basic-dropdown-content {
      min-width: 220px;
      border-radius: 4px;
      padding: 10px 7px 4px
  }

.editable-field .input.editable-input .text-field {
  margin: 0;
  padding: 0 8px;
  min-height: unset
}

.editable-field .error .help-block {
  color: #d72d30
}

.editable-field--large.editable-field--active .editable-input {
  width: 480px
}

.__ui-components__dynamic-loader__no-data .no-data {
  margin-top: 30px;
  display: block;
  text-align: center;
  color: #989e9d
}

.__ui-components__event-scheduler .es__calendar-wrapper {
  margin: 8px;
  overflow: scroll;
  position: relative;
  border-radius: 4px
}

  .__ui-components__event-scheduler .es__calendar-wrapper .calendar {
      position: absolute;
      top: 0;
      min-height: 100%
  }

.__ui-components__event-scheduler .calendar__row {
  display: flex
}

.__ui-components__event-scheduler .calendar__row--bg-layer {
  position: absolute;
  height: 100%;
  width: 100%
}

  .__ui-components__event-scheduler .calendar__row--bg-layer .empty-message {
      color: #6f7c87;
      padding: 10px;
      text-align: center
  }

.__ui-components__event-scheduler .calendar__row--name {
  width: 200px;
  min-width: 200px;
  position: sticky;
  left: 0;
  border-right: solid 1px #ebeef0;
  border-bottom: solid 1px #ebeef0;
  background-color: #fff;
  z-index: 2
}

  .__ui-components__event-scheduler .calendar__row--name .resource-name {
      padding: 10px
  }

.__ui-components__event-scheduler .calendar__row--grid {
  position: relative;
  display: grid;
  grid-auto-rows: 50px;
  grid-template-rows: 50px;
  grid-auto-flow: dense;
  flex-grow: 1;
  border-bottom: solid 1px #ebeef0
}

.__ui-components__event-scheduler.day-view .calendar__row--grid {
  grid-template-columns: repeat(48,50px);
  background: repeating-linear-gradient(90deg,transparent,transparent 49px,#ebeef0 49px,#ebeef0 50px);
  background-color: #fff
}

.__ui-components__event-scheduler.week-view .calendar {
  width: 100%
}

.__ui-components__event-scheduler.week-view .calendar__row--grid {
  grid-template-columns: repeat(7,minmax(120px,1fr));
  background: repeating-linear-gradient(90deg,transparent,transparent calc((100% / 7) - 1px),#ebeef0 calc((100% / 7) - 1px),#ebeef0 calc(100% / 7));
  background-color: #fff
}

.__ui-components__event-scheduler.month-view.month-28 .calendar__row--grid {
  grid-template-columns: repeat(28,minmax(120px,1fr));
  background: repeating-linear-gradient(90deg,transparent,transparent calc((100% / 28) - 1px),#ebeef0 calc((100% / 28) - 1px),#ebeef0 calc(100% / 28));
  background-color: #fff
}

.__ui-components__event-scheduler.month-view.month-29 .calendar__row--grid {
  grid-template-columns: repeat(29,minmax(120px,1fr));
  background: repeating-linear-gradient(90deg,transparent,transparent calc((100% / 29) - 1px),#ebeef0 calc((100% / 29) - 1px),#ebeef0 calc(100% / 29));
  background-color: #fff
}

.__ui-components__event-scheduler.month-view.month-30 .calendar__row--grid {
  grid-template-columns: repeat(30,minmax(120px,1fr));
  background: repeating-linear-gradient(90deg,transparent,transparent calc((100% / 30) - 1px),#ebeef0 calc((100% / 30) - 1px),#ebeef0 calc(100% / 30));
  background-color: #fff
}

.__ui-components__event-scheduler.month-view.month-31 .calendar__row--grid {
  grid-template-columns: repeat(31,minmax(120px,1fr));
  background: repeating-linear-gradient(90deg,transparent,transparent calc((100% / 31) - 1px),#ebeef0 calc((100% / 31) - 1px),#ebeef0 calc(100% / 31));
  background-color: #fff
}

.es__toolbar {
  display: flex;
  height: 56px;
  background: #f5f7f9
}

  .es__toolbar .arrow, .es__toolbar .date-picker--arrow, .es__toolbar .event-duration--arrow {
      top: 5px;
      width: 6px;
      height: 6px;
      border-top: 2px solid #12344d;
      border-right: 2px solid #12344d
  }

.es__toolbar-panel {
  padding: 10px
}

.es__toolbar-panel--center {
  flex-grow: 1
}

.es__toolbar-panel .navigation {
  height: 100%;
  margin: 0
}

.es__toolbar-panel .navigation--left {
  border-radius: 4px 0 0 4px;
  position: relative;
  right: -1px
}

.es__toolbar-panel .navigation--right {
  border-radius: 0 4px 4px 0
}

.es__toolbar .date-picker {
  position: relative;
  padding-right: 24px
}

.es__toolbar .date-picker--icon {
  vertical-align: middle
}

.es__toolbar .date-picker--period {
  font-weight: 500;
  font-size: 16px;
  vertical-align: middle;
  margin: 0 4px
}

.es__toolbar .event-duration {
  position: relative;
  padding-right: 24px
}

.es__toolbar .event-duration--value {
  font-weight: 500
}

.es-event-duration-dd {
  border-radius: 4px
}

  .es-event-duration-dd .durations-list {
      margin: 16px
  }

      .es-event-duration-dd .durations-list input[type=radio] + label {
          display: block;
          margin-bottom: 12px
      }

          .es-event-duration-dd .durations-list input[type=radio] + label::before {
              top: 5px
          }

      .es-event-duration-dd .durations-list input[type=radio]:checked + label::after {
          top: 8px
      }

.__ui-components__event-scheduler .calendar__header {
  position: sticky;
  top: 0;
  z-index: 3;
  min-height: 100px;
  background-color: #fff
}

  .__ui-components__event-scheduler .calendar__header .calendar__row--name {
      font-weight: 500
  }

.__ui-components__event-scheduler .calendar__header--slot {
  font-size: 12px;
  background: #fff;
  border-right: solid 1px #ebeef0;
  flex-direction: column
}

  .__ui-components__event-scheduler .calendar__header--slot:last-child {
      border-right: none
  }

  .__ui-components__event-scheduler .calendar__header--slot .es-day-number {
      padding: 0;
      margin-top: 6px;
      font-size: 14px;
      height: 32px;
      min-width: 32px;
      border-radius: 4px
  }

      .__ui-components__event-scheduler .calendar__header--slot .es-day-number:hover {
          background: #ebedf0;
          border: 1px solid #ebedf0
      }

  .__ui-components__event-scheduler .calendar__header--slot .es-day-number--today {
      background: #264966;
      color: #fff;
      border-color: #264966
  }

      .__ui-components__event-scheduler .calendar__header--slot .es-day-number--today:hover {
          background: #264966;
          border: 1px solid #264966
      }

  .__ui-components__event-scheduler .calendar__header--slot .es-day-number--selected, .__ui-components__event-scheduler .calendar__header--slot .es-day-number--selected:hover {
      border: 1px solid #264966
  }

.__ui-components__event-scheduler.day-view .current-time {
  position: absolute;
  top: 1px;
  z-index: 1;
  height: 100%
}

.__ui-components__event-scheduler.day-view .current-time__line {
  background: #c82124;
  width: 1px;
  height: 100%
}

.__ui-components__event-scheduler.day-view .current-time__box {
  position: absolute;
  top: 0;
  left: -27px;
  width: 54px;
  padding: 4px;
  color: #fff;
  background: #c82124;
  border-radius: 20px;
  text-align: center;
  font-weight: 400
}

.__ui-components__event-scheduler.day-view .calendar__header--slot {
  border: none;
  border-bottom: solid 1px #ebeef0
}

.__ui-components__event-scheduler.month-view .calendar__header .calendar__row--grid, .__ui-components__event-scheduler.week-view .calendar__header .calendar__row--grid {
  grid-auto-rows: 100px;
  grid-template-rows: 100px
}

.__ui-components__event-scheduler .calendar__content:nth-child(odd) .calendar__row--grid, .__ui-components__event-scheduler .calendar__content:nth-child(odd) .calendar__row--name {
  background-color: #f4f9ff
}

.__ui-components__event-scheduler .calendar__content:nth-child(odd) .event-wrapper.extended-left::before, .__ui-components__event-scheduler .calendar__content:nth-child(odd) .event-wrapper.extended-right::after, .__ui-components__event-scheduler .calendar__content:nth-child(odd) .extended-event {
  border-color: #f4f9ff transparent #f4f9ff #f4f9ff
}

.__ui-components__event-scheduler .calendar__content.calendar__row--place-holder .calendar__row--name {
  height: auto
}

.__ui-components__event-scheduler .calendar__content.calendar__row--place-holder .calendar__row--grid {
  height: auto;
  width: auto
}

.__ui-components__event-scheduler .calendar__content .calendar__row--grid {
  padding: 6px 0;
  grid-row-gap: 6px
}

  .__ui-components__event-scheduler .calendar__content .calendar__row--grid.activated {
      background: rgba(188,229,255,.7)
  }

.__ui-components__event-scheduler .event-wrapper.extended-left::before, .__ui-components__event-scheduler .event-wrapper.extended-right::after, .__ui-components__event-scheduler .extended-event {
  content: "";
  position: absolute;
  top: 0;
  border-top: 25px solid #fff;
  border-bottom: 25px solid #fff;
  border-left: 2px solid #fff;
  border-right: 10px solid transparent
}

.__ui-components__event-scheduler .event-wrapper {
  height: 100%;
  margin: 0 2px;
  position: relative
}

  .__ui-components__event-scheduler .event-wrapper.extended-left::before {
      left: 0
  }

  .__ui-components__event-scheduler .event-wrapper.extended-right::after {
      right: 0
  }

  .__ui-components__event-scheduler .event-wrapper.dragged {
      opacity: .5
  }

.__ui-components__event-scheduler .event-wrapper-enter {
  opacity: 0
}

  .__ui-components__event-scheduler .event-wrapper-enter.event-wrapper-enter-active {
      opacity: 1;
      animation: fade-in .5s ease-in
  }

.__ui-components__event-scheduler .event-wrapper-leave {
  opacity: 1
}

  .__ui-components__event-scheduler .event-wrapper-leave.event-wrapper-leave-active {
      opacity: 0;
      animation: fade-out .1s ease-out
  }

.__ui-components__event-scheduler .event-wrapper .event {
  height: 100%;
  padding: 4px;
  background-color: #424379;
  color: #fff;
  border-radius: 4px;
  overflow: hidden;
  user-select: none;
  touch-action: none
}

  .__ui-components__event-scheduler .event-wrapper .event:hover, .__ui-components__resource-pagination .resource-list.open .pgn, .__ui-components__resource-pagination .resource-list.open .pgn:hover {
      background-color: #12344d
  }

  .__ui-components__event-scheduler .event-wrapper .event:focus-within {
      border: 1px solid #2e6ed8;
      box-shadow: inset 0 0 0 1px #2e6ed8
  }

.es__external-events {
  display: flex;
  flex-direction: column
}

.es__external-events--header {
  position: sticky;
  top: 0;
  padding: 10px;
  background: #ebeff3
}

.es__external-events--empty-content {
  height: 100%;
  flex-direction: column
}

  .es__external-events--empty-content .empty-message {
      display: block;
      text-align: center
  }

.es__external-events--content {
  flex-grow: 1;
  padding: 0 10px;
  overflow: scroll
}

.es__external-events .external-event-wrapper .event {
  padding: 8px;
  margin-bottom: 8px;
  background-color: #fff;
  border-radius: 4px;
  user-select: none;
  touch-action: none
}

.es__external-events .external-event-wrapper--data[draggable=true] {
  cursor: grab
}

.es__external-events .external-event-wrapper--data.dragged {
  opacity: .5
}

.es__external-events .external-event-wrapper--data:not(.dragged) .event:hover {
  background-color: #f8f9fa
}

.es__external-events .external-event-wrapper--placeholder {
  height: auto
}

  .es__external-events .external-event-wrapper--placeholder .title {
      margin: 8px 0
  }

.filter-items-container .app-icon-btn--filter-search {
  margin-right: -5px
}

  .filter-items-container .app-icon-btn--filter-search .app-icon {
      stroke-width: 1px;
      stroke: #6f7c87
  }

  .filter-items-container .app-icon-btn--filter-search.active {
      box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
      border: 0
  }

.filter-item .nested-border {
  border-left: 1px dashed #cfd7df
}

.filter-item .shared-ownership-selector {
  border-radius: 3px;
  margin: 3px 0 0;
  padding-left: 0
}

  .filter-item .shared-ownership-selector.selected, .filter-item .shared-ownership-selector:hover {
      background-color: #f3f5f7;
      transition: all .3s ease
  }

      .filter-item .shared-ownership-selector.selected .shared-ownership-selector__icon, .filter-item .shared-ownership-selector:hover .shared-ownership-selector__icon {
          fill: #12344d
      }

.filter-item .shared-ownership-selector--extramargin {
  margin-top: 4px
}

.filter-item .shared-ownership-selector__icon {
  fill: #6f7c87;
  width: 14px;
  vertical-align: text-top
}

.filter-item .shared-ownership-selector__dropdown .basic-dropdown-content .pointer {
  left: 176px
}

.filter-item .shared-ownership-selector__icon--arrow {
  vertical-align: middle;
  fill: #6f7c87;
  padding-bottom: 0;
  width: 12px;
  height: 10px;
  padding-right: 0
}

.filter-item .lookup-filter .input {
  margin-bottom: 0
}

.__ui-components__formatted-data__email-data .email, .__ui-components__formatted-data__webhook-data .webhook {
  margin-bottom: -5px;
  word-wrap: break-word
}

.__ui-components__formatted-data__email-data .email__content {
  max-width: 241px;
  position: relative;
  padding: 10px 0 0 12px;
  border-left: 1px dashed rgba(111,124,135,.5)
}

  .__ui-components__formatted-data__email-data .email__content::after {
      content: "•";
      z-index: 1;
      position: absolute;
      top: 0;
      left: -3px
  }

.__ui-components__formatted-data__email-data .email__text {
  margin-left: -2px
}

.__ui-components__formatted-data__email-data .email__text__key {
  margin-top: -9px;
  padding-bottom: 3px
}

.__ui-components__formatted-data__email-data .email__hide-extra-border {
  width: 2px;
  position: absolute;
  height: 8px;
  z-index: 1;
  left: inherit;
  top: inherit
}

.__ui-components__formatted-data__email-data .email__left {
  background: #f9f9f9
}

.__ui-components__formatted-data__email-data .email__right {
  background: #fff
}

.__ui-components__formatted-data__nested-block-data .nested-block__left, .__ui-components__formatted-data__webhook-data .webhook__left {
  background: #f9f9f9
}

.__ui-components__formatted-data__email-data .email__expand-collapse {
  margin-left: -7px;
  color: #2c5cc5
}

.__ui-components__formatted-data__nested-block-data .nested-block {
  word-wrap: break-word
}

.__ui-components__formatted-data__nested-block-data .nested-block__data {
  max-width: 241px;
  position: relative;
  padding-left: 12px;
  padding-bottom: 5px
}

.__ui-components__formatted-data__nested-block-data .nested-block__data__border {
  border-left: 1px dashed rgba(111,124,135,.5)
}

.__ui-components__formatted-data__nested-block-data .nested-block__data::before {
  content: "•";
  z-index: 1;
  position: absolute;
  top: -1px;
  left: -3px
}

.__ui-components__formatted-data__nested-block-data .nested-block__hide-parent-border {
  width: 2px;
  position: absolute;
  height: 10px;
  z-index: 1;
  top: inherit;
  left: inherit
}

.__ui-components__formatted-data__nested-block-data .nested-block__text {
  margin-left: -2px
}

.__ui-components__formatted-data__nested-block-data .nested-block__text__inline {
  display: inline-block
}

.__ui-components__formatted-data__nested-block-data .nested-block__right {
  background: #fff
}

.__ui-components__formatted-data__nested-block-data .nested-block__child-border {
  width: 22px;
  position: absolute;
  height: 10px;
  z-index: 1;
  border-bottom-left-radius: 3px;
  border-left: 1px dashed rgba(111,124,135,.5);
  border-bottom: 1px dashed rgba(111,124,135,.5)
}

.__ui-components__formatted-data__nested-block-data .nested-block__child-border__left-child-right-border {
  border-right: 1px solid #f9f9f9
}

.__ui-components__formatted-data__nested-block-data .nested-block__child-border__right-child-right-border {
  border-right: 1px solid #fff
}

.__ui-components__formatted-data__nested-block-data .nested-block__first-child {
  margin-left: 21px
}

.__ui-components__formatted-data__nested-block-data .nested-block__second-child {
  margin-left: 42px
}

.__ui-components__formatted-data__webhook-data .webhook__content {
  max-width: 241px;
  position: relative;
  padding: 15px 0 0 12px;
  border-left: 1px dashed rgba(111,124,135,.5)
}

  .__ui-components__formatted-data__webhook-data .webhook__content::after {
      content: "•";
      z-index: 1;
      position: absolute;
      top: 10px;
      left: -3px
  }

.__ui-components__formatted-data__webhook-data .webhook__text {
  margin-left: -2px
}

.__ui-components__formatted-data__webhook-data .webhook__text__key {
  margin-top: -4px;
  margin-bottom: -2px
}

.__ui-components__formatted-data__webhook-data .webhook__hide-extra-border {
  width: 2px;
  position: absolute;
  height: 21px;
  z-index: 1;
  left: inherit;
  top: inherit
}

.__ui-components__formatted-data__webhook-data .webhook__right {
  background: #fff
}

.__ui-components__formatted-data__webhook-data .webhook__expand-collapse {
  margin-left: -7px;
  color: #2c5cc5
}

.__ui-components__fresh-pagination .pagination-wrapper {
  display: inline-block;
  width: 100%;
  padding-bottom: 10px
}

  .__ui-components__fresh-pagination .pagination-wrapper .pagination__gap {
      color: #acb6be;
      padding: 3px 6px;
      font-size: 17px;
      border: 1px solid #cfd7df;
      vertical-align: middle;
      border-radius: 2px;
      margin: 0 2px;
      line-height: normal
  }

  .__ui-components__fresh-pagination .pagination-wrapper .pagination__link {
      vertical-align: middle;
      margin: 0 2px;
      color: #12344d;
      border: 1px solid #cfd7df;
      padding-left: 7px;
      padding-right: 7px;
      padding-top: 0;
      cursor: pointer
  }

      .__ui-components__fresh-pagination .pagination-wrapper .pagination__link:hover {
          background-color: #f3f5f7;
          background-image: none
      }

      .__ui-components__fresh-pagination .pagination-wrapper .pagination__link:focus {
          transform: scale(.98);
          border: 1px solid #2e6ed8;
          box-shadow: 0 0 0 1px #2e6ed8
      }

  .__ui-components__fresh-pagination .pagination-wrapper .pagination__link--active, .__ui-components__fresh-pagination .pagination-wrapper .pagination__link--active:hover {
      cursor: default;
      border: 1px solid #b1bdc8;
      box-shadow: inset 0 0 4px 0 rgba(39,49,58,.26)
  }

  .__ui-components__fresh-pagination .pagination-wrapper .pagination__link--disabled {
      pointer-events: none;
      cursor: default;
      color: #647a8e;
      background-image: none;
      background-color: #f3f5f7
  }

      .__ui-components__fresh-pagination .pagination-wrapper .pagination__link--disabled .app-icon {
          fill: #647a8e
      }

  .__ui-components__fresh-pagination .pagination-wrapper .pagination__arrow {
      margin-top: 5px
  }

  .__ui-components__fresh-pagination .pagination-wrapper .next {
      margin-right: 0
  }

  .__ui-components__fresh-pagination .pagination-wrapper .pagination-count .basic-dropdown {
      display: inline-block
  }

      .__ui-components__fresh-pagination .pagination-wrapper .pagination-count .basic-dropdown .basic-dropdown-content--in-place {
          box-shadow: none;
          min-width: 100px
      }

          .__ui-components__fresh-pagination .pagination-wrapper .pagination-count .basic-dropdown .basic-dropdown-content--in-place .dropdown-pagination {
              min-width: unset
          }

  .__ui-components__fresh-pagination .pagination-wrapper .pagination-count .basic-dropdown-trigger--above .app-icon-btn {
      background-color: #2c5cc5;
      border-color: #2c5cc5;
      color: #fff;
      box-shadow: inset 0 0 2px 0 rgba(24,50,71,.2)
  }

      .__ui-components__fresh-pagination .pagination-wrapper .pagination-count .basic-dropdown-trigger--above .app-icon-btn .app-icon {
          fill: #fff
      }

  .__ui-components__fresh-pagination .pagination-wrapper .pagination-count .app-icon-btn {
      margin: 0 5px;
      padding-top: 2px;
      color: #183247
  }

  .__ui-components__fresh-pagination .pagination-wrapper .pagination-count .app-icon {
      width: 9px;
      height: 9px
  }

  .__ui-components__fresh-pagination .pagination-wrapper .pagination-details {
      height: 32px;
      line-height: 32px;
      margin-left: 16px
  }

.__ui-components__fresh-pagination.page-legend {
  margin-left: 0;
  margin-right: 0;
  padding: 5px;
  color: #000;
  background-color: #f5f7f9;
  border-radius: 4px
}

.__ui-components__fresh-tips .fresh-tips {
  color: #fff;
  background-color: #183247;
  position: fixed;
  z-index: 998;
  width: 340px;
  border-radius: 4px;
  box-shadow: 0 24px 19px 2px rgba(0,0,0,.06),0 1px 3px 0 rgba(0,0,0,.1),0 0 1px 0 rgba(0,0,0,.1)
}

.__ui-components__fresh-tips .fresh-tips__main-content {
  padding: 16px 24px
}

.__ui-components__fresh-tips .fresh-tips__cta {
  padding: 20px 24px
}

.__ui-components__fresh-tips .fresh-tips-secondary-action {
  float: right;
  font-size: 12px;
  padding-top: 7px;
  line-height: 1.42;
  text-align: right;
  color: #acb6be;
  cursor: pointer
}

  .__ui-components__fresh-tips .fresh-tips-secondary-action:hover {
      color: #fff;
      text-decoration: underline
  }

.__ui-components__fresh-tips .fresh-tips-title {
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  color: #fff;
  padding-bottom: 3px
}

.__ui-components__fresh-tips .fresh-tips-body {
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  line-height: 1.42;
  padding-top: 3px;
  text-align: left;
  color: #fff
}

.__ui-components__fresh-tips .bottom-right {
  -webkit-animation-name: slideFromBottom;
  -webkit-animation-duration: .3s;
  animation: slideFromBottom .3s;
  transition-timing-function: ease-in-out;
  bottom: 0;
  right: 0;
  margin: 16px
}

.__ui-components__fresh-tips .bottom-left {
  -webkit-animation-name: slideFromBottom;
  -webkit-animation-duration: .3s;
  animation: slideFromBottom .3s;
  transition-timing-function: ease-in-out;
  bottom: 0;
  left: 0;
  margin: 16px
}

.__ui-components__fresh-tips .top-right {
  -webkit-animation-name: slidefromtop;
  -webkit-animation-duration: 1s;
  animation-name: slidefromtop;
  animation-duration: 1s;
  top: 0;
  right: 0;
  margin: 16px
}

.__ui-components__fresh-tips .top-left {
  -webkit-animation-name: slidefromtop;
  -webkit-animation-duration: 1s;
  animation-name: slidefromtop;
  animation-duration: 1s;
  top: 0;
  left: 0;
  margin: 16px
}

.__ui-components__fresh-tips .exit-bottom-right {
  right: 0;
  bottom: 0;
  margin: 16px;
  -webkit-animation-name: slideOutBottom;
  -webkit-animation-duration: .8s;
  animation-name: slideOutBottom;
  transition-timing-function: ease-in-out;
  animation-duration: .8s
}

.__ui-components__fresh-tips .exit-bottom-left {
  right: 0;
  bottom: 0;
  margin: 16px;
  -webkit-animation-name: slideOutBottom;
  -webkit-animation-duration: 1s;
  animation-name: slideOutBottom;
  animation-duration: 1s
}

.__ui-components__fresh-tips .exit-top-right {
  right: 0;
  top: 0;
  margin: 16px;
  -webkit-animation-name: slideOutTop;
  -webkit-animation-duration: 1s;
  animation-name: slideOutTop;
  animation-duration: 1s
}

.__ui-components__fresh-tips .exit-top-left {
  left: 0;
  top: 0;
  margin: 16px;
  -webkit-animation-name: slideOutTop;
  -webkit-animation-duration: 1s;
  animation-name: slideOutTop;
  animation-duration: 1s
}

.__ui-components__fresh-tips .hide {
  display: none
}

.__ui-components__fresh-tips .title-with-icon {
  padding-left: 8px
}

.__ui-components__fresh-tips .part-loading {
  position: absolute;
  top: 50%;
  left: 45%
}

.__ui-components__fresh-tips .icon-left {
  padding-top: 2px;
  float: left
}

.__ui-components__fresh-tips .loader-container {
  height: 170px;
  width: 300px
}

.__ui-components__fresh-tips .success-div {
  text-align: center;
  opacity: 0;
  animation-name: fadeInWithDelay;
  animation-duration: 6.05s
}

.__ui-components__fresh-tips .success-div__success-circle {
  border: 2.7px solid #2c5cc5;
  position: absolute;
  margin-top: 33px;
  margin-left: 148px;
  height: 34px;
  width: 34px;
  border-radius: 50%
}

.__ui-components__fresh-tips .success-div__success-circle__success-icon {
  margin-top: 32px;
  margin-left: 30px;
  fill: #fff;
  height: 36px;
  width: 36px
}

.__ui-components__fresh-tips .success-div__successtext {
  transition-timing-function: ease-in-out;
  -webkit-font-smoothing: antialiased;
  margin-left: 30px;
  padding-top: 4px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .5px
}

.__ui-components__fresh-tips .success-div__secondarysuccesstext {
  animation: fadeIn .4s;
  -webkit-font-smoothing: antialiased;
  width: 200px;
  padding-top: 4px;
  font-size: 12px;
  margin-left: 71px;
  line-height: 1.4;
  color: #dadfe3
}

.__ui-components__fresh-tips .containerr {
  position: absolute;
  opacity: 0;
  top: 49%;
  left: 47%;
  width: 17px;
  height: 17px;
  animation-name: delayedHideCircle;
  animation-duration: 6.05s
}

.__ui-components__fresh-tips .containerr__halfclip {
  width: 50%;
  height: 100%;
  right: 0;
  position: absolute;
  overflow: hidden;
  transform-origin: left center;
  animation: clipRotate .8s steps(2) infinite;
  -webkit-animation: clipRotate .8s steps(2) infinite
}

.__ui-components__fresh-tips .containerr__halfclip__clipped {
  width: 200%;
  animation: rotate .4s linear infinite;
  -webkit-animation: rotate .4s linear infinite
}

.__ui-components__fresh-tips .containerr__fixed {
  width: 100%;
  transform: rotate(135deg);
  animation: showFixed .8s steps(2) infinite;
  -webkit-animation: showFixed .8s linear infinite
}

.__ui-components__fresh-tips .halfcircle {
  box-sizing: border-box;
  height: 100%;
  right: 0;
  position: absolute;
  border: 2px solid transparent;
  border-top-color: #2c5cc5;
  border-left-color: #2c5cc5;
  border-radius: 50%
}

.__ui-components__fresh-tips .moveContainer__moveCircle {
  color: #2c5cc5;
  position: absolute;
  animation-delay: .8s;
  -webkit-animation-name: transitionToDone;
  -webkit-animation-duration: 1s;
  animation-name: transitionToDone;
  animation-duration: 1s
}

.__ui-components__fresh-tips .button-pressed {
  opacity: .5;
  cursor: none
}

.__ui-components__fresh-tips .error-div {
  animation-name: errorTransition;
  animation-duration: 1s;
  -webkit-animation-name: errorTransition;
  -webkit-animation-duration: 1s;
  text-align: center;
  height: 168px;
  width: 300px
}

.__ui-components__fresh-tips .error-div__failureicon {
  position: absolute;
  margin-top: 33px;
  margin-left: -2px;
  fill: #fff;
  height: 34.5px;
  width: 34.5px
}

.__ui-components__fresh-tips .error-div__errortext {
  animation: fadeIn .4s;
  padding-top: 75px;
  -webkit-font-smoothing: antialiased;
  margin-left: 30px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .5px
}

.__ui-components__fresh-tips .error-div__errorsecondarytext {
  animation: fadeIn .4s;
  -webkit-font-smoothing: antialiased;
  width: 200px;
  padding-top: 4px;
  font-size: 12px;
  margin-left: 71px;
  line-height: 1.4;
  color: #dadfe3
}

.__ui-components__fresh-tips .failure-circle {
  border: 3px solid #ff5959;
  position: absolute;
  margin-top: 33px;
  margin-left: 148px;
  height: 34px;
  width: 34px;
  border-radius: 50%
}

.__ui-components__gravity-loader {
  display: inline-block;
  width: 25px;
  height: 20px;
  position: relative
}

.circular {
  animation: checkbox-rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto
}

.path {
  stroke-dasharray: 150,200;
  stroke-dashoffset: -20;
  stroke-width: 4px;
  stroke: #2c5cc5;
  animation: gravity-dash 1s ease-in-out infinite;
  stroke-linecap: round
}

.gravity-loader {
  position: absolute;
  margin: 0 auto;
  width: 16px;
  top: 3px;
  left: 0
}

  .gravity-loader::before {
      content: "";
      display: block;
      padding-top: 100%
  }

.gravity-animation-enter.gravity-animation-enter-active {
  animation: fade-in .3s ease-out;
  opacity: 1
}

.gravity-animation-leave.gravity-animation-leave-active {
  animation: fade-out .5s ease-out;
  opacity: 0
}

.animation-content-enter.animation-content-enter-active {
  animation: fade-in .4s ease-out;
  opacity: 1
}

.animation-content-leave.animation-content-leave-active {
  animation: fade-out .5s ease-out;
  opacity: 0
}

@keyframes fade-out {
  0% {
      opacity: 1
  }

  100% {
      opacity: 0
  }
}

@keyframes fade-in {
  0% {
      opacity: 0
  }

  100% {
      opacity: 1
  }
}

@keyframes checkbox-rotate {
  100% {
      transform: rotate(360deg)
  }
}

@keyframes gravity-dash {
  0% {
      stroke-dasharray: 1,200;
      stroke-dashoffset: 0
  }

  50% {
      stroke-dasharray: 89,200;
      stroke-dashoffset: -35px
  }

  100% {
      stroke-dasharray: 89,200;
      stroke-dashoffset: -124px
  }
}

.__ui-components__image-annotation .annotation-overlay {
  background-color: #fff;
  opacity: 1;
  width: 100%;
  height: 100%;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  animation: fadeInPartial .3s ease
}

.__ui-components__image-annotation .content-invisible {
  visibility: hidden
}

.__ui-components__image-annotation .content-visible {
  visibility: visible
}

.__ui-components__image-annotation .annotation__content {
  height: 100vh
}

.__ui-components__image-annotation .iframe__framebench {
  width: 100%;
  height: 100%
}

.__ui-components__image-annotation .btn-block {
  position: fixed;
  bottom: 18px;
  right: 25px
}

.__ui-components__list-with-show-more {
  float: left
}

  .__ui-components__list-with-show-more .list-items, .__ui-components__list-with-show-more .list-items-left {
      display: inline-block
  }

      .__ui-components__list-with-show-more .list-items-left-count, .__ui-components__list-with-show-more .list-items.boxed .list-item {
          color: #12344d;
          border: 1px solid #cfd7df;
          background-color: #fff;
          font-weight: 600;
          font-size: 11px;
          -webkit-font-smoothing: antialiased;
          padding: 0 5px;
          display: inline-block;
          border-radius: 4px
      }

      .__ui-components__list-with-show-more .list-items-left .list-items {
          padding: 10px 15px;
          margin-top: 5px;
          max-height: 200px;
          overflow: auto;
          min-height: 50px
      }

          .__ui-components__list-with-show-more .list-items-left .list-items .list-item {
              padding: 2px 5px
          }

  .__ui-components__list-with-show-more .basic-dropdown-content .list-item {
      margin-bottom: 5px
  }

.__contact-form__multi-selection-field .multi-add-wrapper .power-select-status-icon, .__contact-form__multi-selection-field .multi-add-wrapper .select-dropdown-trigger__status-icon {
  display: none
}

.__contact-form__multi-selection-field .multi-add-wrapper .invalid-email {
  color: #d72d30
}

.__contact-form__multi-selection-field .multi-add-wrapper .multified-field-inner .multified-field-col .input {
  margin-bottom: 0
}

.__contact-form__multi-selection-field .multi-add-wrapper .multified-field-inner .multified-field-col .power-select-status-icon, .__contact-form__multi-selection-field .multi-add-wrapper .multified-field-inner .multified-field-col .select-dropdown-trigger__status-icon {
  display: block
}

.__contact-form__multi-selection-field .add-multi-field-caption {
  cursor: pointer;
  float: right;
  font-size: 12px
}

  .__contact-form__multi-selection-field .add-multi-field-caption.disabled a {
      cursor: not-allowed;
      color: #ff5959
  }

  .__contact-form__multi-selection-field .add-multi-field-caption.disabled-add-btn a {
      cursor: not-allowed;
      color: #9aa1a6
  }

.__contact-form__multi-selection-field .multi-add-wrapper .field-delete {
  right: 0;
  width: 23px;
  height: 23px;
  transition: all .3s ease
}

  .__contact-form__multi-selection-field .multi-add-wrapper .field-delete .app-icon {
      padding: 1px
  }

.__contact-form__multi-selection-field .multiple-field-unchecked {
  width: 13.4px;
  height: 13.4px;
  display: inline-block;
  border: 1px solid #c9d1d0;
  background: #fff;
  border-radius: 20px;
  padding: 0
}

.__contact-form__multi-selection-field .multiple-field-checked {
  border: 1px solid #2c5cc5;
  background: #fff;
  display: inline-block;
  border-radius: 10px;
  padding: 1px;
  height: 13px;
  width: 13px
}

  .__contact-form__multi-selection-field .multiple-field-checked .active {
      background: #2c5cc5;
      width: 7px;
      height: 7px;
      margin: 1px;
      border-radius: 10px;
      text-align: center;
      vertical-align: middle
  }

.__contact-form__multi-selection-field .companys__info {
  margin: 10px 0 20px;
  text-align: center
}

.__contact-form__multi-selection-field .company-info-item {
  margin-top: 5px;
  font-size: 12px
}

.__contact-form__multi-selection-field .contact-from-company .company-name {
  color: #1d1d1d;
  padding-left: 5px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -6px
}

.__contact-form__multi-selection-field .primary-field .company-canview {
  right: 0
}

.__contact-form__multi-selection-field .multifield-validation-enabled input[type=text], .__contact-form__multi-selection-field .multifield-validation-enabled input[type=text]:focus {
  border-color: #d72d30
}

.__contact-form__multi-selection-field .multifield-validation-enabled .help-block {
  display: block;
  color: #d72d30
}

.__contact-form__multi-selection-field .multifield-validation-enabled .power-select-trigger, .__contact-form__multi-selection-field .multifield-validation-enabled .select-dropdown-trigger {
  border-color: #d72d30;
  box-shadow: none
}

.__contact-form__multi-selection-field .contact-blur-validation {
  position: relative;
  min-height: 0;
  display: none
}

  .__contact-form__multi-selection-field .contact-blur-validation .m-spintext {
      display: none
  }

  .__contact-form__multi-selection-field .contact-blur-validation .loader {
      position: absolute;
      right: 4px;
      text-align: right;
      top: -22px
  }

.__contact-form__multi-selection-field .multiple-selection-holder-false .multi-add-wrapper {
  padding-left: 0
}

.__contact-form__multi-selection-field .multiple-selection-holder .enable-default-field, .__contact-form__multi-selection-field .multiple-selection-holder-false .multiple-field-checked {
  display: none
}

.__contact-form__multi-selection-field .no-multi-field {
  padding: 8px 10px 10px;
  background: #f5f7f9;
  border: 1px solid #ebeef0;
  border-radius: 2px;
  cursor: pointer
}

  .__contact-form__multi-selection-field .no-multi-field .app-icon {
      height: 15px;
      width: 15px;
      display: inline-block;
      vertical-align: middle
  }

  .__contact-form__multi-selection-field .no-multi-field .add-multi-field-caption {
      float: none;
      display: inline-block;
      margin-left: 4px
  }

      .__contact-form__multi-selection-field .no-multi-field .add-multi-field-caption a {
          color: #12344d;
          text-decoration: none
      }

.__ui-components__nav-tabs .nav-secondary {
  margin-top: 24px
}

.__ui-components__nav-tabs .nav-secondary__item {
  color: #6f7c87;
  margin: 1px 16px 0;
  padding: 0 5px;
  text-transform: capitalize;
  transition: all .15s ease-in-out;
  display: block;
  height: 30px;
  position: relative;
  float: left
}

  .__ui-components__nav-tabs .nav-secondary__item:first-of-type {
      margin-left: 0
  }

  .__ui-components__nav-tabs .nav-secondary__item:hover {
      color: #183247;
      text-decoration: none;
      border-bottom: 3px rgba(44,92,197,.3) solid
  }

  .__ui-components__nav-tabs .nav-secondary__item:focus {
      text-decoration: none
  }

  .__ui-components__nav-tabs .nav-secondary__item.active {
      cursor: default;
      border-bottom: 3px #2c5cc5 solid;
      color: #2c5cc5
  }

  .__ui-components__nav-tabs .nav-secondary__item .count-value {
      display: none
  }

.__ui-components__nav-tabs .nav-secondary__loader::after {
  position: relative;
  min-width: 28px;
  content: ".";
  animation: dots .7s steps(5,end) infinite;
  font-weight: 600;
  font-size: 28px;
  display: block;
  float: left;
  line-height: 12px;
  margin-left: 5px;
  top: -3px
}

.__ui-components__nav-tabs .nav-secondary__count .count-value {
  display: inline-block;
  background-color: #475867;
  border-radius: 8px;
  color: #fff;
  font-size: 12px;
  padding: 0 5px;
  margin-left: 2px
}

.__ui-components__nav-tabs .nav-secondary__count.active .count-value {
  background-color: #2c5cc5
}

.__ui-components__switcher {
  width: 120px;
  height: 37px;
  position: relative;
  border-radius: 24px;
  border: 1px solid #dadfe3;
  transition: all .5s
}

  .__ui-components__switcher .label {
      width: 48%;
      height: 100%;
      padding-top: 9px;
      font-weight: 400;
      transition: all .5s
  }

      .__ui-components__switcher .label:active, .__ui-components__switcher .label:hover {
          color: #183247;
          font-weight: 500
      }

  .__ui-components__switcher .toggle {
      top: 2px;
      left: 2px;
      width: 65px;
      height: 31px;
      padding: 7px 4px;
      line-height: 15px;
      position: absolute;
      border-radius: 24px;
      border: 1px solid #2c5cc5;
      box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
      transition: all .5s;
      background-image: linear-gradient(-180deg,#fff 3%,#f5f7f9 96%)
  }

  .__ui-components__switcher .switcher-option-1:checked ~ .toggle {
      left: 50px
  }

.__ui-components__refresh-notification {
  position: fixed;
  margin-top: -5px;
  right: 50%;
  width: auto;
  height: 32px;
  z-index: 999;
  text-align: center
}

  .__ui-components__refresh-notification .refresh-notification {
      box-shadow: 0 2px 16px 0 rgba(18,52,77,.16);
      background: linear-gradient(180deg,#fff 2.56%,#f3f5f7 95.75%);
      padding: 7px 0;
      margin: 0 auto;
      display: flex;
      align-items: center;
      border-radius: 50px;
      animation: drop-animate-below .3s linear;
      color: #12344d;
      border: 1px solid #cfd7df
  }

      .__ui-components__refresh-notification .refresh-notification .refresh-icon-container {
          width: 24px;
          height: 24px;
          background-color: #2c5cc5;
          border-radius: 12px;
          margin: 0 8px;
          padding: 4px
      }

      .__ui-components__refresh-notification .refresh-notification:active {
          background-color: #ebedf0
      }

  .__ui-components__refresh-notification .refresh-notification__container {
      padding: 1px 5px 3px;
      display: flex
  }

  .__ui-components__refresh-notification .refresh-notification__container__count {
      margin-right: 2px
  }

  .__ui-components__refresh-notification .refresh-notification__container__label {
      margin-right: 12px
  }

  .__ui-components__refresh-notification .refresh-notification__container:nth-child(n+2) .unique-ticket-updated::before {
      content: "";
      display: inline-block;
      height: 12px;
      position: absolute;
      top: 5px;
      border-left: 1px solid #92a2b1
  }

  .__ui-components__refresh-notification .refresh-notification:hover {
      color: #081824;
      background: #f3f5f7;
      box-shadow: 0 2px 16px 0 rgba(18,52,77,.16)
  }

.__ui-components__reload-necessary {
  width: 340px;
  line-height: 1.4em
}

  .__ui-components__reload-necessary .link-bar {
      display: block;
      padding: 10px 0 0
  }

.__ui-components__resource-pagination {
  font-size: 0;
  margin-top: 1px
}

  .__ui-components__resource-pagination .pgn {
      width: 32px;
      height: 32px;
      text-align: center;
      cursor: pointer;
      border: 1px solid #cfd7df;
      background-image: linear-gradient(to bottom,#fff,#f3f5f7)
  }

  .__ui-components__resource-pagination .pgn-previous {
      border-radius: 4px 0 0 4px
  }

  .__ui-components__resource-pagination .pgn--flat {
      border-right: 0
  }

  .__ui-components__resource-pagination .pgn-next {
      border-radius: 0 4px 4px 0
  }

  .__ui-components__resource-pagination .pgn-list {
      border-radius: 0;
      position: relative;
      top: 1px;
      border-left-width: 0;
      border-right-width: 0;
      width: 32px;
      height: 32px
  }

  .__ui-components__resource-pagination .pgn:hover {
      background-color: #f3f5f7;
      background-image: none;
      transition: .1s ease-in
  }

  .__ui-components__resource-pagination .pgn--disabled .app-icon, .__ui-components__resource-pagination .pgn--disabled:hover .app-icon {
      fill: #d3dbda
  }

  .__ui-components__resource-pagination .pgn--disabled {
      cursor: not-allowed;
      background-image: none;
      background-color: #f3f5f7
  }

      .__ui-components__resource-pagination .pgn--disabled:hover {
          border-color: #d3dbda
      }

  .__ui-components__resource-pagination [aria-expanded=true] .pgn {
      border: 1px solid #b1bdc8;
      box-shadow: inset 0 0 4px 0 rgba(39,49,58,.26)
  }

  .__ui-components__resource-pagination .resource-list {
      position: relative;
      display: inline-block
  }

      .__ui-components__resource-pagination .resource-list.open .pgn-list .app-icon {
          fill: #fff
      }

  .__ui-components__resource-pagination .list-content {
      padding: 0;
      width: 430px;
      height: 480px;
      overflow-y: auto;
      border-color: #e5e8e8;
      box-shadow: 0 2px 14px 0 #dee1e1;
      right: -20px;
      top: 9px
  }

.__ui-components__suggested-option .add-icon {
  position: relative;
  top: 3px
}

.__ui-components__table-loader .spinner {
  margin: 5px auto;
  width: 50px;
  font-size: 10px
}

.__ui-components__table-loader .main-height {
  height: 85vh
}

.__ui-components__table-loader .on-load-height {
  height: 12vh
}

.__ui-components__table-loader .gravity-loaders {
  position: relative;
  width: 22px
}

  .__ui-components__table-loader .gravity-loaders::before {
      content: "";
      display: block;
      padding-top: 100%
  }

.__ui-components__textarea-placeholder .textarea-placeholder {
  position: absolute;
  z-index: 9;
  right: 0;
  bottom: 2px
}

.time-picker .outline-none {
  outline: 0
}

.time-picker .time-input {
  border: 1px solid #cfd7df;
  border-radius: 4px;
  padding: 4px 12px 5px;
  background: #fff;
  letter-spacing: 1px;
  width: 128px;
  font-weight: 500
}

  .time-picker .time-input.showError {
      border: 1px solid #d72d30
  }

  .time-picker .time-input:focus {
      border: 1px solid transparent;
      box-shadow: 0 0 0 2px #2c5cc5
  }

.time-picker .validation-error-text {
  font-size: 12px;
  color: #d72d30;
  position: inherit;
  text-align: left;
  font-weight: 400;
  margin: 0
}

.time-picker .options-wrapper {
  border-radius: 4px
}

.time-picker-options {
  width: inherit;
  border-radius: 4px;
  border: 1px solid #ebeef0;
  height: 200px;
  overflow-y: scroll;
  padding: 8px 12px;
  outline: 0
}

  .time-picker-options .time-picker-option {
      position: relative;
      cursor: pointer;
      padding: 7px 30px 7px 8px;
      border-radius: 4px;
      margin: 5px 0;
      background: #fff;
      border: 1px solid #fff;
      letter-spacing: 1px;
      font-weight: 500;
      width: max-content
  }

      .time-picker-options .time-picker-option:focus, .time-picker-options .time-picker-option:hover {
          outline: 0;
          background: #ebeff3;
          border: 1px solid #ebeff3
      }

      .time-picker-options .time-picker-option[aria-selected=true] {
          background: #e5f2fd;
          border: 1px solid #e5f2fd;
          border-radius: 4px
      }

          .time-picker-options .time-picker-option[aria-selected=true]::before {
              position: absolute;
              right: 10px;
              top: 10px;
              content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='12px' height='9px' viewBox='0 0 12 9' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.4 (67378) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3ECheck%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3Cpath d='M4.17095654,7.28764233 C3.74936256,6.89579049 3.08481084,6.91447629 2.68663874,7.32937825 C2.28846663,7.7442802 2.30745383,8.39828338 2.72904782,8.79013522 L5.87904631,11.7179111 C6.3006403,12.109763 6.96519201,12.0910772 7.36336412,11.6761752 L13.3133613,5.47617918 C13.7115334,5.06127722 13.6925462,4.40727405 13.2709522,4.0154222 C12.8493582,3.62357036 12.1848065,3.64225616 11.7866344,4.05715812 L6.55759159,9.50590771 L4.17095654,7.28764233 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='TD-with-Freddy-4-Email' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='ticket-detail--open-copy-2' transform='translate(-1054.000000, -997.000000)'%3E%3Cg id='Group-92' transform='translate(880.000000, 828.000000)'%3E%3Cg id='Group-26'%3E%3Cg id='Group-7' transform='translate(0.000000, 54.000000)'%3E%3Cg id='Group-2' transform='translate(16.000000, 104.000000)'%3E%3Cg id='Icon/new/Check' transform='translate(156.000000, 8.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cuse id='save' fill='%23000000' fill-rule='nonzero' xlink:href='%23path-1'%3E%3C/use%3E%3Cg id='Color/Blue-(Hype)' mask='url(%23mask-2)' fill='%232C5CC5' fill-rule='evenodd'%3E%3Crect id='Color---Jade' x='0' y='0' width='15.8024691' height='15.8024691'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
              display: inline-block;
              font: normal normal normal 1 glyphs;
              text-decoration: inherit;
              text-rendering: optimizeLegibility;
              text-transform: none
          }

.__ui-form__controls__calendar-picker .power-calendar-weekday, .__ui-form__controls__calendar-range-picker .power-calendar-weekday, .encrypted-text .showhide-text::after, .header-primary .search-toggle {
  text-transform: capitalize
}

.time-picker-options:not(:hover) .time-picker-option[aria-current=true] {
  background: #e5f2fd;
  border: 1px solid #e5f2fd
}

.toggle-switch {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 18px
}

  .toggle-switch .slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: 34px;
      background: #acb6be;
      -webkit-transition: .2s;
      transition: .2s
  }

      .toggle-switch .slider::before {
          position: absolute;
          content: "";
          width: 45%;
          height: 65%;
          left: 4px;
          bottom: 3px;
          border-radius: 50%;
          box-shadow: 0 1px 1px 0 rgba(0,0,0,.23);
          background-color: #fff;
          -webkit-transition: .2s;
          transition: .2s
      }

  .toggle-switch input {
      display: none
  }

      .toggle-switch input:checked + .slider {
          background-color: #00a886
      }

          .toggle-switch input:checked + .slider::before {
              -webkit-transform: translateX(8px);
              -ms-transform: translateX(8px);
              transform: translateX(8px)
          }

      .toggle-switch input:disabled + .slider {
          opacity: .4;
          cursor: not-allowed
      }

.__ui-components__empty-state {
  max-width: 420px;
  margin: 0 auto;
  text-align: center
}

  .__ui-components__empty-state img {
      height: 230px
  }

  .__ui-components__empty-state .title {
      font-weight: 600;
      letter-spacing: 1px;
      margin: 30px 0 5px;
      color: #183247
  }

  .__ui-components__empty-state .page-info {
      color: #12344d;
      font-size: 14px;
      margin: 25px
  }

  .__ui-components__empty-state a:hover {
      text-decoration: none;
      color: #fff
  }

  .__ui-components__empty-state a.__ui-components__empty-state--custom-link:hover {
      color: #2c5cc5
  }

.__ui-components__emoji-picker .emoji-selector.dropdown-expanded .emoji-picker-toggle {
  border: 1px solid #2c5cc5
}

.__ui-components__emoji-picker .emoji-selector .emoji-picker-toggle {
  border: 1px solid #cfd7df;
  width: 48px;
  height: 32px
}

  .__ui-components__emoji-picker .emoji-selector .emoji-picker-toggle .status-icon {
      background: 0 0;
      outline: 0
  }

  .__ui-components__emoji-picker .emoji-selector .emoji-picker-toggle.open {
      border: 1px solid #2c5cc5
  }

.__ui-components__emoji-picker .emoji-selector .emoji-palette {
  top: 42px;
  z-index: 1;
  width: auto
}

  .__ui-components__emoji-picker .emoji-selector .emoji-palette .emojidex-palette-wrapper {
      width: auto
  }

.__ui-components__emoji-picker .emoji-cancel {
  right: -8px;
  top: -8px;
  min-width: 0;
  height: auto;
  background: 0 0
}

  .__ui-components__emoji-picker .emoji-cancel:hover {
      background-color: transparent;
      border-color: transparent
  }

.calendar-nav-label {
  padding-bottom: 7px;
  padding-top: 7px;
  display: block
}

  .__ui-form__controls__calendar-picker .calendar-nav-label .power-select-status-icon, .__ui-form__controls__calendar-picker .calendar-nav-label .select-dropdown-trigger__status-icon, .__ui-form__date-range-field [data-hidden], .calendar-nav-label .power-select-status-icon, .calendar-nav-label .select-dropdown-trigger__status-icon {
      display: none
  }

  .calendar-nav-label .power-select-inline-dropdown {
      padding-right: 0;
      padding-left: 3px
  }

  .calendar-nav-label .power-select-trigger, .calendar-nav-label .select-dropdown-trigger {
      margin: 0;
      line-height: 1;
      min-height: auto;
      overflow-x: visible
  }

  .calendar-nav-label .power-select-trigger, .calendar-nav-label .power-select-trigger--active, .calendar-nav-label .select-dropdown-trigger {
      padding: 0 2px 3px 0
  }

      .calendar-nav-label .power-select-trigger, .calendar-nav-label .power-select-trigger:hover, .calendar-nav-label .select-dropdown-trigger {
          border-color: transparent
      }

.__ui-form__controls__calendar-picker {
  position: relative;
  min-width: 230px;
  max-width: 284px;
  background-color: #fff;
  border-radius: 3px
}

  .__ui-form__controls__calendar-picker:focus {
      outline: 0
  }

  .__ui-form__controls__calendar-picker .calendar-wrapper {
      margin: 10px;
      height: 300px;
      width: 240px
  }

  .__ui-form__controls__calendar-picker .power-calendar-nav-control {
      color: #000;
      border-radius: 100%;
      height: 30px;
      width: 30px;
      line-height: 0;
      text-align: center;
      padding: 0;
      transition: background-color .5s ease
  }

      .__ui-form__controls__calendar-picker .power-calendar-nav-control:focus {
          transform: scale(1);
          border: 2px solid #2c5cc5
      }

      .__ui-form__controls__calendar-picker .power-calendar-nav-control:hover {
          background-color: #eee
      }

      .__ui-form__controls__calendar-picker .power-calendar-nav-control .app-icon--small {
          fill: #000;
          width: 16px
      }

  .__ui-form__controls__calendar-picker .calendar-nav-label, .__ui-form__controls__calendar-picker .calendar-time-panel {
      padding-bottom: 5px;
      padding-top: 3px
  }

      .__ui-form__controls__calendar-picker .calendar-nav-label .power-select-trigger, .__ui-form__controls__calendar-picker .calendar-nav-label .select-dropdown-trigger, .__ui-form__controls__calendar-picker .calendar-time-panel .power-select-trigger, .__ui-form__controls__calendar-picker .calendar-time-panel .select-dropdown-trigger {
          margin: 0;
          padding: 0;
          line-height: 1.2;
          border: 0;
          min-height: auto
      }

  .__ui-form__controls__calendar-picker .calendar-time-panel {
      margin: 20px 10px 0
  }

      .__ui-form__controls__calendar-picker .calendar-time-panel .power-select-trigger, .__ui-form__controls__calendar-picker .calendar-time-panel .select-dropdown-trigger {
          padding-right: 15px
      }

      .__ui-form__controls__calendar-picker .calendar-time-panel .power-select-selected-item {
          color: #2c5cc5
      }

  .__ui-form__controls__calendar-picker .power-calendar .power-calendar-row .power-calendar-day {
      height: 30px;
      border-radius: 4px
  }

      .__ui-form__controls__calendar-picker .power-calendar .power-calendar-row .power-calendar-day:focus {
          border: 2px solid #2c5cc5
      }

  .__ui-form__controls__calendar-picker .calender-full-date, .__ui-form__controls__calendar-picker .calender-time {
      float: left
  }

  .__ui-form__controls__calendar-picker .calender-full-date {
      width: 40%;
      font-size: 13px
  }

  .__ui-form__controls__calendar-picker .calendar-full-date--input[type=text] {
      margin: 0
  }

  .__ui-form__controls__calendar-picker .calender-time {
      width: 60%;
      margin-top: -3px;
      text-align: right
  }

  .__ui-form__controls__calendar-picker .calendar-actions {
      padding: 10px;
      background-color: #f6f8f8;
      text-align: right;
      border-radius: 0 0 4px 4px
  }

  .__ui-form__controls__calendar-picker .day-number {
      width: 100%
  }

  .__ui-form__controls__calendar-picker .power-calendar-day[disabled] {
      color: #6f7c87;
      cursor: not-allowed;
      opacity: .4
  }

  .__ui-form__controls__calendar-picker .power-calendar .power-calendar-row .power-calendar-day--selected.power-calendar-day--today .day-number {
      color: #fff
  }

.__ui-form__controls__calendar-picker__time .date-time-info {
  display: flex;
  background-color: #f6f8f8
}

  .__ui-form__controls__calendar-picker__time .date-time-info > div {
      flex: 1;
      padding: 10px
  }

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
  .__ui-form__controls__calendar-picker__time .date-time-info > div {
      flex-basis: 120px
  }
}

.__ui-form__controls__calendar-picker__time .date-time-info .date-info-box {
  margin-bottom: 0
}

.__ui-form__controls__calendar-picker__time .date-time-info .time-selector .label-field {
  color: #475867;
  margin-bottom: 10px
}

.__ui-form__controls__calendar-range-picker {
  position: relative;
  width: 640px;
  background-color: #fff
}

  .__ui-form__controls__calendar-range-picker .calendar-layout {
      margin: 8px;
      padding: 8px
  }

  .__ui-form__controls__calendar-range-picker .calendar-footer {
      background-color: #f5f7f9;
      border-top: 1px solid #ebeff3;
      padding: 8px;
      text-align: right
  }

  .__ui-form__controls__calendar-range-picker .calendar-left, .__ui-form__controls__calendar-range-picker .calendar-right {
      width: 48%
  }

      .__ui-form__controls__calendar-range-picker .calendar-left .calendar-nav-label {
          text-align: left;
          padding-left: 35px
      }

      .__ui-form__controls__calendar-range-picker .calendar-right .calendar-nav-label {
          text-align: right;
          padding-right: 40px
      }

  .__ui-form__controls__calendar-range-picker .calendar-left {
      float: left
  }

  .__ui-form__controls__calendar-range-picker .calendar-right {
      float: right
  }

  .__ui-form__controls__calendar-range-picker .calendar-control-left {
      left: 10px;
      top: 10px
  }

  .__ui-form__controls__calendar-range-picker .calendar-control-right {
      right: 15px;
      top: 10px
  }

  .__ui-form__controls__calendar-range-picker .power-calendar-nav-control {
      color: #000;
      border-radius: 100%;
      height: 28px;
      width: 30px;
      line-height: 0;
      text-align: center;
      padding: 0;
      transition: background-color .5s ease;
      position: absolute;
      background-color: #fff;
      z-index: 1
  }

      .__ui-form__controls__calendar-range-picker .power-calendar-nav-control:focus {
          transform: scale(1)
      }

      .__ui-form__controls__calendar-range-picker .power-calendar-nav-control:hover {
          background-color: #eee
      }

      .__ui-form__controls__calendar-range-picker .power-calendar-nav-control .nav-icon {
          fill: red;
          width: 25px
      }

  .__ui-form__controls__calendar-range-picker .calendar-time-panel {
      padding-bottom: 5px;
      padding-top: 3px;
      margin: 20px 10px 0
  }

      .__ui-form__controls__calendar-range-picker .calendar-time-panel .power-select-selected-item {
          color: #2c5cc5
      }

      .__ui-form__controls__calendar-range-picker .calendar-time-panel .power-select-trigger, .__ui-form__controls__calendar-range-picker .calendar-time-panel .select-dropdown-trigger {
          margin: 0;
          padding: 0 15px 0 0;
          line-height: 1;
          border: 0;
          min-height: auto
      }

  .__ui-form__controls__calendar-range-picker .power-calendar .power-calendar-row .power-calendar-day {
      height: 30px;
      padding: 0
  }

  .__ui-form__controls__calendar-range-picker .calender-full-date, .__ui-form__controls__calendar-range-picker .calender-time {
      float: left
  }

  .__ui-form__controls__calendar-range-picker .calender-full-date {
      width: 40%;
      font-size: 13px
  }

  .__ui-form__controls__calendar-range-picker .calendar-full-date--input[type=text] {
      margin: 0
  }

  .__ui-form__controls__calendar-range-picker .calender-time {
      width: 60%;
      margin-top: -3px;
      text-align: right
  }

  .__ui-form__controls__calendar-range-picker .calendar-actions {
      background-color: #f6f8f8;
      text-align: right;
      border-radius: 0 0 4px 4px
  }

  .__ui-form__controls__calendar-range-picker .power-calendar-day--selected.power-calendar-day--range-end, .__ui-form__controls__calendar-range-picker .power-calendar-day--selected.power-calendar-day--range-end:hover, .__ui-form__controls__calendar-range-picker .power-calendar-day--selected.power-calendar-day--range-start, .__ui-form__controls__calendar-range-picker .power-calendar-day--selected.power-calendar-day--range-start:hover {
      background-color: transparent
  }

  .__ui-form__controls__calendar-range-picker .power-calendar-row .power-calendar-day--selected .day-number {
      width: 100%;
      border-radius: 0
  }

  .__ui-form__controls__calendar-range-picker .power-calendar .power-calendar-row .power-calendar-day--selected .day-number {
      background-color: #dbeeed
  }

  .__ui-form__controls__calendar-range-picker .power-calendar .power-calendar-row .power-calendar-day--selected.power-calendar-day--range-end .day-number, .__ui-form__controls__calendar-range-picker .power-calendar .power-calendar-row .power-calendar-day--selected.power-calendar-day--range-start .day-number {
      background-color: rgba(2,184,117,.5)
  }

  .__ui-form__controls__calendar-range-picker .power-calendar-day--interactive[disabled] {
      color: #6f7c87
  }

  .__ui-form__controls__calendar-range-picker .power-calendar-row .power-calendar-day--selected.power-calendar-day--other-month .day-number {
      background-color: #d7eceb;
      color: #8eb3b2
  }

  .__ui-form__controls__calendar-range-picker .power-calendar-day--selected.power-calendar-day--range-start .day-number, .__ui-form__controls__calendar-range-picker .power-calendar-day--selected:first-child .day-number {
      border-top-left-radius: 2px;
      border-bottom-left-radius: 2px
  }

  .__ui-form__controls__calendar-range-picker .power-calendar-day--selected.power-calendar-day--range-end .day-number, .__ui-form__controls__calendar-range-picker .power-calendar-day--selected:last-child .day-number {
      border-top-right-radius: 2px;
      border-bottom-right-radius: 2px
  }

  .__ui-form__controls__calendar-range-picker .power-calendar-row .power-calendar-day--interactive[disabled].power-calendar-day--selected .day-number {
      border-radius: 2px;
      color: #183247
  }

  .__ui-form__controls__calendar-range-picker .power-calendar-row .power-calendar-day--selected.power-calendar-day--today .day-number {
      color: #2d0600
  }

  .__ui-form__controls__calendar-range-picker .power-calendar-row .power-calendar-day--interactive[disabled] {
      opacity: 1
  }

      .__ui-form__controls__calendar-range-picker .power-calendar-row .power-calendar-day--interactive[disabled] .day-number {
          color: #acb6be
      }

.custom-checkbox input[type=checkbox] {
  position: absolute;
  opacity: 0
}

  .custom-checkbox input[type=checkbox] + label {
      user-select: none;
      cursor: pointer;
      padding-left: 27px;
      margin-bottom: 0;
      vertical-align: middle
  }

      .custom-checkbox input[type=checkbox] + label::before {
          position: absolute;
          left: 0;
          top: 3px;
          display: block;
          content: "";
          border: 1px solid #cfd7df;
          height: 14px;
          width: 14px;
          background-color: #fff;
          transition: all .2s ease;
          box-sizing: border-box;
          border-radius: 2px
      }

      .custom-checkbox input[type=checkbox] + label::after {
          position: absolute;
          display: block;
          content: "";
          left: 4px;
          top: 5px;
          width: 5px;
          height: 7px;
          transform: rotate(45deg);
          opacity: 0;
          transition: opacity .2s ease-in-out;
          box-sizing: border-box
      }

  .custom-checkbox input[type=checkbox]:hover + label::before {
      border-color: #12344d;
      box-shadow: 0 0 0 5px #ebeff3
  }

  .custom-checkbox input[type=checkbox]:focus + label::before {
      border: 1px solid transparent;
      box-shadow: 0 0 0 2px #2c5cc5
  }

  .custom-checkbox input[type=checkbox]:checked + label::before {
      background: #2c5cc5;
      border-color: #2c5cc5;
      box-shadow: none
  }

  .custom-checkbox input[type=checkbox]:checked + label::after, .custom-checkbox input[type=checkbox]:checked:hover + label::after {
      border-right: 2px solid #fff;
      border-bottom: 2px solid #fff;
      opacity: 1;
      top: 5px
  }

  .custom-checkbox input[type=checkbox]:checked:hover + label::before {
      box-shadow: 0 0 0 5px #ebeff3
  }

  .custom-checkbox input[type=checkbox]:checked:focus + label::before {
      background: #2c5cc5;
      border-color: #fff;
      box-shadow: 0 0 0 1px #2c5cc5
  }

  .custom-checkbox input[type=checkbox]:checked:focus + label::after {
      border-right: 2px solid #fff;
      border-bottom: 2px solid #fff;
      opacity: 1;
      top: 5px
  }

  .custom-checkbox input[type=checkbox][disabled] + label {
      cursor: not-allowed
  }

      .custom-checkbox input[type=checkbox][disabled] + label::before {
          border-color: #dadfe3;
          background-color: #ebeff3
      }

  .custom-checkbox input[type=checkbox][disabled]:checked + label::before {
      background: #dadfe3
  }

  .custom-checkbox input[type=checkbox][disabled]:hover + label::before {
      box-shadow: none
  }

.custom-checkbox[class*=hint--] input[type=checkbox][disabled] + label {
  cursor: pointer
}

@keyframes checkbox-rotate-reverse {
  0% {
      transform: rotate(0)
  }

  100% {
      transform: rotate(90deg)
  }
}

@keyframes checkicon-rotate {
  0% {
      transform: rotate(45deg)
  }

  100% {
      transform: rotate(180deg)
  }
}

@keyframes checkicon-rotate-reverse {
  0% {
      opacity: 0
  }

  100% {
      opacity: 1
  }
}

@keyframes checkbox-fade-in {
  0% {
      opacity: 0;
      border-radius: 50%;
      border-color: #2c5cc5
  }

  80% {
      border-color: #2c5cc5
  }

  100% {
      opacity: 1;
      border-radius: 2px;
      border-color: #cfd7df
  }
}

@keyframes checkbox-fade-out {
  0% {
      opacity: 1;
      border-radius: 2px;
      border-color: #2c5cc5
  }

  100% {
      opacity: 0;
      border-radius: 50%;
      border-color: #2c5cc5
  }
}

.__ui-form__custom-radio-button-field {
  cursor: pointer;
  height: inherit;
  width: inherit;
  padding: 0;
  margin: 0;
  position: absolute;
  box-shadow: 0 0 1px 0 rgba(24,50,71,.3),0 2px 6px 0 rgba(22,29,37,.05);
  display: inline-block;
  border-radius: 2px;
  background-color: #fff
}

  .__ui-form__custom-radio-button-field .label-field {
      color: #acb6be;
      -webkit-font-smoothing: antialiased
  }

  .__ui-form__custom-radio-button-field .custom-radio-label {
      text-align: center
  }

  .__ui-form__custom-radio-button-field svg.app-icon {
      fill: #acb6be;
      height: 16px;
      width: 16px;
      cursor: pointer
  }

  .__ui-form__custom-radio-button-field.selected, .__ui-form__custom-radio-button-field:hover {
      border: 1px solid #2c5cc5;
      border-radius: 2px
  }

      .__ui-form__custom-radio-button-field.selected .label-field, .__ui-form__custom-radio-button-field:hover .label-field {
          color: #183247;
          font-weight: 500
      }

      .__ui-form__custom-radio-button-field.selected svg.app-icon, .__ui-form__custom-radio-button-field:hover svg.app-icon {
          fill: #183247
      }

      .__ui-form__custom-radio-button-field.selected, .__ui-form__custom-radio-button-field.selected:focus, .__ui-form__custom-radio-button-field.selected:hover {
          background-color: #f7fef4
      }

  .__ui-form__custom-radio-button-field input[type=radio] {
      cursor: pointer;
      position: absolute;
      opacity: 0;
      height: inherit;
      width: inherit
  }

      .__ui-form__custom-radio-button-field input[type=radio] + label {
          user-select: none;
          cursor: pointer;
          padding-left: 20px;
          margin-bottom: 0
      }

          .__ui-form__custom-radio-button-field input[type=radio] + label::before {
              position: absolute;
              right: -7px;
              top: -7px;
              height: 18px;
              width: 18px;
              transition: all .3s ease;
              display: block;
              content: "";
              box-sizing: border-box;
              border-radius: 50%
          }

          .__ui-form__custom-radio-button-field input[type=radio] + label::after {
              position: absolute;
              display: block;
              content: "";
              right: -1px;
              top: -3px;
              width: 5px;
              height: 8px;
              transform: rotate(45deg);
              opacity: 0;
              transition: opacity .2s ease-in-out;
              box-sizing: border-box
          }

      .__ui-form__custom-radio-button-field input[type=radio]:focus + label::before, .__ui-form__custom-radio-button-field input[type=radio]:hover + label::before {
          border-color: #475867
      }

      .__ui-form__custom-radio-button-field input[type=radio]:checked + label::before {
          background: #2c5cc5;
          border: 1px solid #fff;
          box-shadow: none
      }

      .__ui-form__custom-radio-button-field input[type=radio]:checked + label::after {
          border-right: 2px solid #fff;
          border-bottom: 2px solid #fff;
          opacity: 1;
          top: -3px
      }

      .__ui-form__custom-radio-button-field input[type=radio][disabled] + label::before {
          border-color: #dadfe3;
          background-color: #dadfe3
      }

      .__ui-form__custom-radio-button-field input[type=radio][disabled]:checked + label::before {
          background: #dadfe3
      }

.__ui-form__custom-radio-button {
  cursor: pointer
}

  .__ui-form__custom-radio-button .sub-text {
      margin: 2px 20px 0;
      font-size: 12px;
      color: #475867;
      font-weight: 400
  }

      .__ui-form__custom-radio-button .sub-text:last-child {
          margin-bottom: 8px
      }

  .__ui-form__custom-radio-button input[type=radio] {
      position: absolute;
      opacity: 0
  }

      .__ui-form__custom-radio-button input[type=radio] + .custom-radio-button {
          user-select: none;
          cursor: pointer;
          position: relative;
          display: inline-block;
          width: 14px;
          height: 14px;
          top: 2px;
          font-weight: initial;
          max-width: auto;
          margin-bottom: 0;
          margin-right: 3px
      }

          .__ui-form__custom-radio-button input[type=radio] + .custom-radio-button::after, .__ui-form__custom-radio-button input[type=radio] + .custom-radio-button::before {
              content: "";
              display: block;
              position: absolute;
              top: 0;
              box-sizing: border-box
          }

          .__ui-form__custom-radio-button input[type=radio] + .custom-radio-button::before {
              left: 0;
              border: 1px solid #cfd7df;
              border-radius: 50px;
              width: 14px;
              height: 14px;
              background: #fff;
              transition: all .3s ease
          }

          .__ui-form__custom-radio-button input[type=radio] + .custom-radio-button::after {
              left: 3px;
              border-radius: 100%;
              width: 8px;
              height: 8px;
              opacity: 0;
              transition: opacity .2s ease-in-out;
              box-sizing: border-box
          }

      .__ui-form__custom-radio-button input[type=radio][disabled] + .custom-radio-button, .__ui-form__custom-radio-button input[type=radio][disabled]:checked + .custom-radio-button, .__ui-form__custom-radio-button input[type=radio][disabled]:focus + .custom-radio-button, .__ui-form__custom-radio-button input[type=radio][disabled]:hover + .custom-radio-button {
          cursor: not-allowed
      }

          .__ui-form__custom-radio-button input[type=radio][disabled] + .custom-radio-button::before, .__ui-form__custom-radio-button input[type=radio][disabled]:checked + .custom-radio-button::before, .__ui-form__custom-radio-button input[type=radio][disabled]:focus + .custom-radio-button::before, .__ui-form__custom-radio-button input[type=radio][disabled]:hover + .custom-radio-button::before {
              border-color: #92a2b1
          }

          .__ui-form__custom-radio-button input[type=radio][disabled] + .custom-radio-button::after, .__ui-form__custom-radio-button input[type=radio][disabled]:checked + .custom-radio-button::after, .__ui-form__custom-radio-button input[type=radio][disabled]:focus + .custom-radio-button::after, .__ui-form__custom-radio-button input[type=radio][disabled]:hover + .custom-radio-button::after {
              background-color: #92a2b1
          }

      .__ui-form__custom-radio-button input[type=radio]:focus + .custom-radio-button::before, .__ui-form__custom-radio-button input[type=radio]:hover + .custom-radio-button::before {
          border-color: #081824
      }

      .__ui-form__custom-radio-button input[type=radio]:checked + .custom-radio-button::before {
          background: #fff;
          border-color: #2c5cc5;
          box-shadow: none
      }

      .__ui-form__custom-radio-button input[type=radio]:checked + .custom-radio-button::after {
          border-radius: 50%;
          background-color: #2c5cc5;
          opacity: 1;
          top: 3px
      }

      .__ui-form__custom-radio-button input[type=radio]:checked:focus + .custom-radio-button::before {
          border-color: #3868d3;
          box-shadow: 0 0 4px 1px rgba(44,92,197,.6)
      }

      .__ui-form__custom-radio-button input[type=radio]:checked:focus + .custom-radio-button::after {
          background-color: #3868d3
      }

.__ui-form__custom-radio-group input[type=radio] {
  position: absolute;
  opacity: 0
}

  .__ui-form__custom-radio-group input[type=radio] + label {
      user-select: none;
      cursor: pointer;
      padding-left: 20px;
      margin-right: 20px;
      position: relative
  }

      .__ui-form__custom-radio-group input[type=radio] + label::before {
          position: absolute;
          left: 0;
          top: 3px;
          display: block;
          content: "";
          border: 1px solid #cfd7df;
          border-radius: 50px;
          height: 13px;
          width: 13px;
          background: #fff;
          transition: all .3s ease;
          box-sizing: border-box
      }

      .__ui-form__custom-radio-group input[type=radio] + label::after {
          position: absolute;
          display: block;
          content: "";
          left: 3px;
          top: 6px;
          border-radius: 100%;
          width: 7px;
          height: 7px;
          opacity: 0;
          transition: opacity .2s ease-in-out;
          box-sizing: border-box
      }

  .__ui-form__custom-radio-group input[type=radio]:focus + label::before, .__ui-form__custom-radio-group input[type=radio]:hover + label::before {
      border-color: #12344d
  }

  .__ui-form__custom-radio-group input[type=radio]:checked + label {
      color: #183247;
      font-weight: 500;
      -webkit-font-smoothing: antialiased
  }

      .__ui-form__custom-radio-group input[type=radio]:checked + label::before {
          background: #fff;
          border-color: #2c5cc5;
          box-shadow: none
      }

      .__ui-form__custom-radio-group input[type=radio]:checked + label::after {
          border-radius: 50%;
          background: #2c5cc5;
          opacity: 1;
          top: 6px
      }

  .__ui-form__custom-radio-group input[type=radio]:disabled + label {
      opacity: .6;
      pointer-events: none
  }

.__ui-form__custom-file-field.error .file-field {
  border-color: #d72d30
}

.__ui-form__custom-file-field .file-field {
  width: 100%;
  min-height: 32px;
  border: 1px solid #cfd7df;
  margin: 5px 0 0;
  border-radius: 4px;
  box-shadow: none
}

  .__ui-form__custom-file-field .file-field:hover {
      border: 1px solid #475867
  }

      .__ui-form__custom-file-field .file-field:hover .action, .__ui-form__custom-file-field .file-field:hover .backlayer {
          opacity: 1
      }

.__ui-form__custom-file-field .disabledFileField {
  border: 1px solid #ebeff3;
  color: #92a2b1;
  background-color: #f5f7f9
}

  .__ui-form__custom-file-field .disabledFileField:hover {
      border: 1px solid #ebeff3
  }

.__ui-form__custom-file-field .file-attachment-icon {
  margin: 2px
}

.__ui-form__custom-file-field .file {
  vertical-align: top;
  padding-left: 2px;
  padding-top: 8px;
  font-weight: 500
}

.__ui-form__custom-file-field .file__unavailable {
  padding-top: 10px;
  color: #ccc;
  font-style: italic;
  font-size: 12px
}

.__ui-form__custom-file-field .backlayer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0
}

.__ui-form__custom-file-field .action {
  position: absolute;
  top: 8px;
  right: 10px;
  opacity: 0
}

  .__ui-form__custom-file-field .action .attachment-action:hover {
      background-color: #f3f5f7
  }

.__ui-form__custom-file-field .extension {
  position: absolute;
  color: #fff;
  top: 4px;
  left: 0;
  font-size: 7px;
  font-weight: 500;
  min-width: 20px
}

.__ui-form__date-field .datepicker-dropdown {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0;
  width: 280px
}

  .__ui-form__date-field .datepicker-dropdown::before {
      content: " ";
      position: absolute;
      width: 0;
      border: 8px solid transparent;
      right: 39px;
      top: -16px;
      border-bottom-color: #ccc
  }

  .__ui-form__date-field .datepicker-dropdown::after {
      content: " ";
      position: absolute;
      width: 0;
      border: 7px solid transparent;
      right: 40px;
      top: -14px;
      border-bottom-color: #fff
  }

.__ui-form__date-field .btn--input-clear {
  position: absolute;
  right: 3px;
  bottom: 4px;
  z-index: 1;
  border-radius: 4px
}

  .__ui-form__date-field .btn--input-clear:focus {
      border: 2px solid #2c5cc5
  }

.__ui-form__date-range-field .datepicker-dropdown {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0;
  width: 280px
}

  .__ui-form__date-range-field .datepicker-dropdown::before {
      content: " ";
      position: absolute;
      width: 0;
      border: 8px solid transparent;
      right: 39px;
      top: -16px;
      border-bottom-color: #ccc
  }

  .__ui-form__date-range-field .datepicker-dropdown::after {
      content: " ";
      position: absolute;
      width: 0;
      border: 7px solid transparent;
      right: 40px;
      top: -14px;
      border-bottom-color: #fff
  }

.__ui-form__date-range-field .btn--input-clear {
  color: #555;
  font-size: 18px;
  font-weight: 700;
  position: absolute;
  right: 0;
  bottom: -4px;
  z-index: 1
}

.custom-editor-tools .ticket-editor__toolbar .fr-toolbar button.fr-command.fr-btn.fr-active, .editor-tools .ticket-editor__toolbar button.fr-btn.fr-active {
  color: #2c5cc5
}

.ticket-editor__toolbar .fr-separator.fr-vs {
  height: 22px;
  width: 1px;
  margin: 7px 2px 2px
}

.fr-toolbar .fr-command.fr-btn[data-title=Align] + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
  min-width: 62px
}

  .fr-toolbar .fr-command.fr-btn[data-title=Align] + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a[data-cmd=align] {
      justify-content: center;
      padding: 3px 0
  }

  .fr-toolbar .fr-command.fr-btn[data-title=Align] + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li svg {
      width: 14px;
      height: 13px
  }

.editor-tools {
  display: inline-block;
  position: relative
}

  .editor-tools .ticket-editor__toolbar {
      display: none;
      position: absolute;
      min-width: 394px;
      top: -50px
  }

      .editor-tools .ticket-editor__toolbar button.fr-btn {
          width: 24px;
          height: 24px;
          text-align: center;
          margin: 4px 2px
      }

          .editor-tools .ticket-editor__toolbar button.fr-btn:hover {
              background-color: #ebeff3;
              border-radius: 2px
          }

          .editor-tools .ticket-editor__toolbar button.fr-btn.fr-active .app-icon {
              fill: #2c5cc5
          }

          .editor-tools .ticket-editor__toolbar button.fr-btn svg {
              margin: 0 5px
          }

      .editor-tools .ticket-editor__toolbar .pointer {
          position: absolute
      }

          .editor-tools .ticket-editor__toolbar .pointer::after, .editor-tools .ticket-editor__toolbar .pointer::before {
              bottom: 100%;
              border: solid transparent;
              content: "";
              height: 0;
              width: 0;
              position: absolute;
              pointer-events: none
          }

          .editor-tools .ticket-editor__toolbar .pointer::before {
              border-top-color: #fff;
              border-width: 5px;
              left: 11px;
              z-index: 6;
              top: -1px
          }

          .editor-tools .ticket-editor__toolbar .pointer::after {
              border-top-color: #dadfe3;
              border-width: 6px;
              left: 10px;
              top: -1px;
              z-index: 5
          }

  .editor-tools.show-toolbar .ticket-editor__toolbar {
      display: block
  }

  .editor-tools.show-toolbar .ticket-editor__action {
      background: #ebedf0;
      border-radius: 2px
  }

      .editor-tools.show-toolbar .ticket-editor__action .app-icon {
          fill: #1e464c
      }

  .editor-tools .fr-toolbar {
      border: 0;
      border: 1px solid #dadfe3;
      border-radius: 6px;
      box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
      padding: 3px
  }

      .editor-tools .fr-toolbar .fr-btn-grp {
          margin: 0
      }

.custom-editor-tools .ticket-editor__toolbar .fr-newline + .fr-btn-grp {
  padding-left: 8px
}

.custom-editor-tools .ticket-editor__toolbar .fr-toolbar button.fr-command.fr-btn {
  width: 30px;
  height: 37px
}

  .custom-editor-tools .ticket-editor__toolbar .fr-toolbar button.fr-command.fr-btn.fr-dropdown {
      width: 34px
  }

  .custom-editor-tools .ticket-editor__toolbar .fr-toolbar button.fr-command.fr-btn:hover {
      background-color: #ebeff3;
      border-radius: 2px
  }

  .custom-editor-tools .ticket-editor__toolbar .fr-toolbar button.fr-command.fr-btn.fr-active .app-icon {
      fill: #2c5cc5
  }

  .custom-editor-tools .ticket-editor__toolbar .fr-toolbar button.fr-command.fr-btn.fr-open {
      margin-top: -1px;
      height: 44px
  }

  .custom-editor-tools .ticket-editor__toolbar .fr-toolbar button.fr-command.fr-btn svg {
      margin: 10px 8px;
      width: 14px;
      font-size: 14px
  }

.custom-editor-tools .fr-toolbar {
  border: 0;
  border-top: 1px solid #ebeff3;
  border-radius: 0;
  box-shadow: none
}

  .custom-editor-tools .fr-toolbar .fr-btn-grp {
      margin: 0
  }

.surveys {
  display: inline-block
}

  .surveys .basic-dropdown-content--above {
      left: 10px
  }

  .surveys .dropdown-menu {
      margin-top: 6px
  }

  .surveys .surveys-list.active-survey {
      background-color: #ebedf0
  }

  .surveys .surveys-list .app-dropdown__item {
      cursor: pointer
  }

  .surveys .surveys-list .survey-icon {
      position: absolute;
      top: 12px
  }

.survey-confirmation {
  display: flex;
  border: 1px solid #dadfe3;
  min-height: 50px;
  margin: 15px 14px;
  background-color: #ebeff3;
  color: #183247;
  border-left-width: 3px;
  align-items: center;
  border-left-color: #12344d
}

  .survey-confirmation .survey-confirmation-icon {
      color: #2c5cc5;
      min-height: inherit;
      margin-left: 25px
  }

  .survey-confirmation .survey-confirmation-text {
      margin-left: 4px;
      padding: 6px
  }

.gpt-link {
  padding: 8px;
  display: flex;
  flex-direction: column;
  width: 240px
}

  .gpt-link .gpt-dropdown {
      display: flex;
      align-items: center;
      justify-items: center;
      width: 100%;
      height: 32px;
      padding: 4px
  }

      .gpt-link .gpt-dropdown:hover {
          background-color: #f5f7f9
      }

      .gpt-link .gpt-dropdown .gpt-tone {
          display: flex;
          align-items: center;
          white-space: nowrap
      }

  .gpt-link .red-dot-active {
      height: 9px;
      bottom: 28px;
      width: 9px;
      left: 26px
  }

  .gpt-link .nudge-response-disable {
      color: rgba(0,0,0,.3);
      fill: rgba(0,0,0,.3)
  }

      .gpt-link .nudge-response-disable:hover {
          color: rgba(0,0,0,.3)
      }

.__ui-form__editor__social-editor {
  background-color: #fff;
  width: 100%;
  border-radius: 8px
}

  .__ui-form__editor__social-editor .socialeditor__bodytext {
      resize: none;
      width: 100%;
      height: 150px;
      padding: 15px 15px 0;
      border: 0
  }

      .__ui-form__editor__social-editor .socialeditor__bodytext:focus {
          outline: 0
      }

  .__ui-form__editor__social-editor .socialeditor__footer {
      height: 48px;
      padding: 8px;
      display: flex;
      align-items: center;
      background: #f5f8fa;
      border-radius: 0 0 8px 8px
  }

  .__ui-form__editor__social-editor .socialeditor .attachment-wrapper .attach-file, .__ui-form__editor__text-editor .fr-view img.fr-dii[rel=cursor] {
      display: none
  }

.__ui-form__editor__text-editor .fr-box.fr-basic .fr-wrapper, .__ui-form__editor__text-editor .second-toolbar {
  border: 0
}

.__ui-form__editor__social-editor .socialeditor__actions {
  padding-top: 4px;
  width: 50%;
  float: left
}

  .__ui-form__editor__social-editor .socialeditor__actions svg {
      height: 16px;
      width: 16px
  }

  .__ui-form__editor__social-editor .socialeditor__actions .hint--rounded {
      padding: 8px
  }

.__ui-form__editor__social-editor .socialeditor .attachment-wrapper .app-icon-fileupload {
  position: absolute;
  z-index: 5;
  overflow: hidden;
  opacity: 0;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer
}

.__ui-form__editor__social-editor .socialeditor .attachment__item {
  margin-bottom: 10px;
  margin-left: 4px;
  float: left;
  overflow: unset
}

  .__ui-form__editor__social-editor .socialeditor .attachment__item:hover .action-btns {
      opacity: 1
  }

.__ui-form__editor__social-editor .socialeditor__btn-wrapper {
  text-align: right;
  width: 50%;
  float: right
}

.__ui-form__editor__social-editor .socialeditor__count {
  margin-right: 8px
}

.__ui-form__editor__social-editor .socialeditor__count--error {
  color: #ff5959 !important
}

.__ui-form__editor__text-editor .fr-quoted-controls {
  width: 50px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  left: 14px;
  height: 18px;
  bottom: 8px
}

  .__ui-form__editor__text-editor .fr-quoted-controls .fr-quoted-marker {
      position: absolute;
      font-size: 12px
  }

.__ui-form__editor__text-editor .fr-quoted-marker-remove {
  position: absolute;
  left: 28px;
  height: 10px;
  color: #12344d;
  opacity: 0;
  transition: opacity .3s ease
}

.__ui-form__editor__text-editor .fr-box.fr-basic .fr-element[contenteditable=false], .__ui-form__editor__text-editor .fr-quoted-controls:hover .fr-quoted-marker-remove {
  opacity: 1
}

.__ui-form__editor__text-editor .fr-quoted-marker-remove:hover {
  color: #081824
}

.__ui-form__editor__text-editor .fr-quoted-marker, .__ui-form__editor__text-editor .fr-quoted-marker-remove {
  margin: 0
}

.__ui-form__editor__text-editor .fr-box.fr-basic .fr-wrapper [dir=auto] [dir=rtl], .__ui-form__editor__text-editor .fr-box.fr-basic .fr-wrapper [dir=rtl] [dir=ltr] {
  text-align: right
}

.__ui-form__editor__text-editor .fr-box.fr-basic .fr-wrapper [dir=rtl] [dir=rtl] {
  text-align: left
}

.__ui-form__editor__text-editor .fr-box.fr-basic .fr-element {
  padding: 20px 16px 16px;
  font-family: inherit;
  font-size: inherit
}

.fr-popup.fr-desktop.fr-active {
  z-index: 2147483646 !important
}

  .fr-popup.fr-desktop.fr-active .fr-command.fr-btn[data-cmd=imageAlign] + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list, .fr-popup.fr-desktop.fr-active .fr-command.fr-btn[data-cmd=tableCellHorizontalAlign] + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
      min-width: 62px
  }

      .fr-popup.fr-desktop.fr-active .fr-command.fr-btn[data-cmd=imageAlign] + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a[data-cmd=align], .fr-popup.fr-desktop.fr-active .fr-command.fr-btn[data-cmd=tableCellHorizontalAlign] + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a[data-cmd=align] {
          justify-content: center;
          padding: 3px 0
      }

      .fr-popup.fr-desktop.fr-active .fr-command.fr-btn[data-cmd=imageAlign] + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li svg, .fr-popup.fr-desktop.fr-active .fr-command.fr-btn[data-cmd=tableCellHorizontalAlign] + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li svg {
          width: 14px;
          height: 13px
      }

.basic-text-editor .fr-toolbar {
  box-shadow: none;
  border-radius: 4px 4px 0 0;
  border: 1px solid #cfd7df;
  border-bottom: none;
  padding: 0 8px
}

  .basic-text-editor .fr-toolbar.fr-bottom {
      border-top: none;
      border-bottom: 1px solid #cfd7df;
      border-radius: 0 0 4px 4px
  }

  .basic-text-editor .fr-toolbar .fr-command.fr-btn {
      width: 30px;
      height: 28px;
      margin: 2px 0;
      border-radius: 2px;
      padding: 9px 0
  }

      .basic-text-editor .fr-toolbar .fr-command.fr-btn svg, .quick-start {
          margin: 0 auto
      }

  .basic-text-editor .fr-toolbar .fr-btn-grp, .get-started-reminder p {
      margin: 0
  }

  .basic-text-editor .fr-toolbar .fr-separator.fr-vs {
      height: 24px
  }

  .basic-text-editor .fr-toolbar .fr-newline {
      background: 0 0
  }

.basic-text-editor .froala-editor-container {
  border: 1px solid #cfd7df
}

  .__ui-form__editor__ticket-editor, .__ui-form__editor__ticket-editor .ticket-editor__footer, .basic-text-editor .froala-editor-container .fr-box.fr-basic .fr-wrapper {
      border-radius: 0 0 4px 4px
  }

  .basic-text-editor .froala-editor-container .fr-box.fr-basic .fr-element {
      padding: 8px
  }

.freddyBanner {
  width: 100%;
  height: 36px;
  display: flex;
  background: linear-gradient(270.05deg,#eff0fc .05%,#ebf2fe 40.63%,#effafc 99.95%)
}

  .freddyBanner .freddy-icon {
      margin: 12px
  }

  .freddyBanner .freddy-suggested-text {
      font-size: 12px;
      font-weight: 400;
      margin: 10px 0
  }

      .freddyBanner .freddy-suggested-text .freddy-suggested-text-highlight {
          color: #2c5cc5;
          font-weight: 600;
          cursor: pointer;
          padding-left: 0
      }

          .freddyBanner .freddy-suggested-text .freddy-suggested-text-highlight.disabled {
              color: #2c5cc57f;
              cursor: not-allowed
          }

.__ui-form__editor__ticket-editor {
  background-color: #fff;
  width: 100%
}

  .__ui-form__editor__ticket-editor .editor-tools__survey--enabled svg {
      fill: #2c5cc5
  }

  .__ui-form__editor__ticket-editor .attachment-wrapper {
      width: 28px;
      height: 28px;
      text-align: center
  }

      .__ui-form__editor__ticket-editor .attachment-wrapper .app-icon-fileupload {
          position: absolute;
          z-index: 5;
          overflow: hidden;
          opacity: 0;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          cursor: pointer
      }

          .__ui-form__editor__ticket-editor .attachment-wrapper .app-icon-fileupload input[type=file] {
              display: none
          }

  .__ui-form__editor__ticket-editor .attachment__item {
      margin-bottom: 10px;
      margin-left: 4px;
      float: left;
      overflow: unset
  }

      .__ui-form__editor__ticket-editor .attachment__item:hover .action-btns {
          opacity: 1
      }

  .__ui-form__editor__ticket-editor .ticket-editor__footer .editor-tools {
      display: inline-block
  }

      .__ui-form__editor__ticket-editor .ticket-editor__footer .editor-tools .dropdown-menu {
          min-width: 350px
      }

  .__ui-form__editor__ticket-editor .ticket-editor__footer .ticket-editor__actions {
      width: 50%
  }

      .__ui-form__editor__ticket-editor .ticket-editor__footer .ticket-editor__actions .ticket-editor__action.show-toolbar {
          background: #ebedf0;
          border-radius: 2px
      }

          .__ui-form__editor__ticket-editor .ticket-editor__footer .ticket-editor__actions .ticket-editor__action.show-toolbar .app-icon {
              fill: #1e464c
          }

  .__ui-form__editor__ticket-editor .ticket-editor__footer .ticket-editor__action {
      padding-top: 8px;
      margin-bottom: 6px;
      border-radius: 2px
  }

      .__ui-form__editor__ticket-editor .ticket-editor__footer .ticket-editor__action svg {
          height: 16px;
          width: 16px;
          fill: #5a6670
      }

      .__ui-form__editor__ticket-editor .ticket-editor__footer .ticket-editor__action--active svg, .__ui-form__editor__ticket-editor .ticket-editor__footer .ticket-editor__action:hover svg {
          fill: #1e464c
      }

      .__ui-form__editor__ticket-editor .ticket-editor__footer .ticket-editor__action .active-bubble-freddy {
          top: 16px;
          left: 16px
      }

      .__ui-form__editor__ticket-editor .ticket-editor__footer .ticket-editor__action:hover {
          background: #ebedf0
      }

  .__ui-form__editor__ticket-editor .ticket-editor__footer .ticket-editor__action--active {
      background: #ebedf0;
      border-radius: 2px
  }

.__shared__timeline-activities.requester-widget .timeline__view_more_info .app-icon, .app__placeholder__detail .active-border .content-arrow .app-icon--small, .fd-product-tour .fill-primary-color path, .user-card-action-link .app-icon {
  fill: #2c5cc5
}

.__ui-form__editor__ticket-editor .ticket-editor__footer .ticket-editor__action.link-to-forum {
  display: inline;
  position: relative;
  bottom: -1px;
  margin-left: 8px
}

  .__ui-form__editor__ticket-editor .ticket-editor__footer .ticket-editor__action.link-to-forum .input {
      margin-left: 15px;
      top: -5px
  }

  .__ui-form__editor__ticket-editor .ticket-editor__footer .ticket-editor__action.link-to-forum .label-field {
      font-weight: 500
  }

.__ui-form__editor__ticket-editor .ticket-editor__footer .ticket-editor__btn {
  width: 50%
}

.__ui-form__editor__ticket-editor.has-footer .ticket-editor__footer {
  height: 56px;
  padding: 12px;
  background: #f5f7f9;
  border-top: 1px #ebeff3 solid
}

.__ui-form__editor__ticket-editor .loader {
  padding: 6px 4px;
  display: inline-block
}

.__ui-form__editor__ticket-editor .sidebar {
  width: 350px
}

.__ui-form__editor__ticket-editor .page-sidebar {
  top: 60px;
  z-index: 10
}

.__ui-form__editor__ticket-editor .preview-btn {
  color: #2c5cc5;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  padding-bottom: 6px
}

  .__ui-form__editor__ticket-editor .preview-btn:hover {
      color: #183247
  }

.__ui-form__editor__ticket-editor .placeholder-btn {
  color: #2c5cc5;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  padding-bottom: 6px
}

  .__ui-form__editor__ticket-editor .placeholder-btn:hover {
      color: #183247
  }

.encrypted-text .showhide-text {
  position: absolute;
  right: 5px;
  bottom: 4px;
  vertical-align: middle
}

.app-card, .input.pci-field-text .secure-field-container {
  position: relative
}

.encrypted-text .showhide-text.masked {
  bottom: 7px
}

.encrypted-text.error .showhide-text {
  bottom: 23px
}

  .encrypted-text.error .showhide-text.masked {
      bottom: 26px
  }

.input.pci-field-text input.text-field {
  padding-right: 44px
}

  .input.pci-field-text input.text-field[disabled] {
      background: #f7f9fa;
      border: 1px solid #ebeff3
  }

.input.pci-field-text input[type=text]:disabled {
  color: #92a2b1
}

.input.pci-field-text .secure-field-container .protected-field-section {
  position: absolute;
  right: 6px;
  top: 5px
}

  .input.pci-field-text .secure-field-container .protected-field-section .secure-field-icon {
      height: 22px;
      width: 24px;
      padding-left: 5px
  }

      .input.pci-field-text .secure-field-container .protected-field-section .secure-field-icon:focus {
          transform: scale(.98);
          box-shadow: 0 0 0 2px #2e6ed8;
          border-radius: 4px
      }

      .input.pci-field-text .secure-field-container .protected-field-section .secure-field-icon::before {
          content: "";
          position: absolute;
          width: 1px;
          background: #cfd7df;
          height: 20px;
          right: 30px;
          top: 1px
      }

      .input.pci-field-text .secure-field-container .protected-field-section .secure-field-icon .pci-card-spinner {
          position: absolute;
          right: -4px;
          top: 0
      }

.__ui-form__radio-group-field .custom-radio-group-item {
  height: 66px;
  width: 140px;
  margin-right: 16px;
  display: inline-block
}

.__ui-form__select-field .power-select-trigger[aria-disabled=true] .power-select-status-icon, .__ui-form__select-field .power-select-trigger[aria-disabled=true] .select-dropdown-trigger__status-icon, .__ui-form__select-field [aria-disabled=true].select-dropdown-trigger .power-select-status-icon, .__ui-form__select-field [aria-disabled=true].select-dropdown-trigger .select-dropdown-trigger__status-icon, .app__placeholder__detail .content-detail .add-placeholder {
  display: none
}

.__ui-form__radio-group-field .radio-group-item .sub-text {
  margin: 2px 20px 8px;
  font-size: 12px;
  color: #475867;
  font-weight: 400
}

.__ui-form__radio-group-field.disabled.input .radio-group-item .sub-text, .__ui-form__radio-group-field.disabled.input .radio-group-item label {
  color: #92a2b1
}

.__ui-form__select-field .power-select-trigger[aria-disabled=true], .__ui-form__select-field [aria-disabled=true].select-dropdown-trigger {
  border-bottom-style: dotted;
  cursor: default
}

  .__ui-form__select-field .power-select-trigger[aria-disabled=true] .power-select-selected-item, .__ui-form__select-field [aria-disabled=true].select-dropdown-trigger .power-select-selected-item {
      color: #6f7c87;
      font-weight: 400
  }

.__ui-form__select-field .read-only[aria-disabled=true] .power-select-selected-item {
  font-weight: 500
}

.__ui-form__select-field .read-only[aria-disabled=true] .power-select-status-icon, .__ui-form__select-field .read-only[aria-disabled=true] .select-dropdown-trigger__status-icon {
  display: block
}

.__ui-form__select-field__trigger__power-select-multiple.select-all .power-select-validate-option .power-select-multiple-option {
  border-color: #aeaeae !important
}

  .__ui-form__select-field__trigger__power-select-multiple.select-all .power-select-validate-option .power-select-multiple-option.power-select-multiple-option-error {
      border: 1px solid red !important
  }

.__ui-form__select-field__trigger__power-select-multiple .power-select-validate-option .power-select-multiple-option-error {
  background-color: #fff4f4 !important;
  color: #c82124;
  border: 1px solid #ffc1c1 !important
}

  .__ui-form__select-field__trigger__power-select-multiple .power-select-validate-option .power-select-multiple-option-error .power-select-multiple-remove-btn {
      color: #c82124 !important
  }

.__ui-form__select-field__trigger__power-select-multiple .power-select-multiple-option-name {
  word-break: break-all;
  display: inline-block;
  padding: 4px 4px 4px 8px;
  margin-top: 1px
}

.app-card {
  border-radius: 4px;
  padding: 24px;
  margin-bottom: 10px;
  background-image: linear-gradient(#ebeff3,#ebeff3)
}

  .app-card.app-card-primary {
      background-image: linear-gradient(#e5f2fd,#e5f2fd)
  }

.app-card__dismiss {
  position: absolute;
  top: 12px;
  right: 12px
}

.user-card {
  position: relative;
  padding: 20px 16px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 6px 0 rgba(22,29,37,.05)
}

  .user-card.is-primary {
      background-color: #f5f7f9
  }

  .user-card.no-shadow {
      box-shadow: none
  }

  .user-card.has-border {
      border: 1px solid #ebeff3
  }

  .user-card.has-helper::before {
      content: "";
      position: absolute;
      height: calc(100% - 8px);
      top: calc(-50% + 2px);
      left: -16px;
      width: 1px;
      background-color: #d0d0d0
  }

  .user-card.has-helper::after {
      content: "";
      position: absolute;
      height: 5px;
      width: 5px;
      border-radius: 4px;
      border: 1px solid #d0d0d0;
      left: -18px;
      top: calc(50% - 4px);
      background-color: #d0d0d0
  }

.user-card-info {
  flex: 1 1 auto;
  min-width: 0;
  margin-right: auto
}

  .user-card-info .user-card-info-details {
      justify-content: space-between;
      overflow: hidden
  }

.user-card .user-card-avatar, .user-card .user-field-icon, .user-card-action {
  flex: 0 0 auto
}

.user-card-action-link {
  line-height: 16px
}

.conflict-warning {
  line-height: 16px
}

.large-card-item {
  border: 1px solid #ebeff3;
  border-radius: 8px
}

  .large-card-item > div {
      padding: 10px
  }

  .large-card-item .large-card-name {
      font-weight: 600
  }

      .large-card-item .large-card-name .btn-primary {
          border: 1px solid #bbdcfe;
          border-radius: 4px;
          background-color: #e5f2fd;
          color: #2c5cc5;
          font-size: 12px;
          padding: 2px 8px;
          line-height: 20px
      }

  .large-card-item .large-card-details {
      font-size: 12px;
      color: #475867
  }

  .large-card-item .large-card-footer {
      background-color: #f5f7f9;
      border: 1px solid #ebeff3;
      border-radius: 0 4px
  }

      .large-card-item .large-card-footer table {
          width: 100%
      }

          .large-card-item .large-card-footer table td {
              padding-left: 20px;
              line-height: 20px;
              font-size: 12px;
              color: #12344d;
              font-weight: 300
          }

              .large-card-item .large-card-footer table td:first-child {
                  width: 30%
              }

              .large-card-item .large-card-footer table td:nth-child(2) {
                  width: 35%
              }

              .large-card-item .large-card-footer table td:not(:last-child) {
                  border-right: 1px solid #cfd7df
              }

              .large-card-item .large-card-footer table td > span:last-child {
                  font-weight: 400
              }

.get-started {
  padding: 4px 11px
}

  .get-started:hover {
      text-decoration: none;
      background-color: #fff;
      color: #183247
  }

  .get-started::after {
      width: 230px;
      white-space: normal
  }

.get-started-reminder {
  width: 200px;
  top: 40px;
  left: -40px;
  z-index: 9;
  background-color: #12344d;
  box-shadow: 0 10px 12px rgba(18,52,77,.06);
  padding: 10px 15px;
  animation: fadeIn .5s
}

  .get-started-reminder::before {
      position: absolute;
      content: "";
      height: 0;
      width: 0;
      pointer-events: none;
      border: 5px solid transparent;
      border-bottom-color: #12344d;
      left: 50%;
      top: -10px
  }

.department-selector {
  width: 200px
}

.recommended-features-top-nav .__ui-components__circular-progress-bar .progress-ring__progress {
  stroke: #2c5cc5
}

.recommended-features-not-setup {
  width: 12px;
  height: 12px;
  right: -5px;
  top: -5px
}

  .recommended-features-not-setup .recommended-features-red-dot {
      width: 8px;
      height: 8px;
      background: #d72d30
  }

:root body.notification-present {
  --app-top: 40px
}

:root body.css-onboarding {
  --app-top: 56px
}

.onboarding-container {
  background: linear-gradient(90deg,rgba(224,245,241,.46) 20.31%,#e0f5f1 43.75%,#bbdcfe 100%),#fff;
  height: 56px;
  width: 100vw;
  z-index: 100;
  position: fixed;
  left: 0
}

.centered-flex-item {
  display: flex;
  align-items: center;
  justify-content: center
}

.onboarding-steps-wrapper.congratulations {
}

.onboarding-steps-wrapper .congratulations-banner .onboarding-congratulations-icon {
  width: 24px;
  height: 24px
}

  .onboarding-steps-wrapper .congratulations-banner .onboarding-congratulations-icon path:first-child, .onboarding-steps-wrapper .congratulations-banner .onboarding-congratulations-icon path:first-child + path {
      fill: #283da5
  }

.onboarding-steps-wrapper .congratulations-banner .onboarding-congratulations-text {
  color: #fff;
  margin-left: 8px
}

.onboarding-steps-wrapper .quick-start-title {
  position: absolute;
  left: 20px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400
}

.onboarding-steps-wrapper .onboarding-step-separator {
  margin: 0 8px;
  border: 1px solid #2c5cc5;
  width: 27px;
  opacity: .2
}

.onboarding-steps-wrapper .onboarding-status-actions {
  position: absolute;
  right: 32px
}

  .onboarding-steps-wrapper .onboarding-status-actions .onboarding-user-not-confirmed {
      width: 28px;
      height: 28px;
      cursor: pointer;
      background: #fff;
      border-radius: 64px;
      display: flex;
      align-items: center;
      justify-content: center
  }

      .onboarding-steps-wrapper .onboarding-status-actions .onboarding-user-not-confirmed svg {
          width: 16px
      }

          .onboarding-steps-wrapper .onboarding-status-actions .onboarding-user-not-confirmed svg path {
              fill: #d72d30
          }

  .onboarding-steps-wrapper .onboarding-status-actions .activation-nudge {
      width: 416px;
      top: 38px;
      padding: 24px;
      z-index: 9;
      background-color: #12344d;
      box-shadow: 0 10px 12px rgba(18,52,77,.06);
      animation: fadeIn .5s;
      right: 100%;
      margin-right: -34px
  }

      .onboarding-steps-wrapper .onboarding-status-actions .activation-nudge::before {
          position: absolute;
          content: "";
          height: 0;
          width: 0;
          pointer-events: none;
          border: 5px solid transparent;
          border-bottom-color: #12344d;
          right: 15px;
          top: -10px
      }

  .onboarding-steps-wrapper .onboarding-status-actions .activation-close-button {
      width: 24px;
      height: 24px
  }

  .onboarding-steps-wrapper .onboarding-status-actions .skip-step {
      cursor: pointer;
      border-radius: 64px;
      background-color: #fff;
      font-size: 14px;
      font-weight: 500;
      height: 28px;
      margin-left: 8px;
      padding: 5px 8px;
      transition: all .2s linear
  }

.onboarding-step-container {
  cursor: pointer;
  margin: 8px 0;
  height: 40px;
  padding: 0 12px 0 8px;
  border-radius: 55px;
  border: 1px solid #ebeff3;
  background: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400
}

  .onboarding-step-container:hover {
      border: 1px solid #64b0fc
  }

  .onboarding-step-container .onboarding-step-title {
      color: #12344d;
      margin: 0 0 0 8px
  }

  .onboarding-step-container .onboarding-step-number {
      width: 22px;
      height: 22px;
      background: #e5f2fd;
      border-radius: 50%
  }

  .onboarding-step-container .half-step {
      background: radial-gradient(closest-side,#e5f2fd 80%,transparent 0),conic-gradient(#2c5cc5 50%,#cfd7df 0);
      width: 24px;
      height: 24px
  }

  .onboarding-step-container .onboarding-step-button {
      border-radius: 64px;
      background-color: #e5f2fd;
      color: #2c5cc5;
      font-size: 13px;
      font-weight: 600;
      margin-left: 8px;
      height: 24px;
      padding: 5px 8px
  }

  .onboarding-step-container .onboarding-step-icon {
      width: 22px;
      height: 22px;
      background: #e5f2fd;
      border-radius: 50%
  }

  .onboarding-step-container svg.onboarding-step-completed {
      background: #e0f5f1;
      border-radius: 10px;
      fill: #065
  }

.copilot-trigger-btn {
  background: linear-gradient(to bottom,#fff,#fff) padding-box,linear-gradient(60deg,#ffce22,#0085ff,#8a80ff) border-box;
  background-color: #fff;
  border: 2px solid transparent
}

  .copilot-trigger-btn:hover {
      background: linear-gradient(to bottom,#fff,#fff) padding-box,linear-gradient(45deg,#8a80ff,#0085ff,#ffce22) border-box
  }

  .copilot-trigger-btn::after {
      content: "";
      position: absolute;
      width: 1px;
      background-color: #cfd7df;
      height: 85%;
      top: 2px;
      left: 110px
  }

  .copilot-trigger-btn .caption {
      font-weight: 600;
      color: #183247
  }

.__app-components__activate-demo-account .prompt-dialog {
  max-width: 400px;
  transition: none;
  text-align: center
}

  .__app-components__activate-demo-account .prompt-dialog .admin-email {
      margin-bottom: 8px;
      padding-right: 2px
  }

  .__app-components__activate-demo-account .prompt-dialog .modal-header .modal-title {
      color: #12344d
  }

  .__app-components__activate-demo-account .prompt-dialog .modal-header .modal-subtext {
      color: #475867
  }

  .__app-components__activate-demo-account .prompt-dialog .modal-content {
      padding: 40px 0 0 40px;
      margin-right: 40px
  }

      .__app-components__activate-demo-account .prompt-dialog .modal-content .app-form {
          margin: 0
      }

      .__app-components__activate-demo-account .prompt-dialog .modal-content .welcome-icon {
          text-align: center;
          margin-bottom: 17px;
          margin-top: 15px
      }

          .__app-components__activate-demo-account .prompt-dialog .modal-content .welcome-icon .app-icon {
              width: 75%
          }

      .__app-components__activate-demo-account .prompt-dialog .modal-content .modal-footer {
          padding: 0 2px 40px 0;
          text-align: center
      }

          .__app-components__activate-demo-account .prompt-dialog .modal-content .modal-footer .agreement {
              font-size: 12px;
              color: #576c7d
          }

          .__app-components__activate-demo-account .prompt-dialog .modal-content .modal-footer .btn--link {
              display: inline-block;
              margin-bottom: 10px;
              width: 100%
          }

      .__app-components__activate-demo-account .prompt-dialog .modal-content.welcome-popup {
          padding-top: 50px
      }

          .__app-components__activate-demo-account .prompt-dialog .modal-content.welcome-popup .modal-footer {
              padding-top: 60px;
              text-align: center
          }

.__app-components__app-header__request_demo.in .prompt-dialog {
  width: 512px;
  padding: 32px;
  min-height: unset
}

.__app-components__app-header__request_demo.in .modal-close-button {
  right: 20px
}

.__app-components__app-header__request_demo.in .activate-account-modal-header {
  color: #12344d
}

.__app-components__app-header__request_demo.in .activate-account-modal-sub-header {
  color: #475867
}

.__app-components__app-header__request_demo.in .activate-account-modal-content {
  background-color: #f5f7f9;
  color: #12344d
}

.__app-components__app-header__request_demo.in .activate-account-modal-footer {
  color: #475867
}

.request-demo-nudge {
  width: 350px;
  min-height: 88px;
  top: 44px;
  padding: 22px 24px;
  z-index: 9;
  background-color: #12344d;
  box-shadow: 0 10px 12px rgba(18,52,77,.06);
  animation: fadeIn .5s;
  left: 50%;
  margin-left: -175px
}

  .request-demo-nudge::before {
      position: absolute;
      content: "";
      height: 0;
      width: 0;
      pointer-events: none;
      border: 5px solid transparent;
      border-bottom-color: #12344d;
      left: 50%;
      top: -10px
  }

.close-request-demo-nudge {
  width: 24px;
  height: 24px;
  background-color: #284255
}

.__app-components__subscription-reminder .pop-heading {
  line-height: 0
}

.__app-components__subscription-reminder .plan-change {
  width: 38%
}

.__app-components__subscription-reminder .warning-confirmation .quick-tip {
  border-radius: 4px
}

.__app-components__subscription-reminder .warning-confirmation .quick-tip-title {
  border-left: 1px solid #fddbb5;
  padding-left: 12px
}

.__app-components__subscription-reminder .subscription-request-table {
  border-radius: 4px;
  padding: 12px;
  margin: 0 0 20px
}

.__app-components__subscription-reminder .notification-container {
  padding: 28px 38px 24px
}

.__app-components__subscription-reminder .prompt-dialog {
  max-width: 796px;
  border-radius: 6px
}

  .__app-components__subscription-reminder .prompt-dialog .modal-header .modal-title {
      color: #12344d
  }

  .__app-components__subscription-reminder .prompt-dialog .modal-header .modal-subtext {
      color: #475867
  }

  .__app-components__subscription-reminder .prompt-dialog .modal-content {
      padding: 40px 0 0 40px;
      margin-right: 40px
  }

      .__app-components__subscription-reminder .prompt-dialog .modal-content .modal-footer {
          padding: 0 2px 40px 0;
          text-align: center
      }

          .__app-components__subscription-reminder .prompt-dialog .modal-content .modal-footer .agreement {
              font-size: 12px;
              color: #576c7d
          }

          .__app-components__subscription-reminder .prompt-dialog .modal-content .modal-footer .btn--link {
              display: inline-block;
              margin-bottom: 10px;
              width: 100%
          }

.switch-to-annual-wrapper {
  padding: 0 30px 30px
}

  .switch-to-annual-wrapper .switch-to-annual-illustration {
      width: 30%
  }

  .switch-to-annual-wrapper .plan-switch-content {
      width: 70%
  }

  .switch-to-annual-wrapper .discount-amount {
      color: #008969
  }

  .switch-to-annual-wrapper .plan-switch-title {
      font-weight: 300;
      width: 90%
  }

.__app-components__custom-events .pop-heading {
  line-height: 0
}

.__app-components__custom-events .nested-custom-event {
  width: 100%
}

  .__app-components__custom-events .nested-custom-event .custom-event-row {
      display: flex;
      border-bottom: 1px #cfd7df solid;
      padding: 8px 8px 8px 12px
  }

  .__app-components__custom-events .nested-custom-event .property-cell {
      width: 25%
  }

  .__app-components__custom-events .nested-custom-event .value-cell {
      width: 75%;
      word-break: break-all;
      text-align: justify
  }

.__app-components__custom-events .custom-event-table-header {
  position: fixed;
  width: 92%;
  background: #fff
}

.__app-components__custom-events .custom-event-table-body {
  margin-top: 48px
}

.__app-components__custom-events .custom-event-table {
  border-radius: 4px;
  margin: 0 0 0 1px;
  width: 100%;
  border-bottom: none
}

  .__app-components__custom-events .custom-event-table .list td {
      padding: 8px 8px 8px 12px;
      border-bottom: 1px #cfd7df solid;
      word-break: break-all
  }

  .__app-components__custom-events .custom-event-table .list {
      max-height: 472px;
      overflow-y: scroll;
      overflow-x: hidden
  }

  .__app-components__custom-events .custom-event-table .property-cell {
      width: 25%;
      word-break: break-all
  }

  .__app-components__custom-events .custom-event-table .value-cell {
      width: 75%
  }

.__app-components__custom-events .notification-container {
  margin: 32px 0;
  padding: 0 32px;
  height: 500px;
  overflow-y: scroll;
  overflow-x: hidden
}

  .__app-components__custom-events .notification-container .custom-description {
      font-size: 18px;
      word-break: break-all
  }

      .__app-components__custom-events .notification-container .custom-description .custom-event-back-icon {
          position: relative;
          top: 3px
      }

.__app-components__custom-events .custom-event-text {
  word-break: break-all
}

.__app-components__custom-events .prompt-dialog {
  display: grid;
  max-width: 796px;
  border-radius: 6px
}

  .__app-components__custom-events .prompt-dialog .modal-wrapper-close {
      display: flex;
      position: absolute;
      margin-left: 99%
  }

  .__app-components__custom-events .prompt-dialog .close {
      top: 20px;
      right: 20px;
      width: 2%;
      background: #fff
  }

      .__app-components__custom-events .prompt-dialog .close .app-icon--white {
          fill: #000
      }

  .__app-components__custom-events .prompt-dialog .modal-header .modal-title {
      color: #12344d
  }

  .__app-components__custom-events .prompt-dialog .modal-header .modal-subtext {
      color: #475867
  }

  .__app-components__custom-events .prompt-dialog .modal-content {
      padding: 40px 0 0 40px;
      margin-right: 40px
  }

      .__app-components__custom-events .prompt-dialog .modal-content .modal-footer {
          padding: 0 2px 40px 0;
          text-align: center
      }

          .__app-components__custom-events .prompt-dialog .modal-content .modal-footer .agreement {
              font-size: 12px;
              color: #576c7d
          }

          .__app-components__custom-events .prompt-dialog .modal-content .modal-footer .btn--link {
              display: inline-block;
              margin-bottom: 10px;
              width: 100%
          }

.app__placeholder .dd_trigger {
  position: absolute;
  bottom: 0;
  right: 2px;
  z-index: 1;
  display: block;
  width: 30px
}

.app__placeholder__detail .content-all-detail {
  display: flex;
  flex-wrap: wrap;
  background-color: #f5f7f9;
  border-left: 1px solid #ebeff3;
  border-right: 1px solid #ebeff3;
  padding: 10px;
  transition: .2s ease-in;
  animation: fadeInDelay .2s ease-in
}

.app__placeholder__detail .nested-field-wrapper {
  margin: 4px
}

  .app__placeholder__detail .nested-field-wrapper .btn {
      padding: 0;
      min-width: auto
  }

  .app__placeholder__detail .nested-field-wrapper .btn-selector {
      padding: 2px 4px 3px
  }

      .app__placeholder__detail .nested-field-wrapper .btn-selector:hover {
          border: 1px solid #2c5cc5
      }

  .app__placeholder__detail .nested-field-wrapper .group-name {
      border: 1px solid #cfd7df
  }

      .app__placeholder__detail .nested-field-wrapper .group-name:hover {
          border: 1px solid #2c5cc5
      }

      .app__placeholder__detail .nested-field-wrapper .group-name .content-detail {
          margin: 0;
          border: 0
      }

  .app__placeholder__detail .nested-field-wrapper .nested-field-options {
      border-radius: 2px 2px 6px 6px;
      padding: 0 4px 4px
  }

      .app__placeholder__detail .nested-field-wrapper .nested-field-options .content-detail {
          margin: 8px 4px 4px;
          border: 0
      }

.app__placeholder__detail .content-detail {
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #cfd7df;
  font-size: 11px;
  padding: 4px 10px 6px;
  margin: 4px;
  position: relative
}

  .app__placeholder__detail .content-detail .content-text {
      margin-left: 4px;
      margin-right: 2px
  }

  .app__placeholder__detail .content-detail:not(.read-only):hover {
      background-color: #e5f2fd;
      border: 1px solid #2c5cc5;
      box-shadow: 0 2px 6px 0 rgba(22,37,27,.05),0 0 4px 0 rgba(24,71,30,.2)
  }

      .app__placeholder__detail .content-detail:not(.read-only):hover .add-placeholder {
          display: inline;
          position: absolute;
          left: 4px
      }

  .app__placeholder__detail .content-detail.read-only {
      cursor: no-drop
  }

.app__placeholder__detail .content-data {
  height: 44px;
  background-color: #fff;
  padding-left: 16px;
  padding-top: 11px;
  border: 1px solid #ebeff3;
  font-size: 600
}

  .app__placeholder__detail .content-data span {
      font-size: 12px;
      font-weight: 600
  }

  .app__placeholder__detail .content-data:hover {
      background-color: #ebedf0
  }

.app__placeholder__detail .active-border {
  border: 1px solid #ebeff3
}

.app__placeholder__detail .inactive-border {
  border-top: 0
}

.app__placeholder__detail .content-arrow {
  float: right;
  margin-right: 15px;
  margin-top: 3px;
  transition: .2s ease-in;
  animation: fadeInDelay .2s ease-in
}

.app__placeholder__detail .active-span .app-icon--small {
  color: #2c5cc5
}

.__app-components__welcome-video .welcome-video-overlay {
  position: absolute;
  padding: 20px;
  box-sizing: border-box;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 800px;
  height: 600px;
  margin: auto;
  border-radius: 2px;
  background-color: #fff;
  text-align: center
}

.__app-components__welcome-video .welcome-video {
  margin: 10px 0;
  height: 79%
}

  .__app-components__welcome-video .welcome-video .wistia_embed {
      height: 72.5%;
      left: 20px;
      position: absolute;
      width: 95%;
      box-shadow: 0 1px 4px 0 rgba(0,0,0,.15);
      border: 5px solid #fff
  }

      .__app-components__welcome-video .welcome-video .wistia_embed video {
          background: #fff !important
      }

.congrats-transition-in {
  animation-duration: .3s;
  animation-name: fadeIn
}

.congrats-popup {
  height: 400px;
  width: 400px;
  border-radius: 2px;
  position: fixed;
  z-index: 1;
  right: 30px;
  bottom: 30px;
  background-color: #fff;
  box-shadow: 0 0 18px 0 rgba(0,0,0,.2);
  text-align: center;
  -webkit-font-smoothing: antialiased
}

  .congrats-popup .congratulations-confetti {
      display: inline-block;
      margin-top: 20px;
      margin-bottom: 20px
  }

      .congrats-popup .congratulations-confetti .confetti-transition-in {
          opacity: 0;
          animation: fadeIn .3s ease-in .4s forwards
      }

      .congrats-popup .congratulations-confetti .thumbs-up {
          position: absolute;
          left: 154px;
          top: 125px
      }

  .congrats-popup .title {
      text-align: center;
      margin-bottom: 10px
  }

  .congrats-popup .content {
      text-align: center;
      width: 70%;
      margin: auto
  }

      .congrats-popup .content .response-time {
          white-space: nowrap
      }

  .congrats-popup .goto-ticket {
      display: inline-block;
      margin-top: 20px;
      opacity: 0;
      animation: fadeIn .3s ease-in .7s forwards
  }

      .congrats-popup .goto-ticket a, .congrats-popup .goto-ticket a:active, .congrats-popup .goto-ticket a:hover, .congrats-popup .goto-ticket a:visited {
          text-decoration: none;
          color: #fff
      }

.vertical-select-options {
  max-height: 252px;
  overflow-y: auto
}

.assign-to-list.vertical-select-options {
  width: 235px
}

  .assign-to-list.vertical-select-options .app-dropdown__item {
      padding: 5px 25px 5px 10px;
      position: relative;
      display: block;
      color: #183247;
      clear: both;
      font-weight: 400;
      white-space: nowrap
  }

      .assign-to-list.vertical-select-options .app-dropdown__item:focus, .assign-to-list.vertical-select-options .app-dropdown__item:hover {
          text-decoration: none;
          background: #ebeff3
      }

      .assign-to-list.vertical-select-options .app-dropdown__item.disabled {
          color: #acb6be;
          cursor: not-allowed;
          pointer-events: none
      }

          .assign-to-list.vertical-select-options .app-dropdown__item.disabled:focus, .assign-to-list.vertical-select-options .app-dropdown__item.disabled:hover {
              color: #acb6be
          }

.__app-components__image-cropper {
  position: absolute;
  z-index: 6;
  top: 0;
  left: 0;
  width: 100%;
  height: 600px;
  background: #fff
}

  .__app-components__image-cropper .nucleus-modal__footer {
      position: absolute;
      bottom: 0;
      width: 100%
  }

  .__app-components__image-cropper .image-editor {
      margin-top: 10%;
      position: relative;
      background: #fff
  }

      .__app-components__image-cropper .image-editor .cropit-preview {
          background-color: #f8f8f8;
          background-size: cover;
          display: block;
          height: 300px;
          width: 300px;
          margin: auto
      }

      .__app-components__image-cropper .image-editor .cropit-preview-image-container {
          cursor: move;
          border: 1px dashed #cfd7df;
          border-radius: 4px
      }

      .__app-components__image-cropper .image-editor .cropit-preview-background {
          cursor: auto;
          opacity: .2
      }

      .__app-components__image-cropper .image-editor .slider {
          width: 300px;
          display: block;
          margin: auto;
          position: relative;
          top: 40px;
          left: 6%
      }

          .__app-components__image-cropper .image-editor .slider span:first-child {
              float: left
          }

          .__app-components__image-cropper .image-editor .slider span:last-child {
              position: relative;
              left: -25px
          }

          .__app-components__image-cropper .image-editor .slider .app-icon--insert-image {
              top: 7px
          }

          .__app-components__image-cropper .image-editor .slider.fade-out {
              opacity: .4;
              pointer-events: none
          }

      .__app-components__image-cropper .image-editor input[type=range].cropit-image-zoom-input {
          -webkit-appearance: none;
          float: left;
          margin: 11px 0;
          width: 60%
      }

          .__app-components__image-cropper .image-editor input[type=range].cropit-image-zoom-input:focus {
              outline: 0
          }

          .__app-components__image-cropper .image-editor input[type=range].cropit-image-zoom-input::-webkit-slider-runnable-track {
              background: #3071a9;
              border: .2px solid #010101;
              border-radius: 1.3px;
              box-shadow: 0 0 1px #000,0 0 0 #0d0d0d;
              cursor: pointer;
              height: 0;
              width: 100%
          }

          .__app-components__image-cropper .image-editor input[type=range].cropit-image-zoom-input::-webkit-slider-thumb {
              -webkit-appearance: none;
              background: #fff;
              border: 0 solid #000;
              border-radius: 9px;
              box-shadow: .1px .1px 1px #000,0 0 .1px #0d0d0d;
              cursor: pointer;
              height: 22px;
              margin-top: -11.2px;
              width: 16px
          }

              .__app-components__image-cropper .image-editor input[type=range].cropit-image-zoom-input::-webkit-slider-thumb:hover {
                  background: #1e68c6
              }

          .__app-components__image-cropper .image-editor input[type=range].cropit-image-zoom-input:focus::-webkit-slider-runnable-track {
              background: #3071a9
          }

          .__app-components__image-cropper .image-editor input[type=range].cropit-image-zoom-input::-moz-range-track {
              background: #3071a9;
              border: .2px solid #010101;
              border-radius: 1.3px;
              box-shadow: 0 0 1px #000,0 0 0 #0d0d0d;
              cursor: pointer;
              height: 0;
              width: 100%
          }

          .__app-components__image-cropper .image-editor input[type=range].cropit-image-zoom-input::-moz-range-thumb {
              background: #fff;
              border: 0 solid #000;
              border-radius: 9px;
              box-shadow: .1px .1px 1px #000,0 0 .1px #0d0d0d;
              cursor: pointer;
              height: 22px;
              width: 16px
          }

              .__app-components__image-cropper .image-editor input[type=range].cropit-image-zoom-input::-moz-range-thumb:hover {
                  background: #1e68c6
              }

          .__app-components__image-cropper .image-editor input[type=range].cropit-image-zoom-input::-ms-track {
              background: 0 0;
              border-color: transparent;
              color: transparent;
              cursor: pointer;
              height: 0;
              width: 100%
          }

          .__app-components__image-cropper .image-editor input[type=range].cropit-image-zoom-input::-ms-fill-lower {
              background: #3071a9;
              border: .2px solid #010101;
              border-radius: 2.6px;
              box-shadow: 0 0 1px #000,0 0 0 #0d0d0d
          }

          .__app-components__image-cropper .image-editor input[type=range].cropit-image-zoom-input::-ms-fill-upper {
              background: #3071a9;
              border: .2px solid #010101;
              border-radius: 2.6px;
              box-shadow: 0 0 1px #000,0 0 0 #0d0d0d
          }

          .__app-components__image-cropper .image-editor input[type=range].cropit-image-zoom-input::-ms-thumb {
              background: #fff;
              border: 0 solid #000;
              border-radius: 9px;
              box-shadow: .1px .11px 1px #000,0 0 .1px #0d0d0d;
              cursor: pointer;
              height: 22px;
              height: 0;
              width: 16px
          }

              .__app-components__image-cropper .image-editor input[type=range].cropit-image-zoom-input::-ms-thumb:hover {
                  background: #1e68c6
              }

          .__app-components__image-cropper .image-editor input[type=range].cropit-image-zoom-input:focus::-ms-fill-lower {
              background: #3071a9
          }

          .__app-components__image-cropper .image-editor input[type=range].cropit-image-zoom-input:focus::-ms-fill-upper {
              background: #3071a9
          }

.__shared__timeline-activities.new-timeline-view {
  background: #fff;
  padding: 24px
}

.__shared__timeline-activities.requester-widget .timeline-block::before, .__shared__timeline-activities.requester-widget .ucr-timeline-block::before {
  left: 5%;
  height: 94%;
  margin-left: 3px
}

.__shared__timeline-activities.requester-widget .timeline-block .timeline-icon-container, .__shared__timeline-activities.requester-widget .timeline-block .ucr-timeline-icon-container, .__shared__timeline-activities.requester-widget .ucr-timeline-block .timeline-icon-container, .__shared__timeline-activities.requester-widget .ucr-timeline-block .ucr-timeline-icon-container {
  background: #f7f9fa;
  padding-top: 4px;
  padding-bottom: 4px;
  width: 30px;
  margin-top: 0
}

.__shared__timeline-activities.requester-widget .timeline-block .timeline-icon-container__ticket, .__shared__timeline-activities.requester-widget .ucr-timeline-block .timeline-icon-container__ticket {
  background: #ebeff3;
  border-radius: 50px;
  left: 0;
  padding: 7px 7px 5px
}

  .__shared__timeline-activities.requester-widget .timeline-block .timeline-icon-container__ticket svg, .__shared__timeline-activities.requester-widget .ucr-timeline-block .timeline-icon-container__ticket svg {
      position: relative;
      top: 1px;
      left: 1px
  }

.__shared__timeline-activities.requester-widget .timeline-block .timeline-icon-container__viewtimeline, .__shared__timeline-activities.requester-widget .ucr-timeline-block .timeline-icon-container__viewtimeline {
  background: #e5f2fd;
  border-radius: 50px;
  left: 0;
  padding: 7px 7px 5px
}

  .__shared__timeline-activities.requester-widget .timeline-block .timeline-icon-container__viewtimeline svg, .__shared__timeline-activities.requester-widget .ucr-timeline-block .timeline-icon-container__viewtimeline svg {
      position: relative;
      top: 1px
  }

.__shared__timeline-activities.requester-widget .timeline-block .timeline-icon-container__ucr-ticket, .__shared__timeline-activities.requester-widget .ucr-timeline-block .timeline-icon-container__ucr-ticket {
  background: #fff
}

.__shared__timeline-activities.requester-widget .timeline-block .timeline-activity-details-container, .__shared__timeline-activities.requester-widget .ucr-timeline-block .timeline-activity-details-container {
  padding-left: 37px;
  display: block
}

.__shared__timeline-activities.requester-widget .timeline-block__ticket::before {
  height: 95%;
  margin-left: 3px
}

.__shared__timeline-activities.requester-widget .timeline__view_more_info {
  padding: 5px 0 15px;
  color: #2c5cc5
}

.__shared__timeline-activities .category-filter {
  float: left;
  margin-bottom: 10px
}

  .__shared__timeline-activities .category-filter .power-select-trigger, .__shared__timeline-activities .category-filter .select-dropdown-trigger {
      border: none;
      height: 0
  }

      .__shared__timeline-activities .category-filter .power-select-trigger .power-select-status-icon, .__shared__timeline-activities .category-filter .power-select-trigger .select-dropdown-trigger__status-icon, .__shared__timeline-activities .category-filter .select-dropdown-trigger .power-select-status-icon, .__shared__timeline-activities .category-filter .select-dropdown-trigger .select-dropdown-trigger__status-icon {
          top: 3px
      }

      .__shared__timeline-activities .category-filter .basic-dropdown-trigger--below.select-dropdown-trigger .power-select-status-icon, .__shared__timeline-activities .category-filter .basic-dropdown-trigger--below.select-dropdown-trigger .select-dropdown-trigger__status-icon, .__shared__timeline-activities .category-filter .power-select-trigger.basic-dropdown-trigger--below .power-select-status-icon, .__shared__timeline-activities .category-filter .power-select-trigger.basic-dropdown-trigger--below .select-dropdown-trigger__status-icon {
          top: 7px
      }

.__shared__timeline-activities .note-editor {
  background-color: rgba(218,223,227,.5);
  padding: 4px;
  margin-bottom: 16px;
  border-radius: 4px
}

.__shared__timeline-activities .remove-note-leave {
  opacity: 1;
  max-height: 995px;
  transform: scale(1)
}

  .__shared__timeline-activities .remove-note-leave.remove-note-leave-active {
      opacity: .01;
      transform: scale(.95);
      max-height: 0;
      transition: transform .5s ease-in-out .3s,opacity .5s ease-in-out .3s,max-height .5s ease-in-out .3s
  }

.__shared__timeline-activities .timeline-block, .__shared__timeline-activities .ucr-timeline-block {
  position: relative
}

  .__shared__timeline-activities .timeline-block::before, .__shared__timeline-activities .ucr-timeline-block::before {
      content: "";
      position: absolute;
      height: 100%;
      width: 1px;
      background: linear-gradient(to bottom,#bedbf5 0,#bedbf5 95%,#fff 100%);
      left: 3%;
      margin-left: 2px
  }

  .__shared__timeline-activities .timeline-block .timeline-date-container, .__shared__timeline-activities .ucr-timeline-block .timeline-date-container {
      position: absolute;
      height: 24px;
      text-align: center;
      background: #e5f2fd;
      border-radius: 16px;
      z-index: 2
  }

      .__shared__timeline-activities .timeline-block .timeline-date-container .timeline-date, .__shared__timeline-activities .ucr-timeline-block .timeline-date-container .timeline-date {
          padding: 4px 16px
      }

  .__shared__timeline-activities .timeline-block .timeline-icon-container, .__shared__timeline-activities .timeline-block .ucr-timeline-icon-container, .__shared__timeline-activities .ucr-timeline-block .timeline-icon-container, .__shared__timeline-activities .ucr-timeline-block .ucr-timeline-icon-container {
      position: absolute;
      width: 40px;
      background: #fff;
      padding-top: 12px;
      left: 2%;
      margin-top: 24px;
      padding-bottom: 12px
  }

  .__shared__timeline-activities .timeline-block .ucr-timeline-icon-container, .__shared__timeline-activities .ucr-timeline-block .ucr-timeline-icon-container {
      margin-top: 0
  }

  .__shared__timeline-activities .timeline-block .timeline-activity-details-container, .__shared__timeline-activities .timeline-block .timeline-more-activities, .__shared__timeline-activities .ucr-timeline-block .timeline-activity-details-container, .__shared__timeline-activities .ucr-timeline-block .timeline-more-activities {
      padding-left: 80px
  }

  .__shared__timeline-activities .ucr-timeline-block::before {
      width: 0
  }

  .__shared__timeline-activities .ucr-timeline-block .timeline-icon-container, .__shared__timeline-activities .ucr-timeline-block .ucr-timeline-icon-container {
      z-index: 1
  }

  .__shared__timeline-activities .ucr-timeline-block .timeline-container {
      position: relative
  }

      .__shared__timeline-activities .ucr-timeline-block .timeline-container .timeline-activity {
          border-left: 1px solid #cfd7df;
          margin-left: 3%
      }

      .__shared__timeline-activities .ucr-timeline-block .timeline-container:last-child .timeline-activity:last-child {
          border: none
      }

  .__shared__timeline-activities .ucr-timeline-block .timeline-activity-details-container, .__shared__timeline-activities .ucr-timeline-block .timeline-more-activities {
      padding-left: 30px
  }

.__shared__timeline-activities .timeline-activity-loader {
  width: 400px
}

.__shared__timeline-activities .ticket-tags-container {
  display: flex
}

  .__shared__timeline-activities .ticket-tags-container .status-wrapper {
      padding-top: 8px
  }

  .__shared__timeline-activities .ticket-tags-container .list-items {
      padding-top: 8px;
      padding-left: 8px
  }

.__shared__timeline-activities .timeline-activity-resolved {
  color: #576c7d
}

  .__shared__timeline-activities .timeline-activity-resolved .timeline-activity-status-container, .__shared__timeline-activities .timeline-activity-resolved .timeline-activity-subject {
      color: inherit
  }

.__shared__timeline-activities .timeline-activity-status-container {
  padding-top: 0
}

.__shared__timeline-activities .customer-survey-icon > g > path:first-child {
  stroke: #12344d;
  fill: #fff
}

.__shared__timeline-activities .customer-survey-icon > g > path:nth-child(2) {
  stroke: #12344d;
  fill: #12344d
}

.__shared__timeline-activities .customer-survey-icon > g > path:nth-child(3) {
  fill: #12344d
}

.__shared__timeline-activities .survey-details-holder .survey-label {
  color: #475867
}

.__shared__timeline-activities .survey-details-holder .survey-result-description-icon {
  width: 4px;
  height: 4px
}

.__shared__timeline-activities .survey-comment {
  margin-top: 24px
}

.merge-contact-detail-table {
  border: 1px solid #ebeff3;
  border-radius: 8px
}

.merge-contact-desc {
  font-size: 0
}

  .merge-contact-desc .separator {
      margin-right: 4px
  }

  .merge-contact-desc span {
      font-size: 14px;
      display: inline-block
  }

      .merge-contact-desc span:nth-last-child(2) {
          margin-left: 4px
      }

.analytics-switch-banner {
  position: relative;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  margin: 0 10px;
  height: 40px;
  border-radius: 4px;
  top: 70px;
  padding: 0
}

  .analytics-switch-banner .quick-tip-title, .analytics-switch-banner .tips-link-actions {
      display: inline;
      margin: 0
  }

  .analytics-switch-banner .app-icon--small {
      width: 16px;
      height: 16px
  }

  .analytics-switch-banner.quick-tip--info {
      margin: 0 15px
  }

  .analytics-switch-banner .close-dialog {
      display: flex
  }

  .analytics-switch-banner .feature-nudge.feature-nudge--large .nudge-wrapper {
      flex-direction: row
  }

  .analytics-switch-banner .feature-nudge .nudge-text-container {
      flex: 1 0
  }

  .analytics-switch-banner .nudge-image {
      width: 630px
  }

.new-analytics-page-container.new-banner .page-iframe {
  top: 254px
}

.new-analytics-page-container.no-banner .page-iframe {
  top: 66px
}

.new-analytics-page-container .page-iframe {
  top: 106px
}

.new-analytics-page-container .fresh-visuals {
  top: 10px
}

.css-onboarding .new-analytics-page-container.new-banner .page-iframe, .notification-present .new-analytics-page-container.new-banner .page-iframe {
  top: calc(252px + var(--app-top,0))
}

.css-onboarding .new-analytics-page-container .page-iframe, .notification-present .new-analytics-page-container .page-iframe {
  top: calc(106px + var(--app-top,0))
}

.css-onboarding .new-analytics-page-container.no-banner .page-iframe, .notification-present .new-analytics-page-container.no-banner .page-iframe {
  top: calc(66px + var(--app-top,0))
}

.css-onboarding .analytics-switch-banner, .notification-present .analytics-switch-banner {
  top: calc(70px + var(--app-top,0))
}

.export-modal .export__header--icon {
  top: 6px
}

.export-modal .export__body .input.custom-checkbox {
  line-height: 1.2
}

  .export-modal .export__body .input.custom-checkbox input[type=checkbox] + label {
      color: #183247
  }

.explore-link {
  box-shadow: 0 2px 4px #f5f7f9;
  border: 1px solid #cfd7df;
  border-radius: 4px;
  padding: 12px 24px;
  margin: 16px 0
}

.explore-link__img {
  width: 68px;
  height: 68px
}

.explore-link__icon {
  fill: #cfd7df;
  margin-left: auto
}

.explore-link:hover {
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.12)
}

  .explore-link:hover .explore-link__title {
      color: #2c5cc5
  }

  .explore-link:hover .explore-link__icon {
      fill: #475867
  }

.module-tryhigher-loyalty-modal.feature-gain .prompt-dialog {
  max-width: 800px
}

.module-tryhigher-loyalty-modal .feature-item:nth-child(even) {
  clear: both
}

.module-tryhigher-loyalty-modal .discount {
  line-height: 1
}

.module-tryhigher-loyalty-modal .prompt-dialog {
  border-radius: 4px
}

.free-trial-modal-size {
  width: 576px
}

.modal-feature {
  width: 512px;
  min-height: 88px
}

  .modal-feature:hover {
      text-decoration: none;
      border: 1px solid #2c5cc5;
      box-shadow: 0 34px 64px -10px rgba(44,92,197,.1)
  }

.feature-content {
  max-width: 380px
}

.year-in-review-module {
  width: 80%
}

.yir-nucleus-cross {
  top: 16px;
  right: 16px
}

  .yir-nucleus-cross svg path {
      fill: #12344d
  }

.yir-metrics {
  width: calc(50% - 20px)
}

.yir-main-metrics-block {
  width: 65%
}

.yir-side-congratulation-recommendations {
  width: calc(35% - 30px);
  min-width: 340px;
  padding-left: 30px
}

.year-in-review-page-content {
  width: 90%
}

.yir-info-icon:hover {
  background-color: #f5f7f9
}

.yir-share-modal {
  min-width: 400px;
  min-height: 260px;
  box-shadow: 0 2px 18px rgba(18,52,77,.2);
  background: #fff;
  z-index: 100
}

  .yir-share-modal .yir-share-modal-text {
      padding: 32px
  }

.explore-omnichannel {
  transition: none;
  transform: none;
  animation: none
}

  .explore-omnichannel.in .prompt-dialog {
      border-radius: 8px;
      height: 640px;
      max-width: 880px;
      overflow: hidden;
      transform: none;
      transition: none
  }

      .explore-omnichannel.in .prompt-dialog .modal-content {
          display: block;
          padding: 0;
          position: relative
      }

      .explore-omnichannel.in .prompt-dialog.modal-dialog--xxlarge {
          animation: none
      }

  .explore-omnichannel .explore-omnichannel-popup {
      height: 640px;
      overflow-x: hidden
  }

      .explore-omnichannel .explore-omnichannel-popup .previous-step {
          height: 60px
      }

      .explore-omnichannel .explore-omnichannel-popup .modal-footer, .explore-omnichannel .explore-omnichannel-popup .modal-header {
          position: relative;
          width: 880px
      }

      .explore-omnichannel .explore-omnichannel-popup .modal-header {
          border: 0;
          box-shadow: 0 2px 4px 0 rgba(0,0,0,.12);
          height: 52px;
          padding: 8px 0 0 40px
      }

      .explore-omnichannel .explore-omnichannel-popup .modal-footer {
          background: #f3f5f7;
          box-shadow: 0 6px 14px 0 rgba(24,50,71,.05),0 1px 4px 0 rgba(24,50,71,.15)
      }

      .explore-omnichannel .explore-omnichannel-popup .modal-content {
          height: 90%;
          margin: 0 20px
      }

      .explore-omnichannel .explore-omnichannel-popup .downgrade-wrapper {
          padding: 20px 20px 0
      }

      .explore-omnichannel .explore-omnichannel-popup .subscription-payment {
          padding: 30px 0 80px;
          width: 63%
      }

  .explore-omnichannel .omnichannel-features-container {
      height: 430px
  }

  .explore-omnichannel .omnibundle-accounts-container {
      background-color: #f5f7f9;
      border: 1px solid #cfd7df;
      border-radius: 4px;
      box-sizing: border-box;
      height: 280px;
      width: 800px
  }

      .explore-omnichannel .omnibundle-accounts-container .omnibundle-data-container {
          margin: auto;
          height: 65%
      }

      .explore-omnichannel .omnibundle-accounts-container .omni-account-holder {
          height: 124px;
          width: 232px;
          border-radius: 4px;
          background-color: #fff
      }

.plans-diff-container .features-diff {
  border-radius: 8px;
  box-shadow: 0 2px 4px 1px #ebeff3;
  box-sizing: border-box;
  height: 100%;
  margin-right: 20px;
  width: 50%
}

  .plans-diff-container .features-diff .plan-features {
      height: 86%;
      margin-left: 24px
  }

      .plans-diff-container .features-diff .plan-features .features-container {
          height: 65%;
          overflow: hidden auto
      }

  .plans-diff-container .features-diff .plan-button-container {
      background: #f5f7f9;
      border-radius: 0 0 8px 8px;
      box-sizing: border-box;
      height: 14%
  }

      .plans-diff-container .features-diff .plan-button-container .choose-plan {
          margin: 12px 24px
      }

.feature-nudge {
  height: 134px;
  width: 900px
}

  .feature-nudge.feature-nudge--large {
      width: 100%
  }

      .feature-nudge.feature-nudge--large .nudge-wrapper {
          flex-direction: row-reverse;
          justify-content: left;
          margin: auto 16px;
          width: 100%
      }

      .feature-nudge.feature-nudge--large .nudge-image-container, .feature-nudge.feature-nudge--large .nudge-text-container {
          margin: auto 16px
      }

  .feature-nudge .nudge-wrapper {
      margin: auto;
      width: 85%
  }

  .feature-nudge .nudge-text-container {
      margin: auto
  }

.progress-bar-bar {
  border-radius: 70px;
  box-shadow: none
}

.progress-bar--negative {
  background-color: #e72b00
}

.progress-bar--neutral {
  background-color: #f0d700
}

.progress-bar--positive {
  background-color: #6bb437
}

.progress-bar--slightlydissatisfied {
  background-color: #e86f25
}

.range-slider .slidecontainer {
  width: 100%
}

.range-slider .move-25 {
  left: calc(25% - 8px)
}

.range-slider .move-50 {
  left: calc(50% - 8px)
}

.range-slider .move-75 {
  left: calc(75% - 8px)
}

.range-slider .slider {
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg,#ff5959,#ff5959 25%,#ff9d00 25%,#ff9d00 50%,#ffd012 50%,#ffd012 75%,#009a79 75%,#009a79 100%);
  outline: 0;
  transition: opacity .2s
}

  .range-slider .slider::-webkit-slider-thumb {
      appearance: none;
      width: 15px;
      height: 15px;
      background: #2e6ed8;
      border: 2px solid #fff;
      cursor: default
  }

  .range-slider .slider::-moz-range-thumb {
      width: 15px;
      height: 15px;
      background: #2e6ed8;
      cursor: default
  }

.embed-code {
  background-color: #27313a
}

  .embed-code .title {
      background-color: #384551;
      padding-right: 24px
  }

  .embed-code .code-icon-cover {
      background-color: #27313a
  }

  .embed-code .code-content {
      padding: 0 24px 0 32px;
      text-align: left
  }

.cx-feedback-iframe {
  border: none;
  position: fixed;
  z-index: 99;
  bottom: 30px;
  right: 30px;
  width: 390px;
  min-height: 75%;
  border-radius: 12px 12px 0 0
}

.wizard-widget .wizard-progress-indicator .step-indicator {
  padding-bottom: 32px
}

  .wizard-widget .wizard-progress-indicator .step-indicator .active-indicator {
      border: 2px solid #2c5cc5;
      background: #2c5cc5;
      width: 48px
  }

  .wizard-widget .wizard-progress-indicator .step-indicator .indicator {
      border: 2px solid #bbdcfe;
      background: #bbdcfe;
      width: 48px
  }

.calendly-badge-widget, .calendly-badge-widget *, .calendly-inline-widget, .calendly-inline-widget *, .calendly-overlay, .calendly-overlay * {
  font-size: 16px;
  line-height: 1.2em
}

  .calendly-badge-widget iframe, .calendly-inline-widget iframe, .calendly-overlay iframe {
      display: inline;
      width: 100%;
      height: 100%
  }

.calendly-popup-content {
  position: relative
}

  .calendly-popup-content.calendly-mobile {
      -webkit-overflow-scrolling: touch;
      overflow-y: auto
  }

.calendly-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 9999;
  background-color: #a5a5a5;
  background-color: rgba(31,31,31,.4)
}

  .calendly-overlay .calendly-close-overlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0
  }

  .calendly-overlay .calendly-popup {
      box-sizing: border-box;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateY(-50%) translateX(-50%);
      width: 80%;
      min-width: 900px;
      max-width: 1000px;
      height: 90%;
      max-height: 680px
  }

@media (max-width:975px) {
  .calendly-overlay .calendly-popup {
      position: fixed;
      top: 50px;
      left: 0;
      right: 0;
      bottom: 0;
      transform: none;
      width: 100%;
      height: auto;
      min-width: 0;
      max-height: none
  }
}

.calendly-overlay .calendly-popup .calendly-popup-content {
  height: 100%
}

.calendly-overlay .calendly-popup-close {
  position: absolute;
  top: 25px;
  right: 25px;
  color: #fff;
  width: 19px;
  height: 19px;
  cursor: pointer;
  /*background: url(https://calendly.com/assets/external/close-icon.svg) no-repeat;*/
  background-size: contain
}

@media (max-width:975px) {
  .calendly-overlay .calendly-popup-close {
      top: 15px;
      right: 15px
  }
}

.calendly-badge-widget {
  position: fixed;
  right: 20px;
  bottom: 15px;
  z-index: 9998
}

  .calendly-badge-widget .calendly-badge-content {
      display: table-cell;
      width: auto;
      height: 45px;
      padding: 0 30px;
      border-radius: 25px;
      box-shadow: rgba(0,0,0,.25) 0 2px 5px;
      font-family: sans-serif;
      text-align: center;
      vertical-align: middle;
      font-weight: 700;
      font-size: 14px;
      color: #fff;
      cursor: pointer
  }

.quick-start .welcome-title, .welcome-title {
  font-weight: 800
}

.calendly-badge-widget .calendly-badge-content.calendly-white {
  color: #666a73
}

.calendly-badge-widget .calendly-badge-content span {
  display: block;
  font-size: 12px
}

.calendly-spinner {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  text-align: center;
  z-index: -1
}

  .calendly-spinner > div {
      display: inline-block;
      width: 18px;
      height: 18px;
      background-color: #e1e1e1;
      border-radius: 50%;
      vertical-align: middle;
      animation: calendly-bouncedelay 1.4s infinite ease-in-out;
      animation-fill-mode: both
  }

  .calendly-spinner .calendly-bounce1 {
      animation-delay: -.32s
  }

  .calendly-spinner .calendly-bounce2 {
      animation-delay: -.16s
  }

@keyframes calendly-bouncedelay {
  0%,100%,80% {
      transform: scale(0)
  }

  40% {
      transform: scale(1)
  }
}

.quick-start {
  width: 65%;
  min-width: 650px
}

  .quick-start .logo {
      height: 30px
  }

  .quick-start .congratz {
      color: #00a886
  }

  .quick-start .box-ease-in {
      -webkit-animation: slideInRightCaption .4s ease-in-out;
      animation: slideInRightCaption .4s ease-in-out
  }

  .quick-start .user-email-error {
      border-color: 1px solid #d72d30
  }

  .quick-start .invite-agents .basic-dropdown-content, .quick-start .invite-agents .power-select-status-icon, .quick-start .invite-agents .select-dropdown-trigger__status-icon {
      display: none
  }

  .quick-start .invite-agents .power-select-multiple-option {
      margin-right: 5px;
      margin-bottom: 5px;
      border: 1px solid #f3f5f7
  }

  .quick-start .invite-agents .power-select-multiple-remove-btn {
      float: right;
      left: 3px
  }

  .quick-start .invite-agents .power-select-trigger, .quick-start .invite-agents .select-dropdown-trigger {
      max-height: 120px;
      min-height: 32px;
      overflow-y: scroll
  }

  .domain-wrapper, .quick-start .domain-wrapper {
      min-height: 25px
  }

  .quick-start .close-button {
      color: #345c7c;
      opacity: .7
  }

  .quick-start .email-info-section {
      background: #f5f7f9
  }

  .quick-start .domain-constant {
      right: 10px;
      top: 6px
  }

  .quick-start .seperator-title {
      background-color: #fff;
      top: -12px
  }

  .quick-start .email-holder {
      background-color: #fff;
      border: 1px solid #8c8c8c
  }

  .quick-start .email-verify {
      border: 2px solid #2c5cc5
  }

  .quick-start .mail-box-list .mailboxes {
      border: 1px solid #8c8c8c;
      background-color: #fff
  }

      .quick-start .mail-box-list .mailboxes .mail-links {
          color: #5e5e5e
      }

  .quick-start .index-display {
      margin-top: 30px
  }

      .quick-start .index-display .index-id {
          background-color: #a2c0de;
          height: 18px;
          width: 18px
      }

          .quick-start .index-display .index-id.active {
              background-color: #12344d
          }

  .quick-start .get-started-quick:focus, .quick-start .get-started-quick:hover {
      color: #fff
  }

.wrapper-thankyou {
  padding-top: 60px;
  background: #fff;
  margin: 0 auto
}

.mail-celebrations {
  background-repeat: repeat-x;
  height: 100%;
  animation: growBackground .6s cubic-bezier(.16,1,.3,1);
  background-size: 80%;
  background-position: 50% 0
}

.item-highlighted {
  animation: fadeIt 5s ease-in-out
}

.quick-start-v2 .welcome-wrapper {
  animation: text-slide-out-animation .7s ease-in 3s forwards
}

.quick-start-v2 .off-white-bg {
  background-color: #fcfcfc
}

.quick-start-v2 .ticket-creation-animation {
  clip-path: inset(20px);
  aspect-ratio: 16/9;
  max-height: 100vh
}

.quick-start-v2 .onboarding-animation-text {
  position: fixed;
  top: 15%;
  font-size: 24px;
  z-index: 2
}

.quick-start-v2 .modify-domain {
  width: 550px
}

.quick-start-v2 .domain-length-exceeded {
  max-width: 480px
}

.quick-start-v2 .fd-logo {
  width: 350px
}

.quick-start-v2 .fd-logo-small {
  width: 180px
}

.quick-start-v2 .text-animation-cover {
  animation: text-slide-in-animation .7s linear 0s forwards
}

  .quick-start-v2 .text-animation-cover.second-animation {
      animation-delay: .7s
  }

.quick-start-v2 .current-support-email-card {
  background: #eff7ff;
  border-bottom: 1px solid #bbdcfe
}

.quick-start-v2 .custom-email-logo {
  margin-left: -2px;
  box-shadow: 0 0 0 3px #f5f7f9
}

.quick-start-v2 .mail-box-list .mailboxes {
  border: 1px solid #bbdcfe;
  background-color: #fff
}

  .quick-start-v2 .mail-box-list .mailboxes .mail-links {
      color: #5e5e5e
  }

.quick-start-v2 .user-experience .user-experience-step-logo {
  height: 30px
}

.quick-start-v2 .user-experience .skip-button {
  top: 24px;
  right: 24px
}

.quick-start-v2 .user-experience .industry-modal-dropdown .power-select-trigger, .quick-start-v2 .user-experience .industry-modal-dropdown .select-dropdown-trigger {
  width: 588px;
  height: 48px
}

.quick-start-v2 .user-experience .industry-modal-dropdown .power-select-placeholder {
  font-size: 16px;
  margin: 4px
}

.quick-start-v2 .user-experience .industry-modal-dropdown .power-select-selected-item {
  font-weight: 500;
  font-size: 16px;
  margin: 4px
}

.quick-start-v2 .user-experience .tick-align {
  right: -10px;
  top: -8px
}

.quick-start-v2 .user-experience .kyc-experience-step {
  width: 92%;
  min-height: 48px;
  padding-right: 30px;
  box-shadow: 2px 2px 10px 0 rgba(0,0,0,.04);
  transition: all .2s ease-in-out
}

.quick-start-v2 .user-experience .title {
  font-weight: 700
}

.quick-start-v2 .user-experience .personalize-user-experience {
  max-width: 650px
}

.quick-start-v2 .user-experience .outer-circle {
  height: 18px;
  width: 18px;
  border: 1px solid
}

.quick-start-v2 .user-experience .circle-background {
  background-color: #2c5cc5
}

.quick-start-v2 .user-experience .inner-circle {
  height: 10px;
  width: 10px;
  margin-left: -5px;
  border: .5px solid
}

.quick-start-v2 .user-experience .experience-step {
  width: 100%;
  height: 70px;
  padding-right: 76px;
  box-shadow: 2px 2px 10px 0 rgba(0,0,0,.04);
  transition: all .2s ease-in-out
}

.quick-start-v2 .user-experience .image-align {
  right: 22px;
  bottom: 17px
}

.quick-start-v2 .user-experience .highlight-step {
  border: 2px solid #2c5cc5
}

.quick-start-v2 .user-experience .language-selector {
  width: 216px
}

  .quick-start-v2 .user-experience .language-selector .power-select-trigger, .quick-start-v2 .user-experience .language-selector .select-dropdown-trigger {
      background: linear-gradient(180deg,#fff 2.56%,#f5f7f9 95.75%);
      padding-left: 24px
  }

      .quick-start-v2 .user-experience .language-selector .power-select-trigger .power-select-selected-item, .quick-start-v2 .user-experience .language-selector .select-dropdown-trigger .power-select-selected-item {
          padding-left: 6px
      }

      .quick-start-v2 .user-experience .language-selector .power-select-trigger .power-select-placeholder, .quick-start-v2 .user-experience .language-selector .select-dropdown-trigger .power-select-placeholder {
          padding-left: 10px
      }

      .quick-start-v2 .user-experience .language-selector .power-select-trigger::before, .quick-start-v2 .user-experience .language-selector .select-dropdown-trigger::before {
          content: "";
          height: 40px;
          position: absolute;
          width: 40px;
          margin-left: -26px
      }

@keyframes text-slide-in-animation {
  100% {
      display: none;
      transform: translateX(100%)
  }
}

@keyframes text-slide-out-animation {
  100% {
      display: none;
      transform: translateY(-100vh)
  }
}

.fd-product-tour {
  height: 100vh;
  width: 100vw;
  position: absolute;
  z-index: 10000
}

  .fd-product-tour .top-arrow::before {
      content: "";
      height: 15px;
      width: 10px;
      position: absolute;
      border-bottom: 15px solid #fff;
      border-right: 10px solid transparent;
      border-left: 10px solid transparent;
      top: -15px;
      left: 50%;
      transform: translateX(-50%)
  }

  .fd-product-tour .pointer-events--auto {
      pointer-events: auto
  }

  .fd-product-tour .transparent {
      opacity: 0
  }

  .fd-product-tour .semi-translucent {
      opacity: .8
  }

  .fd-product-tour .product-tour-nudge {
      max-width: 450px
  }

  .fd-product-tour .tour-close-btn:hover {
      background-color: transparent;
      border-color: transparent
  }

  .fd-product-tour .admin-nudge-tooltip::before, .fd-product-tour .ticket-nudge-tooltip::before {
      right: 100%;
      margin-top: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: transparent #12344d transparent transparent;
      top: 50%
  }

  .fd-product-tour .fill-white path {
      fill: #fff
  }

  .fd-product-tour .white-bg-translucent {
      color: rgba(255,255,255,.8)
  }

  .fd-product-tour .admin-nudge-tooltip {
      width: 350px;
      min-height: 88px;
      padding: 22px 24px;
      z-index: 9;
      background-color: #12344d;
      box-shadow: 0 10px 12px rgba(18,52,77,.06);
      left: 50%
  }

      .fd-product-tour .admin-nudge-tooltip::before {
          content: "";
          position: absolute
      }

  .fd-product-tour .ticket-nudge-tooltip {
      padding-bottom: 24px;
      max-width: 390px;
      background-color: #12344d;
      box-shadow: 0 10px 12px rgba(18,52,77,.06)
  }

  .fd-product-tour .ripple::after, .fd-product-tour .ripple::before {
      display: block;
      position: absolute;
      border-radius: 50%;
      background-color: #2c5cc5;
      content: ""
  }

  .fd-product-tour .ticket-nudge-tooltip::before {
      content: "";
      position: absolute
  }

  .fd-product-tour .ripple::before {
      height: 13px;
      width: 13px;
      animation: grow-and-disappear-light 2s ease-in-out infinite forwards
  }

  .fd-product-tour .ripple::after {
      transform-origin: center;
      height: 15px;
      width: 15px;
      animation: grow-and-disappear 2s ease-in-out .8s infinite forwards
  }

  .fd-product-tour .intro-wrapper, .fd-product-tour .product-tour-banner.animation {
      animation: move-up-and-disappear 2s ease-in-out 5.5s forwards
  }

  .fd-product-tour .ripple-white::after, .fd-product-tour .ripple-white::before {
      background-color: #fff
  }

  .fd-product-tour .product-tour-banner {
      height: 64px;
      background: linear-gradient(90deg,rgba(224,245,241,.46) 20.71%,#e0f5f1 44.62%,#bbdcfe 101.98%),#fff;
      color: #345c7c
  }

  .fd-product-tour .product-tour-banner--offset {
      top: 40px
  }

  .fd-product-tour .product-tour-banner .congrats-tick {
      background-color: rgba(0,0,0,.2)
  }

      .fd-product-tour .product-tour-banner .congrats-tick path {
          fill: #fff
      }

  .fd-product-tour .product-tour-banner.confetti-bg {
      background-color: #2c5cc5;
  }

  .fd-product-tour .intro-wrapper {
      background: linear-gradient(white,transparent)
  }

@keyframes move-up-and-disappear {
  100% {
      transform: translateY(-64px);
      opacity: 0;
      display: none
  }
}

@keyframes grow-and-disappear {
  0% {
      opacity: .8
  }

  50% {
      transform: scale(2.7);
      opacity: .2
  }

  100%,60% {
      opacity: 0
  }
}

@keyframes grow-and-disappear-light {
  0% {
      opacity: .4
  }

  55% {
      transform: scale(3);
      opacity: .4
  }

  90% {
      transform: scale(4);
      opacity: 0
  }

  100% {
      opacity: 0
  }
}

.admin-url-container {
  width: 70%
}

.domain-constant {
  right: 10px;
  top: 6px
}

.email-info-section {
  background: #f5f7f9
}

.__app-components__solutions-hierarchy-path {
  display: flex
}

.__app-components__solutions-hierarchy-path__dropdown {
  padding: 8px;
  white-space: nowrap;
  max-width: 244px;
  max-height: 200px;
  overflow: scroll
}

  .__app-components__solutions-hierarchy-path__dropdown .hierarchy-links {
      padding: 5px 6px
  }

  .__app-components__solutions-hierarchy-path .hierarchy-links, .__app-components__solutions-hierarchy-path__dropdown .hierarchy-links {
      color: #183247;
      text-decoration: none
  }

.solution-item-wrapper .hierarchy-links:hover {
  text-decoration: underline
}

.custom-objects__fields-card__item:not(:last-child)::after {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 2.5px;
  background-color: #475867;
  color: #acb6be
}

ul.app-actions-dropdown-content .dropdown-normal__item.disabled > a {
  color: #92a2b1;
  cursor: default
}

  ul.app-actions-dropdown-content .dropdown-normal__item.disabled > a svg path {
      fill: #92a2b1
  }

.__app-components__sample-data {
  margin: -46px 10px 0 0;
  text-align: center
}

  .__app-components__sample-data .sample-text {
      display: inline-block;
      position: relative;
      z-index: 100;
      margin: 0 0 18px;
      padding: 10px;
      background: #fff;
      box-shadow: 0 1px 6px 0 rgba(255,173,30,.33);
      border-radius: 20px;
      animation: dashboardslidefromtop 1s
  }

      .__app-components__sample-data .sample-text .info-icon {
          margin-right: 10px;
          padding: 2px 9px;
          border: 2px solid #ffad1e;
          border-radius: 50%
      }

  .__app-components__sample-data .sample-image {
      width: 100%;
      padding: 0 1px 1px 0;
      border: 1.5px solid #ffad1e;
      cursor: pointer
  }

  .__app-components__sample-data .partloading {
      top: 0
  }

.global-help-and-support .flex-dropdown.basic-dropdown-content > .dropdown-menu {
  display: flex;
  flex-direction: column;
  gap: 10px
}

.mobile-app-download-modal {
  height: 280px
}

.application-header {
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  padding-left: 64px;
  z-index: 4
}

.trial-plan-blue + .show-tooltip {
  display: block
}

  .trial-plan-blue + .show-tooltip .confirm-message-btn {
      margin: 22px 0 0;
      padding: 5px 10px;
      min-width: 80px
  }

.trial_plan_red {
  border: 1px solid #d72d30
}

.estimated-minutes {
  display: inline
}

.companies-imported, .contacts-imported {
  color: #979797
}

.estimating-status {
  margin-bottom: 8px
}

.import-email-notification {
  border-radius: 2px;
  padding: 10px;
  background-color: #fef1e1;
  border: 1px solid #fddbb5
}

.marketplace-viewer {
  --neo-bar-top: 50px
}

.calendly-inline-widget {
  height: 700px
}

.no-demo-available {
  width: 40%;
  left: calc(50% - 20%);
  animation: fade-in 2s step-end;
  border-radius: 4px 4px 0 0;
  bottom: 0
}

.calendly-close-button {
  top: 20px;
  right: 20px;
  height: 40px;
  width: 40px
}

.header-primary {
  background-color: #fff;
  height: 65px;
  border-bottom: 1px #ebeff3 solid;
  padding: 0 10px;
  display: flex;
  justify-content: space-between;
  align-items: center
}

  .header-primary .vertical-separator::after {
      content: "";
      position: absolute;
      width: 1px;
      background-color: #cfd7df;
      height: 85%;
      top: 2px;
      left: 100px
  }

  .header-primary .search-toggle {
      border: 1px solid #cfd7df;
      border-radius: 4px;
      height: 32px;
      padding: 4px 8px;
      position: relative;
      color: #92a2b1
  }

      .header-primary .search-toggle:hover {
          cursor: pointer
      }

  .header-primary .app-search {
      display: flex;
      flex-grow: 1;
      margin-left: 72px
  }

      .header-primary .app-search .modal-search {
          width: 100%
      }

          .header-primary .app-search .modal-search .modal-search-icon {
              top: 8px
          }

  .header-primary .profile-photo {
      margin-left: 16px;
      margin-right: 6px
  }

      .header-primary .profile-photo .avatar-icon--small {
          width: 32px;
          height: 32px
      }

  .header-primary.global-search-header {
      border-bottom: none
  }

.header-primary__page-name {
  font-size: 16px
}

.header-primary__user {
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: flex-end
}

.header-primary .spotlight-search {
  width: 100%
}

.header-primary__user__item {
  display: flex;
  align-items: center
}

.header-primary__user__item--profile {
  margin-top: 15px
}

.header-primary__free__trial {
  position: relative
}

.header-primary__expiry_info {
  display: block;
  padding-bottom: 15px;
  font-size: 16px
}

.header-primary__plan-wrapper {
  position: absolute;
  right: 2px;
  color: #fff;
  width: 350px;
  top: 40px;
  text-align: left;
  display: none;
  z-index: 9
}

.header-primary__plan-container {
  position: relative;
  background: #183247;
  padding: 15px;
  border-radius: 5px
}

  .header-primary__plan-container::after, .header-primary__plan-container::before {
      bottom: 100%;
      left: 85%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none
  }

  .header-primary__plan-container::after {
      border-bottom-color: #183247;
      border-width: 8px;
      margin-left: -8px
  }

.header-primary .global-notification {
  display: inline-block
}

.header-primary .announcements:focus, .header-primary .announcements:hover {
  text-decoration: none;
  outline: 0
}

.header-secondary {
  background-color: #f5f7f9;
  height: 56px;
  border-bottom: 1px #cfd7df solid;
  padding: 0 15px;
  box-shadow: 0 2px 4px 0 rgba(24,50,71,.08)
}

  .header-secondary.global-search-header {
      background-color: #fff;
      padding: 0 144px;
      position: relative;
      z-index: 2
  }

.element-up, .header-tertiary {
  position: relative;
  z-index: 1
}

.header-secondary .import-progress-container .basic-dropdown-content {
  width: 250px
}

.header-secondary .import-progress-container .basic-dropdown, .header-secondary .import-progress-container .basic-dropdown-trigger {
  display: inline
}

.header-secondary:empty, .iframe-content .application-header {
  display: none
}

.header-secondary .import-progress {
  padding: 8px
}

.header-tertiary {
  background-color: #ebeef0
}

.header-filter--actions {
  padding-left: 5px;
  padding-top: 4px
}

.header-filter--btn {
  margin-left: 5px;
  padding-bottom: 0
}

  .header-filter--btn:only-of-type .app-icon--discard {
      top: -1px;
      left: -5px
  }

.app-icon--save, .app-icon--save-as {
  position: relative;
  top: -1px;
  width: 20px;
  height: 20px
}

.stop-import-btn {
  border-top: 1px solid #ebeff3;
  color: #d72d30;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px
}

.brand, .brand:hover {
  color: #fff
}

.app-icon--discard {
  position: relative;
  top: -3px;
  width: 14px;
  height: 14px;
  stroke: #12344d;
  stroke-width: 2px
}

.policy-change-popup .prompt-dialog {
  padding: 18px 28px;
  border-radius: 0
}

.cue-card-wrap {
  border: 1px solid #2c5cc5
}

  .cue-card-wrap .header-primary__plan-wrapper {
      top: 62px;
      display: block
  }

  .cue-card-wrap .header-primary__plan-container::after, .cue-card-wrap .header-primary__plan-container::before {
      left: 50%
  }

.cue-card-up {
  z-index: 101
}

.mfe-main-action-bar {
  margin-top: 65px
}

.recommended-features-reponsive {
  white-space: nowrap
}

  .recommended-features-reponsive:hover {
      text-decoration: none;
      background-color: #ebeef0
  }

.global-nav--aside {
  position: fixed;
  background-color: #284255;
  width: 64px;
  z-index: 10;
  height: 100%;
  top: 0;
  bottom: 0
}

  .global-nav--aside .side-nav .logo-bg {
      background: 0 0;
      box-shadow: none;
      border: 0;
      padding-top: 10px
  }

      .global-nav--aside .side-nav .logo-bg img {
          width: 100%;
          height: 100%;
          max-width: 32px;
          max-height: 32px
      }

  .global-nav--aside .global-nav-submenu {
      margin-left: 62px;
      margin-top: -48px
  }

.wc-trigger-button.global-navbar .trigger-button-container {
  position: static
}

  .wc-trigger-button.global-navbar .trigger-button-container #omnibar-trigger-button {
      height: 20px;
      width: 20px;
      padding: 10px
  }

.wc-trigger-button:not(.global-navbar) .trigger-button-container {
  position: absolute;
  bottom: 20px !important;
  left: 14px !important
}

.css-onboarding .unified360-side-nav-container, .notification-present .unified360-side-nav-container {
  height: calc(100% - var(--app-top,0));
  top: var(--app-top,0)
}

.css-onboarding .wc-trigger-button:not(.global-navbar) .trigger-button-container, .notification-present .wc-trigger-button:not(.global-navbar) .trigger-button-container {
  bottom: 60px !important
}

.brand {
  display: block;
  font-size: 28px;
  padding: 0 10px;
  text-align: center;
  height: 64px
}

.nav-primary__item {
  font-size: 18px;
  display: block;
  margin: 14px;
  padding-top: 8px;
  padding-bottom: 2px;
  text-align: center
}

.fsm-appointment-details-tooltip[class*=hint--], .nav-primary .app-dropdown-group {
  display: inherit
}

.nav-primary__item::after {
  opacity: 1
}

.nav-primary__item .nav-icon {
  fill: #fff;
  opacity: .6;
  transition: color .3s linear
}

.nav-primary__item:hover {
  transition: color .3s linear
}

  .nav-primary__item:hover .nav-icon {
      opacity: 1
  }

.nav-primary__item:focus {
  outline: 0
}

.nav-primary__item.active {
  opacity: 1;
  background-color: #2c5cc5;
  border-radius: 3px;
  outline: 0
}

  .nav-primary__item.active .nav-icon {
      opacity: 1
  }

.disable-section, .inconversation .inconversation-action-wrapper.transferring .inconversation-action:not(.transfer) {
  opacity: .2;
  pointer-events: none
}

.title-small {
  font-size: 14px
}

.title-normal {
  font-size: 16px
}

.title-large {
  font-size: 20px
}

.link {
  color: #2c5cc5
}

.list-none {
  list-style: none
}

.muted {
  color: #6f7c87
}

.link-on-hover, .visibleto .radio label {
  color: inherit
}

  .link-on-hover:hover {
      color: #2c5cc5
  }

.link-no-underline:focus, .link-no-underline:hover {
  text-decoration: none
}

.inactive {
  color: #acb6be
}

.icon-size-small {
  font-size: 14px;
  color: #999
}

.icon-size-normal {
  font-size: 16px;
  color: #999
}

.icon-size-large {
  font-size: 20px;
  color: #999
}

.icon-color-dark {
  color: #183247
}

.icon-color-primary {
  color: #2c5cc5
}

.app-notification {
  background-color: #f7f5e9
}

.overflow-visible {
  overflow: visible
}

.cursor-pointer {
  cursor: pointer
}

.__app-components__inline-search .contact-search .agent-search-cursor-disabled, .cursor-disabled {
  cursor: not-allowed
}

.cursor-auto {
  cursor: auto
}

.disable-section {
  cursor: not-allowed
}

.box-shadow-light {
  box-shadow: 0 2px 6px 0 rgba(22,29,37,.05)
}

.background-none {
  background: 0 0
}

.background-white {
  background-color: #fff
}

.background-app-link {
  background: #2c5cc5
}

.background--grey {
  background: #f5f7f9
}

.border {
  border: 1px solid #cfd7df
}

.border-xsmall {
  border: .5px solid #cfd7df
}

.border-none {
  border: 0
}

.border-left {
  border-left: 1px #cfd7df solid
}

.border-right {
  border-right: 1px #cfd7df solid
}

.border-top {
  border-top: 1px #cfd7df solid
}

.border-bottom {
  border-bottom: 1px #cfd7df solid
}

.border-left--none {
  border-left: none
}

.border-right--none {
  border-right: none
}

.border-top--none {
  border-top: none
}

.border-bottom--none {
  border-bottom: none
}

.border-all--none {
  border: none
}

.border--active {
  border: 1px solid #2c5cc5
}

.border-secondary--top {
  border-top: 1px #ebeff3 solid
}

.border-secondary--bottom {
  border-bottom: 1px #ebeff3 solid
}

.border-secondary {
  border: 1px solid #ebeff3
}

.border-divider--bottom {
  border-bottom: 1px #ebeff3 solid
}

.border-divider--top {
  border-top: 1px #ebeff3 solid
}

.border-radius--xsmall {
  border-radius: 2px
}

.border-radius--medium {
  border-radius: 4px
}

.border-radius--medium--top {
  border-radius: 4px 4px 0 0
}

.border-radius--medium--bottom {
  border-radius: 0 0 4px 4px
}

.border-radius--large {
  border-radius: 6px
}

.border-radius--xlarge {
  border-radius: 8px
}

.border-radius--xlarge-1 {
  border-radius: 10px
}

.border-radius--xxlarge {
  border-radius: 12px
}

.border-radius--xxxlarge {
  border-radius: 14px
}

.border-radius--circle {
  border-radius: 50%
}

.center {
  margin: 0 auto
}

.white-bg {
  background-color: #fff
}

.primary-bg {
  background-color: #2c5cc5
}

.__app-components__app-notification-bar .show-more-notifications .notification-list-item.secondary-bg, .code--light, .secondary-bg {
  background-color: #f5f7f9
}

.success-background, .year-in-review-module .yir-metrics.active {
  background-color: #e0f5f1
}

.warning-bg {
  background-color: #fef1e1
}

.transparent-bg {
  background-color: transparent
}

.overlay-btn-bg {
  background: #f5f7f9
}

.__app-components__fsm-scheduler-tasks-list__ticket-card.card .card__body .responder__data--group, .__app-components__fsm-scheduler-tasks-list__ticket-card.card .card__data--content, .__app-components__fsm-scheduler__agent-card .agent-contact-no, .__app-components__fsm-scheduler__agent-card .agent-name, .__app-components__fsm-scheduler__ticket-card .card__header, .__ui-components__event-scheduler .calendar__row--name .resource-name, .ellipsis, .es__external-events .external-event-wrapper .event {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.white-space--normal {
  white-space: normal
}

.overflow--scroll {
  overflow: scroll
}

.overflow--auto {
  overflow: auto
}

.overflow--visible {
  overflow: visible
}

.overflow--y-auto {
  overflow-y: auto
}

.app-icon-fileupload, .overflow--hidden, .page-iframe, body.overflow-noscroll {
  overflow: hidden
}

.float-right {
  float: right
}

.float-left {
  float: left
}

.clear-both {
  clear: both
}

.m0 {
  margin: 0
}

.p0 {
  padding: 0
}

.max-height {
  height: 100%
}

.max-width, .ticket-details__item.activities-conversation__deleted .activity-info, .ticket-details__item.ticket-details__item__activity .activity-info {
  width: 100%
}

.width--80 {
  width: 80%
}

.width--90 {
  width: 90%
}

.width-auto {
  width: auto
}

.width__fit-content {
  width: fit-content
}

.width__max-content {
  width: max-content
}

.height-auto {
  height: auto
}

.row-eq-height {
  display: table;
  height: 100%;
  width: 100%;
  border-spacing: 10px
}

.row-eq-height__left {
  margin-right: 10px;
  padding-bottom: 20px
}

.row-eq-height__left, .row-eq-height__right {
  display: table-cell;
  box-shadow: 0 1px 0 0 #d3dbda;
  float: none;
  vertical-align: top;
  height: 100%
}

.ma-0 {
  margin: 0
}

.ma-1 {
  margin: 1px
}

.ma-2 {
  margin: 2px
}

.ma-3 {
  margin: 3px
}

.ma-4 {
  margin: 4px
}

.ma-5 {
  margin: 5px
}

.ma-6 {
  margin: 6px
}

.ma-7 {
  margin: 7px
}

.ma-8 {
  margin: 8px
}

.ma-9 {
  margin: 9px
}

.ma-10 {
  margin: 10px
}

.ma-11 {
  margin: 11px
}

.ma-12 {
  margin: 12px
}

.ma-13 {
  margin: 13px
}

.ma-14 {
  margin: 14px
}

.ma-15 {
  margin: 15px
}

.ma-16 {
  margin: 16px
}

.ma-17 {
  margin: 17px
}

.ma-18 {
  margin: 18px
}

.ma-19 {
  margin: 19px
}

.ma-20 {
  margin: 20px
}

.ma--auto {
  margin: auto
}

.ml-0 {
  margin-left: 0
}

.ml-1 {
  margin-left: 1px
}

.ml-2 {
  margin-left: 2px
}

.ml-3 {
  margin-left: 3px
}

.ml-4 {
  margin-left: 4px
}

.ml-5 {
  margin-left: 5px
}

.ml-6 {
  margin-left: 6px
}

.ml-7 {
  margin-left: 7px
}

.ml-8 {
  margin-left: 8px
}

.ml-9 {
  margin-left: 9px
}

.ml-10 {
  margin-left: 10px
}

.ml-11 {
  margin-left: 11px
}

.ml-12 {
  margin-left: 12px
}

.ml-13 {
  margin-left: 13px
}

.ml-14 {
  margin-left: 14px
}

.ml-15 {
  margin-left: 15px
}

.ml-16, .ticket-details__item.activities-conversation__deleted .activity-info, .ticket-details__item.ticket-details__item__activity .activity-info {
  margin-left: 16px
}

.ml-17 {
  margin-left: 17px
}

.ml-18 {
  margin-left: 18px
}

.ml-19 {
  margin-left: 19px
}

.ml-20 {
  margin-left: 20px
}

.ml--auto {
  margin-left: auto
}

.mr-0 {
  margin-right: 0
}

.mr-1 {
  margin-right: 1px
}

.mr-2 {
  margin-right: 2px
}

.mr-3 {
  margin-right: 3px
}

.mr-4 {
  margin-right: 4px
}

.mr-5 {
  margin-right: 5px
}

.mr-6 {
  margin-right: 6px
}

.mr-7 {
  margin-right: 7px
}

.mr-8 {
  margin-right: 8px
}

.mr-9 {
  margin-right: 9px
}

.mr-10 {
  margin-right: 10px
}

.mr-11 {
  margin-right: 11px
}

.mr-12, .ticket-details__item .emails-wrapper {
  margin-right: 12px
}

.mr-13 {
  margin-right: 13px
}

.mr-14 {
  margin-right: 14px
}

.mr-15 {
  margin-right: 15px
}

.mr-16 {
  margin-right: 16px
}

.mr-17 {
  margin-right: 17px
}

.mr-18 {
  margin-right: 18px
}

.mr-19 {
  margin-right: 19px
}

.mr-20, .ticket-details__item.activities-conversation__deleted .system-details, .ticket-details__item.ticket-details__item__activity .system-details {
  margin-right: 20px
}

.mr--auto {
  margin-right: auto
}

.mx-0 {
  margin-left: 0;
  margin-right: 0
}

.mx-4 {
  margin-left: 4px;
  margin-right: 4px
}

.mx-8 {
  margin-left: 8px;
  margin-right: 8px
}

.mx-12 {
  margin-left: 12px;
  margin-right: 12px
}

.mx-16 {
  margin-left: 16px;
  margin-right: 16px
}

.mx-20 {
  margin-left: 20px;
  margin-right: 20px
}

.mx-24 {
  margin-left: 24px;
  margin-right: 24px
}

.mx-28 {
  margin-left: 28px;
  margin-right: 28px
}

.mx-32 {
  margin-left: 32px;
  margin-right: 32px
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0
}

.my-4 {
  margin-top: 4px;
  margin-bottom: 4px
}

.my-8 {
  margin-top: 8px;
  margin-bottom: 8px
}

.my-12 {
  margin-top: 12px;
  margin-bottom: 12px
}

.my-16 {
  margin-top: 16px;
  margin-bottom: 16px
}

.my-20 {
  margin-top: 20px;
  margin-bottom: 20px
}

.my-24 {
  margin-top: 24px;
  margin-bottom: 24px
}

.my-28 {
  margin-top: 28px;
  margin-bottom: 28px
}

.my-32 {
  margin-top: 32px;
  margin-bottom: 32px
}

.pa-0 {
  padding: 0
}

.pa-1 {
  padding: 1px
}

.pa-2 {
  padding: 2px
}

.pa-3 {
  padding: 3px
}

.pa-4 {
  padding: 4px
}

.pa-5 {
  padding: 5px
}

.pa-6 {
  padding: 6px
}

.pa-7 {
  padding: 7px
}

.pa-8 {
  padding: 8px
}

.pa-9 {
  padding: 9px
}

.pa-10 {
  padding: 10px
}

.pa-11 {
  padding: 11px
}

.pa-12 {
  padding: 12px
}

.pa-13 {
  padding: 13px
}

.pa-14 {
  padding: 14px
}

.pa-15 {
  padding: 15px
}

.pa-16 {
  padding: 16px
}

.pa-17 {
  padding: 17px
}

.pa-18 {
  padding: 18px
}

.pa-19 {
  padding: 19px
}

.pa-20 {
  padding: 20px
}

.pl-0 {
  padding-left: 0
}

.pl-1 {
  padding-left: 1px
}

.pl-2 {
  padding-left: 2px
}

.pl-3 {
  padding-left: 3px
}

.pl-4 {
  padding-left: 4px
}

.pl-5 {
  padding-left: 5px
}

.pl-6 {
  padding-left: 6px
}

.pl-7 {
  padding-left: 7px
}

.pl-8 {
  padding-left: 8px
}

.pl-9 {
  padding-left: 9px
}

.list-filter-wrap .list-filter__priority .list-filter__label, .pl-10 {
  padding-left: 10px
}

.pl-11 {
  padding-left: 11px
}

.pl-12 {
  padding-left: 12px
}

.pl-13 {
  padding-left: 13px
}

.pl-14 {
  padding-left: 14px
}

.pl-15 {
  padding-left: 15px
}

.pl-16 {
  padding-left: 16px
}

.pl-17 {
  padding-left: 17px
}

.pl-18 {
  padding-left: 18px
}

.pl-19 {
  padding-left: 19px
}

.pl-20 {
  padding-left: 20px
}

.pl-21 {
  padding-left: 21px
}

.pl-22 {
  padding-left: 22px
}

.pl-23 {
  padding-left: 23px
}

.pl-24 {
  padding-left: 24px
}

.pr-0 {
  padding-right: 0
}

.pr-1 {
  padding-right: 1px
}

.pr-2 {
  padding-right: 2px
}

.pr-3 {
  padding-right: 3px
}

.pr-4 {
  padding-right: 4px
}

.pr-5 {
  padding-right: 5px
}

.pr-6 {
  padding-right: 6px
}

.pr-7 {
  padding-right: 7px
}

.pr-8 {
  padding-right: 8px
}

.pr-9 {
  padding-right: 9px
}

.pr-10 {
  padding-right: 10px
}

.pr-11 {
  padding-right: 11px
}

.pr-12 {
  padding-right: 12px
}

.pr-13 {
  padding-right: 13px
}

.pr-14 {
  padding-right: 14px
}

.pr-15 {
  padding-right: 15px
}

.pr-16 {
  padding-right: 16px
}

.pr-17 {
  padding-right: 17px
}

.pr-18 {
  padding-right: 18px
}

.pr-19 {
  padding-right: 19px
}

.pr-20 {
  padding-right: 20px
}

.pt-0 {
  padding-top: 0
}

.pt-1 {
  padding-top: 1px
}

.pt-2 {
  padding-top: 2px
}

.pt-3 {
  padding-top: 3px
}

.pt-4 {
  padding-top: 4px
}

.pt-5 {
  padding-top: 5px
}

.pt-6 {
  padding-top: 6px
}

.pt-7 {
  padding-top: 7px
}

.pt-8 {
  padding-top: 8px
}

.pt-9 {
  padding-top: 9px
}

.pt-10 {
  padding-top: 10px
}

.pt-11 {
  padding-top: 11px
}

.pt-12 {
  padding-top: 12px
}

.pt-13 {
  padding-top: 13px
}

.pt-14 {
  padding-top: 14px
}

.pt-15 {
  padding-top: 15px
}

.pt-16 {
  padding-top: 16px
}

.pt-17 {
  padding-top: 17px
}

.pt-18 {
  padding-top: 18px
}

.pt-19 {
  padding-top: 19px
}

.pt-20 {
  padding-top: 20px
}

.px-0 {
  padding-left: 0;
  padding-right: 0
}

.px-4 {
  padding-left: 4px;
  padding-right: 4px
}

.px-8 {
  padding-left: 8px;
  padding-right: 8px
}

.px-12 {
  padding-left: 12px;
  padding-right: 12px
}

.px-16 {
  padding-left: 16px;
  padding-right: 16px
}

.px-20 {
  padding-left: 20px;
  padding-right: 20px
}

.px-24 {
  padding-left: 24px;
  padding-right: 24px
}

.px-28 {
  padding-left: 28px;
  padding-right: 28px
}

.px-32 {
  padding-left: 32px;
  padding-right: 32px
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0
}

.py-4 {
  padding-top: 4px;
  padding-bottom: 4px
}

.py-8 {
  padding-top: 8px;
  padding-bottom: 8px
}

.py-12 {
  padding-top: 12px;
  padding-bottom: 12px
}

.py-16 {
  padding-top: 16px;
  padding-bottom: 16px
}

.py-20 {
  padding-top: 20px;
  padding-bottom: 20px
}

.py-24 {
  padding-top: 24px;
  padding-bottom: 24px
}

.py-28 {
  padding-top: 28px;
  padding-bottom: 28px
}

.py-32 {
  padding-top: 32px;
  padding-bottom: 32px
}

.mt-0 {
  margin-top: 0
}

.mt-1 {
  margin-top: 1px
}

.mt-2 {
  margin-top: 2px
}

.mt-3 {
  margin-top: 3px
}

.mt-4 {
  margin-top: 4px
}

.mt-5 {
  margin-top: 5px
}

.mt-6 {
  margin-top: 6px
}

.modal-content .merge__edititem .private-dropdown, .mt-7 {
  margin-top: 7px
}

.mt-8 {
  margin-top: 8px
}

.mt-9 {
  margin-top: 9px
}

.mt-10 {
  margin-top: 10px
}

.mt-11 {
  margin-top: 11px
}

.mt-12 {
  margin-top: 12px
}

.mt-13 {
  margin-top: 13px
}

.mt-14 {
  margin-top: 14px
}

.mt-15 {
  margin-top: 15px
}

.mt-16 {
  margin-top: 16px
}

.mt-17 {
  margin-top: 17px
}

.mt-18 {
  margin-top: 18px
}

.mt-19 {
  margin-top: 19px
}

.mt-20 {
  margin-top: 20px
}

.pb-0 {
  padding-bottom: 0
}

.pb-1 {
  padding-bottom: 1px
}

.pb-2 {
  padding-bottom: 2px
}

.pb-3 {
  padding-bottom: 3px
}

.pb-4, .ticket-details__item .sender-info {
  padding-bottom: 4px
}

.pb-5 {
  padding-bottom: 5px
}

.pb-6 {
  padding-bottom: 6px
}

.pb-7 {
  padding-bottom: 7px
}

.no-page-title, .pb-8 {
  padding-bottom: 8px
}

.pb-9 {
  padding-bottom: 9px
}

.pb-10 {
  padding-bottom: 10px
}

.pb-11 {
  padding-bottom: 11px
}

.pb-12 {
  padding-bottom: 12px
}

.pb-13 {
  padding-bottom: 13px
}

.pb-14 {
  padding-bottom: 14px
}

.pb-15 {
  padding-bottom: 15px
}

.pb-16 {
  padding-bottom: 16px
}

.pb-17 {
  padding-bottom: 17px
}

.pb-18 {
  padding-bottom: 18px
}

.pb-19 {
  padding-bottom: 19px
}

.pb-20 {
  padding-bottom: 20px
}

.mb-0, .ticket-details__item.activities-conversation__deleted .created-time, .ticket-details__item.ticket-details__item__activity .created-time {
  margin-bottom: 0
}

.mb-1 {
  margin-bottom: 1px
}

.mb-2 {
  margin-bottom: 2px
}

.mb-3 {
  margin-bottom: 3px
}

.mb-4 {
  margin-bottom: 4px
}

.mb-5 {
  margin-bottom: 5px
}

.mb-6 {
  margin-bottom: 6px
}

.mb-7 {
  margin-bottom: 7px
}

.list-filter-wrap .list-filter__item, .mb-8, .tickets__list {
  margin-bottom: 8px
}

.mb-9 {
  margin-bottom: 9px
}

.mb-10 {
  margin-bottom: 10px
}

.mb-11 {
  margin-bottom: 11px
}

.mb-12 {
  margin-bottom: 12px
}

.mb-13 {
  margin-bottom: 13px
}

.mb-14 {
  margin-bottom: 14px
}

.mb-15 {
  margin-bottom: 15px
}

.input, .mb-16, .ticket-details__item {
  margin-bottom: 16px
}

.mb-17 {
  margin-bottom: 17px
}

.mb-18 {
  margin-bottom: 18px
}

.mb-19 {
  margin-bottom: 19px
}

.mb-20 {
  margin-bottom: 20px
}

.top-0 {
  top: 0
}

.top-1 {
  top: 1px
}

.top-2 {
  top: 2px
}

.top-3 {
  top: 3px
}

.top-4 {
  top: 4px
}

.top-5 {
  top: 5px
}

.top-6 {
  top: 6px
}

.top-7 {
  top: 7px
}

.top-8 {
  top: 8px
}

.top-9 {
  top: 9px
}

.top-10 {
  top: 10px
}

.top-11 {
  top: 11px
}

.top-12 {
  top: 12px
}

.top-13 {
  top: 13px
}

.top-14 {
  top: 14px
}

.top-15 {
  top: 15px
}

.top-16 {
  top: 16px
}

.top-17 {
  top: 17px
}

.top-18 {
  top: 18px
}

.top-19 {
  top: 19px
}

.top-20 {
  top: 20px
}

.bottom-0 {
  bottom: 0
}

.bottom-1 {
  bottom: 1px
}

.bottom-2 {
  bottom: 2px
}

.bottom-3 {
  bottom: 3px
}

.bottom-4 {
  bottom: 4px
}

.bottom-5 {
  bottom: 5px
}

.bottom-6 {
  bottom: 6px
}

.bottom-7 {
  bottom: 7px
}

.bottom-8 {
  bottom: 8px
}

.bottom-9 {
  bottom: 9px
}

.bottom-10 {
  bottom: 10px
}

.bottom-11 {
  bottom: 11px
}

.bottom-12 {
  bottom: 12px
}

.bottom-13 {
  bottom: 13px
}

.bottom-14 {
  bottom: 14px
}

.bottom-15 {
  bottom: 15px
}

.bottom-16 {
  bottom: 16px
}

.bottom-17 {
  bottom: 17px
}

.bottom-18 {
  bottom: 18px
}

.bottom-19 {
  bottom: 19px
}

.bottom-20 {
  bottom: 20px
}

.right-0 {
  right: 0
}

.right-1 {
  right: 1px
}

.right-2 {
  right: 2px
}

.right-3 {
  right: 3px
}

.right-4 {
  right: 4px
}

.right-5 {
  right: 5px
}

.right-6 {
  right: 6px
}

.right-7 {
  right: 7px
}

.right-8 {
  right: 8px
}

.right-9 {
  right: 9px
}

.right-10 {
  right: 10px
}

.right-11 {
  right: 11px
}

.right-12 {
  right: 12px
}

.right-13 {
  right: 13px
}

.right-14 {
  right: 14px
}

.right-15 {
  right: 15px
}

.right-16 {
  right: 16px
}

.right-17 {
  right: 17px
}

.right-18 {
  right: 18px
}

.right-19 {
  right: 19px
}

.right-20 {
  right: 20px
}

.left-0 {
  left: 0
}

.left-1 {
  left: 1px
}

.left-2 {
  left: 2px
}

.left-3 {
  left: 3px
}

.left-4 {
  left: 4px
}

.left-5 {
  left: 5px
}

.left-6 {
  left: 6px
}

.zIndex-0 {
  z-index: 0
}

.zIndex-1 {
  z-index: 1
}

.zIndex-2 {
  z-index: 2
}

.zIndex-3 {
  z-index: 3
}

.zIndex-4 {
  z-index: 4
}

.zIndex-5 {
  z-index: 5
}

.zIndex-6 {
  z-index: 6
}

.zIndex-7 {
  z-index: 7
}

.zIndex-8 {
  z-index: 8
}

.zIndex-9 {
  z-index: 9
}

.zIndex-10 {
  z-index: 10
}

.zIndex-11 {
  z-index: 11
}

.zIndex-12 {
  z-index: 12
}

.zIndex-13 {
  z-index: 13
}

.zIndex-14 {
  z-index: 14
}

.zIndex-15 {
  z-index: 15
}

.zIndex-16 {
  z-index: 16
}

.zIndex-17 {
  z-index: 17
}

.zIndex-18 {
  z-index: 18
}

.zIndex-19 {
  z-index: 19
}

.zIndex-20 {
  z-index: 20
}

svg {
  max-height: 100%
}

.new-article-plus-icon {
  position: absolute;
  fill: #fff;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  margin-top: 1px
}

.new-article-button {
  margin-left: 10px
}

.app-icon {
  fill: #12344d
}

.app-icon--link {
  cursor: pointer;
  fill: #2c5cc5
}

  .app-icon--hover:hover, .app-icon--link:hover {
      fill: #081824
  }

.app-icon--disablehover {
  pointer-events: none
}

.app-icon--topalign {
  position: relative;
  top: 2px
}

.app-icon--bottomalign {
  position: relative;
  bottom: 2px
}

.app-icon--leftalign {
  position: relative;
  left: 2px
}

.app-icon--micro {
  width: 4px;
  height: 4px;
  fill: #6f7c87;
  margin: 1px 2px
}

.app-icon--mini {
  width: 7px;
  height: 7px
}

.app-icon--verysmall {
  width: 9px;
  height: 9px
}

.app-icon--verysmallsecondary {
  width: 12px;
  height: 12px
}

.app-icon--regular {
  width: 14px;
  height: 14px
}

.app-icon--small {
  width: 13px;
  fill: #12344d;
  height: 13px
}

.app-icon--smallsecondary {
  width: 15px;
  height: 15px
}

.app-icon--regularsecondary {
  width: 16px;
  height: 16px
}

.app-icon--normal {
  width: 18px;
  height: 18px;
  fill: #12344d
}

.app-icon--medium, .app-icon--mediumsecondary {
  width: 20px;
  height: 20px
}

.app-icon--medium {
  fill: #12344d
}

.app-icon--large {
  width: 22px;
  height: 22px;
  fill: #12344d
}

.app-icon--largesecondary {
  width: 24px;
  height: 24px
}

.app-icon--xlarge {
  width: 28px;
  height: 28px
}

.app-icon--xxlarge {
  width: 32px;
  height: 32px
}

.app-icon--xx-large-secondary {
  width: 36px;
  height: 36px
}

.app-icon--xxxlarge {
  width: 40px;
  height: 40px
}

.app-icon--dark {
  fill: #183247
}

.app-icon--dark-blue {
  fill: #12344d
}

.app-icon--primary-color {
  fill: #2c5cc5
}

.app-icon--muted-secondary {
  fill: #acb6be
}

.app-icon--warning {
  fill: #d7461f
}

.app-icon--editor {
  fill: #5a6670
}

.app-icon--orange {
  fill: #ffb50f
}

.app-icon--grey {
  fill: #b6c0bd
}

.app-icon--light-grey {
  fill: #ebeff3
}

.app-icon--dark-grey, .ticket-details__item__header .app-icon-convo-wrap .app-icon {
  fill: #647a8e
}

.app-icon--red, .ticket-details__item .ticket-actions-container .ticket-actions__delete .nucleus-icon {
  fill: #d72d30
}

.app-icon--muted {
  fill: #acb6be
}

.app-icon--muted-grey {
  fill: #475867
}

.app-icon--green {
  fill: #28bd8b
}

.app-icon--dark-green {
  fill: #007958
}

.app-icon--error {
  fill: #e02000
}

.app-icon--blue {
  fill: #4ca2ff
}

.app-icon--midnight-blue {
  fill: #264966
}

.app-icon--white {
  fill: #fff
}

.app-icon--yellow {
  fill: #ffd012
}

.app-icon--violet {
  fill: #8c6ea9
}

.app-icon--muted-black {
  fill: #92a2b1
}

.app-icon--nucleus-grey {
  fill: #cfd7df
}

.app-icon--transparent {
  fill: transparent
}

.app-icon--applink {
  fill: #2c5cc5
}

.app-icon--link-dark-blue {
  fill: #264966
}

.app-icon--collab {
  fill: #6f7c87
}

.app-icon--info {
  fill: #2c5cc5
}

.app-icon--fillbg {
  border-radius: 50%;
  padding: 4px
}

  .app-icon--fillbg:hover {
      background-color: #ebeff3
  }

.app-icon--lighthover {
  fill: #6f6f6f
}

  .app-icon--lighthover:hover {
      fill: #183247
  }

.app-icon--image-annotate {
  display: block;
  width: 18px;
  height: 18px;
  fill: #222;
  margin: 0 auto
}

.app-icon-btnsize {
  width: 14px;
  height: 14px
}

.app-icon-attachment {
  position: absolute;
  left: 9px;
  bottom: 12px;
  z-index: 5;
  width: 16px;
  cursor: pointer
}

  .app-icon-attachment:hover {
      fill: #081824
  }

.app-icon-fileupload {
  position: absolute;
  bottom: 9px;
  width: 26px;
  z-index: 5;
  left: 5px;
  height: 23px;
  opacity: 0
}

.app-icon--private {
  background-color: #ff9d00;
  padding: 0 4px;
  border-radius: 50%;
  font-size: 13px
}

  .app-icon--private .app-icon {
      margin-bottom: 1px;
      margin-left: -1px;
      padding-left: 1px
  }

.survey-icon {
  margin-top: -3px
}

.nav-icon {
  width: 20px;
  height: 20px;
  fill: #cacbcc
}

.whatsapp-icon {
  fill: #128c7e
}

.error-block {
  background-color: #ffd2d3;
  color: #d72d30;
  font-size: 12px;
  padding: 5px 10px
}

.error-block--replysection {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  position: relative
}

  .error-block--replysection .app-icon {
      vertical-align: baseline
  }

.wordbreak-fix {
  word-break: break-word;
  -ms-word-wrap: break-word;
  word-wrap: break-word
}

.min-width__fit-content {
  min-width: fit-content
}

.min-width-0 {
  min-width: 0
}

.app-content-area, body {
  min-width: 1022px
}

.icon-detail-right-wrapper {
  border-left: 0;
  border-radius: 0 2px 2px 0
}

.dot-separator {
  margin: 0 5px
}

.line-separator {
  padding: 0 2px
}

.h-18 {
  height: 18px
}

.h-16 {
  height: 16px
}

.custom-objects__fields-card__item:not(:last-child)::after, .vertical-align {
  vertical-align: middle
}

.vertical-align--bottom {
  vertical-align: bottom
}

.vertical-align--top {
  vertical-align: top
}

.vertical-align--baseline {
  vertical-align: baseline
}

.vertical-align--text-bottom {
  vertical-align: text-bottom
}

[class*=hint--]::after {
  padding: 6px 10px;
  border-radius: 2px;
  font-weight: 400;
  color: #fff
}

input[type=text]::-ms-clear {
  display: none
}

input[type=text]::-ms-reveal {
  display: none
}

.no-scale:focus {
  transform: scale(1)
}

.visibility--hidden {
  visibility: hidden
}

.element-width-70 {
  width: 70%
}

.custom-objects__fields-card__item:not(:last-child)::after, .element-inline {
  display: inline-block
}

.element-block {
  display: block
}

.__app-components__fsm-scheduler-tasks-list__ticket-card.card .card__data, .__app-components__fsm-scheduler__agent-card, .__ui-components__event-scheduler .calendar__header--slot, .__ui-components__event-scheduler .calendar__row--name, .element-flex, .es__external-events--empty-content, .es__toolbar-panel, .fsm-scheduler-event-detail .detail-card__header--left, .ticket-details__item.activities-conversation__deleted .activity-info, .ticket-details__item.activities-conversation__deleted .activity-system-info, .ticket-details__item.activities-conversation__deleted .conversation-capsule, .ticket-details__item.ticket-details__item__activity .activity-info, .ticket-details__item.ticket-details__item__activity .activity-system-info, .ticket-details__item.ticket-details__item__activity .conversation-capsule, .ticket-source-icon-wrap {
  display: flex
}

.element-flex--wrap {
  flex-wrap: wrap
}

.element-inline-flex {
  display: inline-flex
}

.element-flex--start {
  display: flex;
  align-items: center
}

.element-flex--center, .fd-product-tour .ripple {
  display: flex;
  align-items: center;
  justify-content: center
}

.element-flex--end {
  display: flex;
  align-items: center;
  justify-content: flex-end
}

.flex-direction--column {
  flex-direction: column
}

.flex-direction--row-reverse {
  flex-direction: row-reverse
}

.flex-direction--column-reverse {
  flex-direction: column-reverse
}

.flex-direction--row {
  flex-direction: row
}

.flex-1, .inconversation .ticket-actions .save-call-note {
  flex-grow: 1
}

.flex-1 {
  flex-shrink: 1;
  flex-basis: 0%
}

.flex-grow--auto {
  flex: 1 0 auto
}

.flex-shrink--0 {
  flex-shrink: 0
}

.flex-basis--100 {
  flex-basis: 100%
}

.flex-auto {
  flex: auto
}

.gap-24 {
  gap: 24px
}

.gap-20 {
  gap: 20px
}

.gap-16 {
  gap: 16px
}

.gap-8 {
  gap: 8px
}

.gap-5 {
  gap: 5px
}

.align-items--start {
  align-items: flex-start
}

.__app-components__fsm-scheduler-tasks-list__ticket-card.card .card__data, .__app-components__fsm-scheduler__agent-card, .__ui-components__event-scheduler .calendar__header--slot, .__ui-components__event-scheduler .calendar__row--name, .align-items--center, .es__external-events--empty-content, .es__toolbar-panel--center, .fsm-scheduler-event-detail .detail-card__header--left, .ticket-source-icon-wrap {
  align-items: center
}

.align-items--end {
  align-items: flex-end
}

.align-items--baseline {
  align-items: baseline
}

.__ui-components__event-scheduler .calendar__header--slot, .__ui-components__event-scheduler .calendar__row--name, .es__external-events--empty-content, .es__toolbar-panel--center, .justify-content--center, .ticket-source-icon-wrap {
  justify-content: center
}

.justify-content--end {
  justify-content: flex-end
}

.justify-content--start {
  justify-content: flex-start
}

.justify-content--space-between, .ticket-details__item.activities-conversation__deleted .activity-info, .ticket-details__item.activities-conversation__deleted .activity-system-info, .ticket-details__item.ticket-details__item__activity .activity-info, .ticket-details__item.ticket-details__item__activity .activity-system-info {
  justify-content: space-between
}

.justify-content--space-evenly {
  justify-content: space-evenly
}

.align-self--center {
  align-self: center
}

.align-self--flex-start {
  align-self: flex-start
}

.align-self--flex-end {
  align-self: flex-end
}

.pointer-events--none {
  pointer-events: none
}

.text-transform--lowercase {
  text-transform: lowercase
}

.text-align--right {
  text-align: right
}

.text-align--left {
  text-align: left
}

.text-align--center {
  text-align: center
}

.text-align--justify {
  text-align: justify
}

.text-case--upper {
  text-transform: uppercase
}

.line-height-20 {
  line-height: 20px
}

.notifications-empty-message {
  margin: 40px 0;
  text-align: center;
  font-size: 12px;
  color: #6f7c87
}

.align-encrypted-icon {
  vertical-align: text-bottom
}

.sticky-bottom {
  bottom: 0;
  z-index: 9;
  position: absolute
}

.fd-product-tour .ripple, .position--relative {
  position: relative
}

.position--absolute {
  position: absolute
}

.fd-product-tour .ripple-fixed, .position--fixed {
  position: fixed
}

.position--sticky {
  position: sticky
}

.separator-line::after, .separator-line::before {
  content: "";
  display: inline-block;
  height: 14px;
  position: absolute;
  top: 5px
}

.separator-line--medium::after, .separator-line--medium::before {
  height: 20px
}

.separator-line.separator--after::after {
  border-right: 1px solid #cfd7df;
  margin-right: 8px
}

.separator-line.separator--before::before {
  border-left: 1px solid #cfd7df;
  margin-left: 8px
}

.code {
  display: flex;
  justify-content: space-between;
  border-radius: 4px
}

.code--light {
  color: #12344d;
  border: 1px solid #cfd7df
}

.status-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #92a2b1
}

.status-indicator--green {
  background: #009a79
}

.status-indicator--orange {
  background: #e86f25
}

.tabs-disable-outline .nucleus-tabs__list__item, .tabs-disable-outline .nucleus-tabs__panel {
  outline: 0
}

.horizontal-divider {
  height: 1px;
  width: 100%;
  background: #cfd7df
}

.card__media--play-btn {
  width: 37px;
  height: 37px;
  position: absolute;
  background: rgba(50,50,50,.7);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%,-50%)
}

.app-container, .app-main-wrapper, .application > .view, .iframe-content, .page-iframe .responsive, body, html {
  height: 100%
}

.card__media--play-btn:hover {
  background: #323232
}

.position-right-corner {
  position: absolute;
  bottom: -2px;
  right: -6px
}

.position-left-corner {
  position: absolute;
  bottom: -2px;
  left: -6px
}

.page-iframe {
  top: 75px;
  padding: 0;
  left:75px;
}

.iframe-content {
  width: calc(100% - 20px);
  border: none;
  position: absolute;
  top: 10px;
  bottom: 0;
  left: 10px;
  right: 10px;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  padding-bottom: 10px
}

body {
  position: relative;
  line-height: 1.5;
  -webkit-font-feature-settings: "locl" 0;
  -moz-font-feature-settings: "locl" 0;
  -ms-font-feature-settings: "locl" 0;
  font-feature-settings: "locl" 0;
  --fw-font-family: $font-family-sans-serif
}

a.hint--bottom:hover, a.hint--left:hover, a.hint--right:hover, a.hint--top:hover {
  text-decoration: none
}

.app-main-wrapper {
  margin-left: 64px
}

  .app-main-wrapper .default-body {
      margin-left: 0
  }

.unified360-side-nav-container {
  left: 0
}

.sidebar-present .page-content {
  right: 310px
}

.sidebar-left .page-sidebar {
  left: 65px;
  right: auto
}

  .sidebar-left .page-sidebar .sidebar {
      right: auto
  }

.sidebar-left .page-content {
  right: 0;
  padding-right: 0
}

.sidebar-left.sidebar-present .page-content {
  left: 375px
}

.app-content-area__fluid {
  position: absolute;
  left: 65px;
  right: 310px;
  bottom: 0;
  top: 105px;
  padding: 10px;
  overflow-y: auto
}

.app-content-area__fixed {
  width: 310px;
  position: absolute;
  top: 105px;
  bottom: 0;
  right: 0;
  padding-bottom: 110px
}

.app-content-area__single {
  right: 0
}

.app-details {
  height: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-bottom: 100%
}

  .app-details iframe, .full-page-app iframe {
      position: absolute;
      border: 0;
      width: 100%;
      height: 100%
  }

.new-ui-welcome-message {
  height: 40px;
  position: fixed;
  z-index: 99;
  text-align: center;
  line-height: 40px;
  background-image: linear-gradient(88deg,#02b875,#04ca81),linear-gradient(#fff9e1,#fff9e1);
  width: 100%;
  color: #fff;
  animation: drop-fade-below .2s ease-in-out;
  box-shadow: 0 1px 7px 0 rgba(255,255,255,.6)
}

  .new-ui-welcome-message .close-welcome-message {
      color: #fff;
      position: absolute;
      right: 16px;
      top: -2px;
      cursor: pointer;
      text-decoration: none;
      opacity: .6
  }

.__app-components__app-notification-bar .show-more-notifications .notification-list-item .warning-bar a:hover, .app-notification-bar a:hover, .ticket-details__item:hover .ticket-actions-container, .warning-bar a:hover {
  opacity: 1
}

.__app-components__app-notification-bar .show-more-notifications .notification-list-item .warning-bar, .warning-bar {
  position: fixed;
  z-index: 99;
  text-align: center;
  background-color: #ffecec;
  width: 100%;
  color: #fff;
  animation: drop-fade-below .2s ease-in-out
}

  .__app-components__app-notification-bar .show-more-notifications .notification-list-item .warning-bar .text, .warning-bar .text {
      color: #ff2525
  }

  .__app-components__app-notification-bar .show-more-notifications .notification-list-item .warning-bar a, .warning-bar a {
      color: #2c5cc5;
      text-decoration: none
  }

.app-notification-bar {
  z-index: 99;
  position: fixed;
  text-align: center;
  line-height: 1.5;
  background-color: #fef1e1;
  border-bottom: 1px #dadfe3 solid;
  width: 100%;
  top: 0;
  right: 0
}

.app-notification-bar__extended-view {
  border-bottom: none
}

.app-notification-bar a {
  color: #2c5cc5
}

.activation-divider {
  margin: 0 10px;
  color: #b1bdc8
}

.welcome-tour {
  background: rgba(0,0,0,.5)
}

.css-onboarding .__app-navbar, .css-onboarding .application-header, .css-onboarding .category-menu__title, .css-onboarding .global-nav--aside, .css-onboarding .sidebar, .notification-present .__app-navbar, .notification-present .application-header, .notification-present .category-menu__title, .notification-present .global-nav--aside, .notification-present .sidebar {
  top: var(--app-top,0)
}

.css-onboarding .product-guide-list, .notification-present .product-guide-list {
  height: calc(100vh - (70px + var(--app-top,0)))
}

.css-onboarding .getstarted, .notification-present .getstarted {
  margin-top: calc(66px + var(--app-top,0))
}

.css-onboarding .admin-home.new-admin-layout, .notification-present .admin-home.new-admin-layout {
  padding-top: calc(66px + var(--app-top,0))
}

.css-onboarding .content-widget, .css-onboarding .page-content, .css-onboarding .ticket-properties, .notification-present .content-widget, .notification-present .page-content, .notification-present .ticket-properties {
  top: calc(121px + var(--app-top,0))
}

  .css-onboarding .content-widget .tickets-conversation-pane, .css-onboarding .page-content .tickets-conversation-pane, .css-onboarding .ticket-properties .tickets-conversation-pane, .notification-present .content-widget .tickets-conversation-pane, .notification-present .page-content .tickets-conversation-pane, .notification-present .ticket-properties .tickets-conversation-pane {
      height: calc(100vh - calc(121px + var(--app-top,0)))
  }

.css-onboarding .module-tickets__inline-slider .inline-slider, .notification-present .module-tickets__inline-slider .inline-slider {
  top: calc(121px + var(--app-top,0));
  height: calc(100% - calc(121px + var(--app-top,0)))
}

  .css-onboarding .module-tickets__inline-slider .inline-slider.inline-slider--expanded, .notification-present .module-tickets__inline-slider .inline-slider.inline-slider--expanded {
      top: calc(50px + var(--app-top,0))
  }

.css-onboarding .new-ticket-wrap .sidebar, .notification-present .new-ticket-wrap .sidebar {
  top: -35px
}

.css-onboarding .__available-quests .page-content, .notification-present .__available-quests .page-content {
  top: calc(30px + var(--app-top,0))
}

.css-onboarding .__canned-forms__form-detail .canned-form-detail, .notification-present .__canned-forms__form-detail .canned-form-detail {
  top: calc(66px + var(--app-top,0))
}

.css-onboarding .page-search__results, .notification-present .page-search__results {
  top: calc(200px + var(--app-top,0))
}

.css-onboarding .page-iframe, .notification-present .page-iframe {
  top: calc(66px + var(--app-top,0))
}

.css-onboarding .category-menu__content, .notification-present .category-menu__content {
  margin-top: calc(55px + var(--app-top,0))
}

  .css-onboarding .category-menu__content.contact-category, .css-onboarding .category-menu__content.dashboard-category, .css-onboarding .segments-menu .category-menu__content, .notification-present .category-menu__content.contact-category, .notification-present .category-menu__content.dashboard-category, .notification-present .segments-menu .category-menu__content {
      margin-top: var(--app-top,0)
  }

.css-onboarding .template_sidebar, .notification-present .template_sidebar {
  top: calc(100px + var(--app-top,0))
}

.css-onboarding .admin-responsive, .notification-present .admin-responsive {
  top: calc(74px + var(--app-top,0))
}

  .css-onboarding .admin-responsive .__page-layout__admin-sidebar, .css-onboarding .admin-responsive .admin-content, .css-onboarding .admin-responsive .admin-sidebar, .notification-present .admin-responsive .__page-layout__admin-sidebar, .notification-present .admin-responsive .admin-content, .notification-present .admin-responsive .admin-sidebar {
      height: calc(100vh - (70px + var(--app-top,0)))
  }

.css-onboarding .page-content--schedule-dashboard, .notification-present .page-content--schedule-dashboard {
  top: calc(65px + var(--app-top,0))
}

  .css-onboarding .page-content--schedule-dashboard .es__calendar-wrapper, .notification-present .page-content--schedule-dashboard .es__calendar-wrapper {
      height: calc(100vh - (137px + var(--app-top,0)))
  }

.css-onboarding .page-content--service-tasks-list .module-field-service__service-tasks-list__map-view, .notification-present .page-content--service-tasks-list .module-field-service__service-tasks-list__map-view {
  height: calc(100vh - (121px + var(--app-top,0)))
}

.css-onboarding .page-sidebar--schedule-dashboard .es__external-events, .notification-present .page-sidebar--schedule-dashboard .es__external-events {
  height: calc(100vh - (65px + var(--app-top,0)))
}

.page-sidebar--schedule-dashboard {
  top: 65px
}

  .page-sidebar--schedule-dashboard .es__external-events {
      height: calc(100vh - 65px)
  }

.page-content--schedule-dashboard {
  top: 65px;
  padding: 0
}

  .page-content--schedule-dashboard .es__calendar-wrapper {
      height: calc(100vh - 137px)
  }

.page-content--service-tasks-list {
  padding: 0;
  left: 64px
}

  .page-content--service-tasks-list .module-field-service__service-tasks-list__map-view {
      height: calc(100vh - 121px)
  }

.admin-responsive {
  position: relative;
  top: 75px;
  display: flex;
  background-color: #fff;
  margin: 0 10px
}

.freshworks-session-image {
  visibility: hidden;
  position: absolute
}

#unity_agent_div {
  z-index: 1000 !important
}

@keyframes slidefromleft {
  from {
      transform: translateX(-15px);
      opacity: 0
  }

  to {
      transform: translateX(0);
      opacity: 1
  }
}

@keyframes dashboardslidefromtop {
  from {
      transform: translateY(-65px)
  }

  to {
      transform: translateY(0)
  }
}

@keyframes slidefromtop {
  from {
      transform: translateY(-5px);
      opacity: 0
  }

  to {
      transform: translateY(0);
      opacity: 1
  }
}

@keyframes slideFromBottom {
  0% {
      transform: translateY(300px) scale(.9);
      opacity: 0
  }

  50% {
      transform: translateY(15px) scale(.9);
      opacity: .3
  }

  100% {
      transform: translateY(0) scale(1);
      opacity: 1
  }
}

@keyframes slideOutBottom {
  from {
      transform: translateY(0);
      opacity: 1
  }

  to {
      transform: translateY(300px) scale(.75);
      opacity: 0
  }
}

@keyframes slideOutTop {
  from {
      transform: translateY(0);
      opacity: 1
  }

  to {
      transform: translateY(-3000px);
      opacity: 0
  }
}

@keyframes errorTransition {
  from {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

.typingloader {
  width: 6px;
  height: 6px;
  display: inline-block;
  border-radius: 100%;
  animation: typeloading .8s ease-in-out infinite alternate;
  background-color: #bbb;
  box-shadow: 10px 0 0 #999,20px 0 0 #666,30px 0 0 #000
}

@keyframes typeloading {
  0% {
      background-color: #999;
      box-shadow: 10px 0 0 #666,20px 0 0 #000,30px 0 0 #bbb
  }

  50% {
      background-color: #666;
      box-shadow: 10px 0 0 #000,20px 0 0 #bbb,30px 0 0 #999
  }

  100% {
      background-color: #000;
      box-shadow: 10px 0 0 #bbb,20px 0 0 #999,30px 0 0 #666
  }
}

@keyframes fadeIn {
  0% {
      opacity: 0
  }

  100% {
      opacity: 1
  }
}

@keyframes fadeInWithDelay {
  0%,26% {
      opacity: 0
  }

  100%,33% {
      opacity: 1
  }
}

@keyframes delayedHideCircle {
  0%,13% {
      opacity: 1
  }

  100%,14% {
      opacity: 0
  }
}

@keyframes fadeInPartial {
  0% {
      opacity: 0
  }

  100% {
      opacity: .93
  }
}

@keyframes fadeInDelay {
  0%,5% {
      opacity: 0
  }

  100% {
      opacity: 1
  }
}

@keyframes fadeOut {
  0% {
      opacity: 1
  }

  100% {
      opacity: 0
  }
}

@keyframes drop-fade-below {
  0% {
      opacity: 0;
      transform: translateY(-20px)
  }

  100% {
      opacity: 1;
      transform: translateY(0)
  }
}

@keyframes drop-fade-below-delayed {
  0%,85% {
      opacity: 0;
      transform: translateY(-20px)
  }

  100% {
      opacity: 1;
      transform: translateY(0)
  }
}

@keyframes drop-fade-above {
  0% {
      opacity: 0;
      transform: translateY(20px)
  }

  100% {
      opacity: 1;
      transform: translateY(0)
  }
}

@keyframes slideInLeft {
  from {
      -webkit-transform: translate3d(-2%,0,0);
      transform: translate3d(-2%,0,0);
      visibility: visible;
      opacity: 0
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
      opacity: 1
  }
}

@keyframes slideInRight {
  from {
      -webkit-transform: translate3d(2%,0,0);
      transform: translate3d(2%,0,0);
      visibility: visible;
      opacity: 0
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
      opacity: 1
  }
}

@keyframes slideInLeftCaption {
  from {
      -webkit-transform: translate3d(-10%,0,0);
      transform: translate3d(-10%,0,0);
      visibility: visible;
      opacity: 0
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
      opacity: 1
  }
}

@keyframes slideInRightCaption {
  from {
      -webkit-transform: translate3d(10%,0,0);
      transform: translate3d(10%,0,0);
      visibility: visible;
      opacity: 0
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
      opacity: 1
  }
}

@keyframes slideUpCard {
  from {
      -webkit-transform: translate3d(0,25%,0);
      transform: translate3d(0,25%,0);
      visibility: visible;
      opacity: 0
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
      opacity: 1
  }
}

.app-icon--rotate {
  transform: rotate(45deg)
}

@keyframes rotateFrontCircle {
  0%,100%,16%,83% {
      -webkit-transform: rotateY(0);
      -ms-transform: rotateY(0);
      -o-transform: rotateY(0);
      transform: rotateY(0)
  }

  33%,67% {
      -webkit-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      -o-transform: rotateY(180deg);
      transform: rotateY(180deg)
  }
}

@keyframes rotateBackCircle {
  0%,100%,16%,83% {
      -webkit-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      -o-transform: rotateY(180deg);
      transform: rotateY(180deg)
  }

  33%,67% {
      -webkit-transform: rotateY(0);
      -ms-transform: rotateY(0);
      -o-transform: rotateY(0);
      transform: rotateY(0)
  }
}

@keyframes drop-animate-below {
  0% {
      opacity: 0;
      transform: translateY(-30px)
  }

  100% {
      opacity: 1;
      transform: translateY(0)
  }
}

@keyframes rotateClockwise {
  0% {
      transform: rotate(0)
  }

  100% {
      transform: rotate(360deg)
  }
}

@keyframes dots {
  0%,20% {
      color: transparent;
      text-shadow: .25em 0 0 transparent,.5em 0 0 transparent
  }

  40% {
      color: #183247;
      text-shadow: .25em 0 0 transparent,.5em 0 0 transparent
  }

  60% {
      text-shadow: .25em 0 0 #183247,.5em 0 0 transparent
  }

  100%,80% {
      text-shadow: .25em 0 0 #183247,.5em 0 0 #183247
  }
}

@keyframes jumping-dots {
  0%,100%,60% {
      transform: initial
  }

  30% {
      transform: translateY(-3px)
  }
}

@keyframes hideDelay {
  to {
      width: 0;
      height: 0;
      overflow: hidden
  }
}

@keyframes beat {
  to {
      transform: scale(1.2)
  }
}

@keyframes halfFadeIn {
  0% {
      opacity: .6
  }

  30% {
      opacity: .7
  }

  60% {
      opacity: .9
  }

  100% {
      opacity: 1
  }
}

@-webkit-keyframes clipRotate {
  0% {
      transform: rotate(0)
  }

  100% {
      transform: rotate(360deg)
  }
}

@keyframes clipRotate {
  0% {
      transform: rotate(0)
  }

  100% {
      transform: rotate(360deg)
  }
}

@-webkit-keyframes rotate {
  0% {
      transform: rotate(-45deg)
  }

  100% {
      transform: rotate(135deg)
  }
}

@keyframes rotate {
  0% {
      transform: rotate(-45deg)
  }

  100% {
      transform: rotate(135deg)
  }
}

@keyframes showFixed {
  0%,49.9% {
      opacity: 0
  }

  100%,50% {
      opacity: 1
  }
}

@keyframes transitionToDone {
  0%,30% {
      top: 49%;
      left: 47%;
      height: 17.2px;
      width: 17px;
      border-radius: 50%;
      background-color: #183247;
      border: 2px solid #2c5cc5
  }

  100% {
      top: 19.5%;
      left: 43.5%;
      height: 34px;
      width: 34px;
      border-radius: 50%;
      background-color: #183247;
      border: 3px solid #2c5cc5
  }
}

@keyframes moveUpandDown {
  0% {
      transform: translateY(0)
  }

  100% {
      transform: translateY(-20px)
  }
}

@keyframes spring {
  0.00% {
      transform: translate3d(0,0,0) scale(.7)
  }

  70.00% {
      transform: translate3d(0,0,0) scale(.8)
  }

  80.00% {
      transform: translate3d(0,0,0) scale(1)
  }

  90.00% {
      transform: translate3d(0,0,0) scale(.9)
  }

  100.00% {
      transform: translate3d(0,0,0) scale(1)
  }
}

@keyframes zoomIn {
  from {
      opacity: 0;
      -webkit-transform: scale3d(.3,.3,.3);
      transform: scale3d(.3,.3,.3)
  }

  50% {
      opacity: 1
  }
}

@keyframes fade-in-tooltip {
  from {
      opacity: 0;
      bottom: 100%
  }

  to {
      opacity: 1;
      bottom: 125%
  }
}

@keyframes arrowslide {
  from {
      transform: translateX(-15px) rotate(180deg);
      opacity: 0
  }

  to {
      transform: translateX(0) rotate(180deg);
      opacity: 1
  }
}

@keyframes dotFlashing {
  0% {
      background-color: #acb6be
  }

  100%,50% {
      background-color: #e5e8eb
  }
}

@keyframes drop-fade-below-custom {
  0% {
      opacity: 0;
      transform: translateY(-25px)
  }

  100% {
      opacity: 1;
      transform: translateY(-5px)
  }
}

@keyframes pulse {
  0% {
      max-height: 74px
  }

  100% {
      max-height: 352px
  }
}

@keyframes blinkText {
  0%,100% {
      opacity: 1
  }

  50% {
      opacity: .4
  }
}

@keyframes fadeIt {
  0% {
      background-color: #fff3c5
  }

  100%,50% {
      background-color: #fff
  }
}

@keyframes growBackground {
  0% {
      opacity: 0;
      background-size: 60%;
      background-position: 50% -30px
  }

  100% {
      opacity: 1;
      background-size: 80%;
      background-position: 50% 0
  }
}

@keyframes fadeItSecondary {
  0% {
      background-color: #feeba9
  }

  50% {
      background-color: #fff
  }

  100% {
      background-color: #f5f7f9
  }
}

@keyframes createBox {
  from {
      transform: scale(0)
  }

  to {
      transform: scale(1)
  }
}

@keyframes transitionSlideDown {
  from {
      opacity: 0;
      transform: translateY(-10px)
  }

  to {
      opacity: 1;
      transform: translateY(0)
  }
}

.help-chart .sub-lead {
  color: #555;
  font-weight: 200;
  font-size: 16px;
  margin-bottom: 10px
}

.help-chart .shortcut-key {
  color: #fc7e2e;
  text-align: right;
  font-weight: 700;
  font-size: 12px
}

.help-chart .description {
  font-weight: 200;
  padding-left: 5px
}

.ticket-subject {
  line-height: 1.2;
  font-size: 15px;
  font-weight: 400;
  color: #183247;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

  .ticket-subject:hover {
      color: #2c5cc5;
      text-decoration: none
  }

  .ticket-subject:focus {
      color: #183247;
      text-decoration: none
  }

.ticket-list-table-view .ticket-subject {
  font-size: 13px;
  line-height: 1.4
}

.ticket-list-table-view .header-label {
  text-overflow: ellipsis;
  overflow: hidden
}

.ticket-list-table-view .light-table .list .lt-column .header-cell {
  display: flex;
  align-items: center;
  padding: 0;
  left: 0
}

.ticket-list-table-view .light-table .list .lt-column .lt-sort-icon {
  float: none
}

.ticket-info {
  padding-top: 4px;
  color: #6f7c87
}

.ticket-notactive td {
  filter: grayscale(100%);
  opacity: .5
}

.current__item--active td:first-child {
  position: relative
}

  .current__item--active td:first-child::before {
      content: "";
      position: absolute;
      width: 2px;
      left: 0;
      top: 0;
      bottom: 0;
      background-color: #95a3af;
      transition: 10ms linear;
      border-radius: 2px 0 0 2px
  }

.card-view .current__item--active td:first-child::before {
  bottom: 8px
}

.tickets__list {
  min-height: 92px;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 1px 0 0 #cfd7df;
  display: table;
  width: 100%;
  box-sizing: border-box
}

  .tickets__list .list-content {
      padding-top: 16px;
      padding-bottom: 16px
  }

  .tickets__list .list-content--main {
      padding-right: 16px
  }

  .tickets__list .list-content--info {
      padding-left: 26px
  }

.tickets__list--selected {
  background-color: #fffef7
}

.tickets__list--high, .tickets__list--low, .tickets__list--medium, .tickets__list--urgent {
  border-radius: 2px;
  display: inline-block;
  width: 8px;
  height: 8px
}

.list-filter-wrap .list-filter__priority .list-filter__label [class*=hint--], .list-filter__priority .list-filter__label [class*=hint--] {
  display: block
}

.tickets__list--low {
  background-color: #a0d76a
}

.tickets__list--medium {
  background-color: #4da1ff
}

.tickets__list--high {
  background-color: #ffd012
}

.tickets__list--urgent {
  background-color: #ff5959
}

.tickets__list .avatar-overlay {
  position: absolute;
  background-color: #fff;
  width: 44px;
  height: 44px;
  z-index: 2;
  opacity: 0;
  transition: .2s ease-in-out
}

.list-filter__priority {
  width: 173px
}

  .list-filter__priority .list-filter__item--icon-overlay {
      top: 0;
      left: 0
  }

  .list-filter__priority .list-filter__label {
      padding-left: 13px
  }

  .list-filter__priority .power-select-placeholder.label-field, .list-filter__priority__label .tickets__list--dropdown {
      display: none
  }

.list-check-wrap, .list-content-wrap {
  display: table-cell;
  vertical-align: middle
}

.list-priority {
  float: right;
  text-align: right;
  color: #12344d
}

.list-check-wrap {
  width: 70px
}

  .list-check-wrap .app-user-photo {
      position: relative;
      top: 0;
      margin-left: 28px
  }

  .list-check-wrap .custom-checkbox {
      top: 3px;
      position: absolute;
      left: 10px
  }

.list-content-wrap {
  padding-left: 16px
}

  .list-content-wrap .user-link {
      float: none;
      padding: 0
  }

      .list-content-wrap .user-link a {
          color: #183247;
          margin-left: 3px
      }

          .list-content-wrap .user-link a:hover {
              text-decoration: none
          }

  .list-content-wrap .ticket-number {
      color: #6f7c87;
      margin-left: 3px
  }

  .list-content-wrap .association-wrap {
      padding-left: 4px
  }

  .list-content-wrap .associated-label {
      font-size: 10px;
      margin-top: 3px
  }

.list-filter-wrap .list-filter {
  padding-left: 0;
  font-size: 13px
}

.list-filter-wrap .list-filter__item--last, .list-filter-wrap .list-filter__item:last-child {
  margin-bottom: 0
}

.list-filter-wrap .list-filter__item:hover .app-icon {
  fill: #183247
}

.list-filter-wrap .list-filter__item .ticket-list-dropselect .power-select-trigger, .list-filter-wrap .list-filter__item .ticket-list-dropselect .select-dropdown-trigger {
  font-size: 13px;
  padding: 0 5px 0 10px;
  line-height: normal;
  min-height: inherit
}

.list-filter-wrap .list-filter__item--icon-overlay {
  position: absolute;
  background: #fff;
  height: 13px
}

  .list-filter-wrap .list-filter__item--icon-overlay .loader-element {
      top: -1px;
      left: -1px
  }

  .list-filter-wrap .list-filter__item--icon-overlay .app-icon {
      position: absolute;
      top: -1px;
      left: -1px
  }

  .list-filter-wrap .list-filter__item--icon-overlay .tickets__list--dropdown {
      top: 4px;
      position: absolute;
      left: 2px
  }

.list-filter-wrap .list-filter__item .basic-dropdown-trigger--above.power-select-trigger[aria-expanded=true], .list-filter-wrap .list-filter__item .basic-dropdown-trigger--above[aria-expanded=true].select-dropdown-trigger, .list-filter-wrap .list-filter__item .basic-dropdown-trigger--below.power-select-trigger[aria-expanded=true], .list-filter-wrap .list-filter__item .basic-dropdown-trigger--below[aria-expanded=true].select-dropdown-trigger, .list-filter-wrap .list-filter__item .basic-dropdown-trigger--in-place.power-select-trigger[aria-expanded=true], .list-filter-wrap .list-filter__item .basic-dropdown-trigger--in-place[aria-expanded=true].select-dropdown-trigger, .list-filter-wrap .list-filter__item .power-select-trigger:hover, .list-filter-wrap .list-filter__item .select-dropdown-trigger:hover {
  border: none;
  box-shadow: none
}

.list-filter-wrap .list-filter__label {
  padding-left: 5px;
  position: relative;
  padding-right: 15px
}

.list-filter-wrap .list-filter__icon {
  position: relative;
  width: 15px;
  height: 13px
}

  .list-filter-wrap .list-filter__icon .app-icon {
      position: absolute;
      left: 0;
      top: 2px;
      fill: #183247
  }

  .list-filter-wrap .list-filter__icon .error {
      fill: #d72d30
  }

  .list-filter-wrap .list-filter__icon .loader--verysmall {
      position: relative;
      top: -4px;
      left: -2px
  }

.list-filter-wrap .list-filter__icon-assignto, .list-filter-wrap .list-filter__icon-status {
  top: 2px
}

.list-filter-wrap .list-filter__icon-calendar {
  top: 1px
}

.list-filter-wrap .list-filter__status {
  width: 213px
}

.list-filter-wrap .list-filter__priority {
  width: 173px
}

  .list-filter-wrap .list-filter__priority .list-filter__item--icon-overlay {
      top: 0;
      left: 0
  }

.list-filter-wrap .list-filter__priority__label .tickets__list--dropdown {
  display: none
}

.list-filter-wrap .list-filter__priority .basic-dropdown-trigger > .trigger-power-select {
  display: block
}

.power-select-status-icon.list-filter__label__pointer, .list-filter__label__pointer.select-dropdown-trigger__status-icon {
  top: 5px;
  right: 3px
}

.list-priority--before-hover .list-filter__label {
  padding-right: 15px;
  position: relative;
  display: inline-block;
  line-height: normal;
  float: left
}

  .list-priority--before-hover .list-filter__label .list-filter__label__pointer {
      top: 4px
  }

.ticket-list-sorting {
  padding-top: 5px
}

  .ticket-list-sorting .power-select-trigger, .ticket-list-sorting .power-select-trigger--active, .ticket-list-sorting .power-select-trigger:focus, .ticket-list-sorting .select-dropdown-trigger, .ticket-list-sorting .select-dropdown-trigger:focus {
      border: none
  }

.ticket-tag-wrap {
  width: 100%;
  padding-bottom: 6px
}

  .ticket-tag-wrap .tag {
      display: inline;
      padding: 0 4px 1px;
      margin-right: 4px
  }

  .ticket-tag-wrap .status-tag-wrap {
      float: left
  }

      .ticket-tag-wrap .status-tag-wrap.hide-area {
          padding: 0;
          height: 0
      }

.page-actions__left, .page-actions__right {
  margin-top: 12px;
  padding-right: 0;
  padding-left: 0
}

.page-actions__left {
  float: left
}

.page-actions__right {
  float: right
}

.fresh-pagination {
  display: inline-block;
  margin-right: 4px
}

.page-actions__holder {
  padding-left: 10px
}

.ticket-link {
  display: block;
  padding-top: 5px
}

.top-navigation-checkbox {
  display: inline-block;
  float: left;
  margin-top: 4px;
  margin-left: 10px
}

.top-navigation--checkbox-wrapper {
  float: left;
  margin-right: 15px
}

  .top-navigation--checkbox-wrapper .gravity-loader {
      left: 10px;
      top: 6px
  }

.action-btn-slide {
  animation: slidefromleft .1s ease-in
}

.spam-notification {
  padding-bottom: 10px
}

.list-content {
  display: table-cell;
  float: none;
  vertical-align: middle;
  padding-right: 5px
}

.list-content--inactive-data .app-user-photo, .list-content--inactive-data .list-filter-wrap, .list-content--inactive-data .tag, .list-content--inactive-data .ticket-listview-hover {
  filter: grayscale(100%);
  opacity: .5
}

.list-content--inactive-data .tag-more-btn {
  color: #acb6be;
  fill: #acb6be
}

  .list-content--inactive-data .tag-more-btn .app-icon {
      fill: #acb6be
  }

.list-content--inactive-data .ticket-info {
  color: #acb6be
}

  .list-content--inactive-data .ticket-info .app-icon {
      fill: #acb6be
  }

  .list-content--inactive-data .ticket-info .user-link a {
      color: #acb6be
  }

.flashout {
  animation: flashout .8s;
  animation-fill-mode: forwards
}

.flashin {
  animation: flashin .8s;
  animation-fill-mode: forwards;
  animation-delay: .4s
}

.power-select-option .flashin {
  display: none
}

@keyframes flashin {
  from {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

@keyframes flashout {
  from {
      opacity: 1
  }

  to {
      opacity: 0
  }
}

.assignto {
  opacity: 0
}

.refresh-ticket-list {
  position: absolute;
  right: 10px;
  top: 5px;
  transform: rotate(90deg)
}

.refresh-ticket-table {
  transform: rotate(90deg);
  margin-bottom: 6px
}

.assign-to-list {
  max-height: 260px;
  overflow-y: auto
}

.ticket-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  padding: 66px 20px 0 30px;
  height: calc(100% - 58px);
  overflow-y: auto
}

  .ticket-content .app-form {
      padding: 10px
  }

.warning-box {
  border: 1px solid #fddbb5;
  border-left: 4px solid #f8ab59;
  background-color: #fef1e1
}

.warning-box--body {
  padding: 12px 16px 12px 12px
}

.warning-box--text {
  line-height: 25px;
  border-left: 1px solid #fddbb5
}

.warning-box .warning-icon {
  fill: #e16023
}

.warning-box .dismiss-button {
  line-height: 48px;
  margin-right: 20px;
  color: #e16023;
  text-decoration: none
}

.ticket-filter-form .app-form {
  margin-bottom: 0
}

.list-filter-wrap .list-filter__status .ticket-list-dropselect .power-select-trigger, .list-filter-wrap .list-filter__status .ticket-list-dropselect .select-dropdown-trigger {
  padding-left: 5px;
  padding-top: 1px;
  padding-bottom: 1px
}

  .list-filter-wrap .list-filter__status .ticket-list-dropselect .power-select-trigger .power-select-status-icon, .list-filter-wrap .list-filter__status .ticket-list-dropselect .power-select-trigger .select-dropdown-trigger__status-icon, .list-filter-wrap .list-filter__status .ticket-list-dropselect .select-dropdown-trigger .power-select-status-icon, .list-filter-wrap .list-filter__status .ticket-list-dropselect .select-dropdown-trigger .select-dropdown-trigger__status-icon {
      top: 5px
  }

.ticket-list-banner-icon-inline-align .nucleus-inline-banner__icon, .ticket-note-typography .collapse, .ticket-note-typography pre, .ticket-properties .select-priority {
  display: block
}

.fsm-appointment-details-tooltip .fsm-appointment-details {
  max-width: 220px
}

.solution-detail-content img, .ticket-details__item img, .ticket-details__item table, .ticket-note-typography table {
  max-width: 100%
}

.ticket-list-banner-center-align .nucleus-inline-banner__content {
  border-left: none;
  flex-grow: 0;
  padding: 0 8px 0 0
}

.ticket-note-typography p {
  margin: 0
}

.ticket-note-typography .ticket-details-table-wrapper {
  overflow: auto;
  white-space: normal
}

  .ticket-note-typography .ticket-details-table-wrapper.table-wrapper-border {
      border-left: 1px solid #afafaf;
      border-right: 1px solid #afafaf
  }

  .ticket-note-typography .ticket-details-table-wrapper > table.ticket-editor-apply-border {
      border-right: 0;
      border-left: 0
  }

      .ticket-note-typography .ticket-details-table-wrapper > table.ticket-editor-apply-border > tbody > tr > td:last-child, .ticket-note-typography .ticket-details-table-wrapper > table.ticket-editor-apply-border > tbody > tr > th:last-child, .ticket-note-typography .ticket-details-table-wrapper > table.ticket-editor-apply-border > tfoot > tr > td:last-child, .ticket-note-typography .ticket-details-table-wrapper > table.ticket-editor-apply-border > tfoot > tr > th:last-child, .ticket-note-typography .ticket-details-table-wrapper > table.ticket-editor-apply-border > thead > tr > td:last-child, .ticket-note-typography .ticket-details-table-wrapper > table.ticket-editor-apply-border > thead > tr > th:last-child {
          border-right: 0
      }

      .ticket-note-typography .ticket-details-table-wrapper > table.ticket-editor-apply-border > tbody > tr > td:first-child, .ticket-note-typography .ticket-details-table-wrapper > table.ticket-editor-apply-border > tbody > tr > th:first-child, .ticket-note-typography .ticket-details-table-wrapper > table.ticket-editor-apply-border > tfoot > tr > td:first-child, .ticket-note-typography .ticket-details-table-wrapper > table.ticket-editor-apply-border > tfoot > tr > th:first-child, .ticket-note-typography .ticket-details-table-wrapper > table.ticket-editor-apply-border > thead > tr > td:first-child, .ticket-note-typography .ticket-details-table-wrapper > table.ticket-editor-apply-border > thead > tr > th:first-child {
          border-left: 0
      }

.ticket-note-typography blockquote {
  border-left: 1px dotted #999;
  padding: 0 15px;
  margin: 10px 0 15px;
  font-size: inherit
}

.ticket-note-typography pre {
  background-color: #ebedf0;
  padding: 10px 20px 2px;
  cursor: pointer;
  min-height: 31px;
  margin: 0 0 5px
}

.ticket-note-typography .freshdesk_quote blockquote {
  overflow-x: auto
}

.ticket-note-typography table, .ticket-note-typography table a, .ticket-note-typography table div, .ticket-note-typography table p, .ticket-note-typography table span {
  word-break: normal
}

  .ticket-note-typography table th {
      background-color: #e6e6e6
  }

  .ticket-note-typography table.ticket-editor-apply-border td, .ticket-note-typography table.ticket-editor-apply-border th {
      cursor: text;
      padding: 4px;
      border: 1px solid #afafaf
  }

.ticket-note-typography a, .ticket-note-typography div, .ticket-note-typography p, .ticket-note-typography span {
  word-break: break-word;
  -ms-word-wrap: break-word;
  word-wrap: break-word
}

.breadcrumb, .cardlist, .merge__item, .solution-list, .ticket-note-typography table.collapse {
  display: table
}

.ticket-note-typography .ticket-quoted-wrapper {
  margin-top: 10px
}

.ticket-note-typography .row {
  margin-left: 0;
  margin-right: 0
}

.ticket-details {
  transition: .2s linear;
  padding-bottom: 50px;
  box-shadow: 0 -1px 0 0 #f7f9f9
}

  .ticket-details .content-widget {
      right: 50px;
      padding-top: 0;
      padding-bottom: 0
  }

  .ticket-details .app-content-area__fixed {
      width: 50px
  }

.ticket-details__editnote {
  border: 1px solid #2c5cc5
}

  .ticket-details__editnote .editor-toolbar {
      left: -21px
  }

.ticket-details .ticket-sidebar-sticky {
  width: 100%;
  font-size: 12px;
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 2
}

.ticket-details .ticket-sidebar-sticky__refresh-text {
  opacity: .9;
  font-size: 10px;
  color: #12344d;
  position: absolute;
  top: 30px;
  z-index: 5;
  left: 16px
}

.ticket-details .ticket-sidebar-sticky__refresh-updated {
  animation: fadeOut 1s linear;
  animation-delay: 3s;
  animation-fill-mode: forwards
}

.ticket-details .ticket-sidebar-sticky__refresh-link {
  padding: 6px;
  margin-top: -5px
}

.ticket-details .ticket-sidebar-sticky__refresh-icon {
  animation: rotateClockwise infinite 2s linear
}

.ticket-details .ticket-sidebar-sticky__refresh-btn {
  animation: beat 1s infinite alternate;
  transform-origin: center
}

.ticket-details .ticket-sidebar-sticky .todo-input-content {
  padding-top: 40px;
  text-align: left
}

.ticket-properties {
  width: 250px;
  padding: 0 15px 15px;
  position: fixed;
  bottom: 0;
  top: 121px;
  z-index: 1;
  background-color: #f8f9fa
}

  .ticket-properties .select-priority::after, .ticket-properties .select-priority::before {
      display: none
  }

  .app-form .select-priority, .ticket-properties .select-priority {
      display: block
  }

      .app-form .select-priority::after, .app-form .select-priority::before, .ticket-properties .select-priority::after, .ticket-properties .select-priority::before {
          display: none
      }

.twitter-blocked {
  color: #d72d30;
  margin: 10px 0 0
}

  .twitter-blocked .warning {
      display: inline-block;
      vertical-align: middle
  }

  .twitter-blocked .warning-text {
      margin-bottom: 2px
  }

.reply-bar-wrapper {
  bottom: 10px;
  width: 100%;
  position: relative;
  text-align: center;
  margin-top: 10px
}

.reply-bar .app-icon-btn, .reply-bar .nucleus-button, .reply-bar-wrapper-top .app-icon-btn, .reply-bar-wrapper-top .nucleus-button {
  margin: 0 2px
}

.reply-bar {
  border-radius: 8px;
  background-color: #f5f7f9;
  list-style: none;
  text-align: left;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  width: 100%
}

.reply-bar-top, .reply-bar__item {
  display: inline-block
}

.reply-bar a:hover {
  text-decoration: none
}

.reply-bar__item {
  margin-right: 4px
}

  .reply-bar__item .collab-icon {
      top: 3px;
      width: 16px;
      height: 16px
  }

.reply-bar__avatar {
  border-right: none;
  padding-left: 10px;
  padding-right: 0
}

.ticket-details__item {
  border-radius: 8px;
  background-image: linear-gradient(#f5f7f9,#f5f7f9);
  position: relative;
  border: 1px solid #fff
}

  .ticket-details__item .threads-loader {
      border-top: solid 1px #e5eaef
  }

      .ticket-details__item .threads-loader .placeholder-img, .ticket-details__item .threads-loader .placeholder-item {
          background-color: #e5eaef
      }

  .ticket-details__item .threads-divider {
      border-top: solid 1px #d5dee6;
      width: 96%
  }

  .ticket-details__item .ticket-details__item__header .rotate-icon {
      transform: rotateZ(180deg)
  }

  .ticket-details__item .ticket-details__item__header .collapse-content-icon {
      display: flex;
      align-items: center
  }

  .ticket-details__item .ticket-details__item__header .show-separator::before {
      content: "";
      display: inline-block;
      height: 12px;
      position: absolute;
      top: 4px;
      border-left: 1px solid #cfd7df;
      margin-left: 6px
  }

  .ticket-details__item .created-by .user {
      font-weight: 600;
      color: #475867
  }

      .ticket-details__item .created-by .user:hover {
          color: #2c5cc5
      }

  .ticket-details__item .created-time {
      position: relative
  }

  .ticket-details__item.activities-conversation__deleted .activity-info, .ticket-details__item.ticket-details__item__activity .activity-info {
      display: flex;
      min-width: 0
  }

  .ticket-details__item.activities-conversation__deleted .performer-info, .ticket-details__item.ticket-details__item__activity .performer-info {
      min-width: 0
  }

  .ticket-details__item.activities-conversation__deleted .activity-system-info, .ticket-details__item.activities-conversation__deleted .performer-info, .ticket-details__item.ticket-details__item__activity .activity-system-info, .ticket-details__item.ticket-details__item__activity .performer-info {
      width: inherit
  }

  .ticket-details__item.activities-conversation__deleted .system-details, .ticket-details__item.ticket-details__item__activity .system-details {
      min-width: 1px
  }

  .ticket-details__item.activities-conversation__deleted .conversation-capsule, .ticket-details__item.ticket-details__item__activity .conversation-capsule {
      word-break: inherit;
      flex-shrink: 0;
      align-items: flex-start
  }

  .ticket-details__item .ticket-actions-container {
      position: absolute;
      background-color: #fff;
      border-radius: 8px;
      box-shadow: 0 0 4px 0;
      color: #cfd7df;
      opacity: 0;
      right: 16px;
      z-index: 2;
      line-height: 0;
      font-size: 0;
      top: 16px;
      transition: .2s ease-in
  }

      .ticket-details__item .ticket-actions-container.with-expand-collapse-icon {
          right: 42px
      }

      .ticket-details__item .ticket-actions-container .ticket-actions {
          width: 32px;
          height: 32px;
          position: relative;
          display: inline-block;
          padding: 9px 0;
          border: 1px solid #cfd7df;
          border-radius: 0
      }

          .ticket-details__item .ticket-actions-container .ticket-actions .icon-bounding {
              width: 20px;
              height: 20px
          }

          .ticket-details__item .ticket-actions-container .ticket-actions:first-child {
              border-top-left-radius: 8px;
              border-bottom-left-radius: 8px
          }

          .ticket-details__item .ticket-actions-container .ticket-actions:last-child {
              border-top-right-radius: 8px;
              border-bottom-right-radius: 8px
          }

          .ticket-details__item .ticket-actions-container .ticket-actions:not(:first-child) {
              margin-left: -1px
          }

          .ticket-details__item .ticket-actions-container .ticket-actions:hover {
              cursor: pointer;
              border-color: #92a4b6;
              background-color: #fff;
              z-index: 1
          }

.ticket-details__item__header {
  position: relative;
  min-height: 65px;
  padding: 12px 16px 16px;
  display: flex
}

  .ticket-details__item__header .app-icon-convo-wrap {
      position: absolute;
      z-index: 1;
      top: 70px;
      padding: 4px;
      border-radius: 50%;
      line-height: 0;
      left: 20px
  }

.ticket-details__item__content {
  padding: 0 16px 16px 48px
}

  .ticket-details__item__content pre {
      white-space: pre-wrap;
      white-space: -moz-pre-wrap;
      white-space: -pre-wrap;
      white-space: -o-pre-wrap;
      word-wrap: break-word
  }

  .ticket-details__item__content .text-content-wrapper {
      padding: 0 16px;
      overflow-x: auto;
      overflow-y: hidden
  }

      .ticket-details__item__content .text-content-wrapper .attachment-count::after {
          content: "• "
      }

      .ticket-details__item__content .text-content-wrapper .attachment-scanning-icon .card-attachment-scanning {
          height: 178px;
          width: 406px;
          display: none
      }

          .ticket-details__item__content .text-content-wrapper .attachment-scanning-icon .card-attachment-scanning .attachment-scanning-icon-text {
              font-size: 12px;
              letter-spacing: .06px;
              line-height: 20px;
              padding-right: 15px;
              color: #12344d
          }

          .ticket-details__item__content .text-content-wrapper .attachment-scanning-icon .card-attachment-scanning .attachment-scanning-card-heading {
              padding-top: 23px
          }

          .ticket-details__item__content .text-content-wrapper .attachment-scanning-icon .card-attachment-scanning .attachment-fd-icon {
              width: 100px;
              height: 22px
          }

      .ticket-details__item__content .text-content-wrapper .attachment-scanning-icon:hover .card-attachment-scanning {
          display: block;
          position: absolute;
          z-index: 9;
          background-color: #fff;
          left: 10%
      }

      .ticket-details__item__content .text-content-wrapper .social-link {
          padding: 0;
          margin-top: 24px
      }

          .ticket-details__item__content .text-content-wrapper .social-link a {
              padding: 4px 15px 5px;
              color: #183247;
              font-weight: 600
          }

              .ticket-details__item__content .text-content-wrapper .social-link a svg {
                  fill: #2c5cc5;
                  position: relative;
                  top: 2px;
                  margin-right: 4px
              }

.ticket-details__item__private {
  padding-left: 5px;
  vertical-align: bottom;
  display: inline-block;
  padding-bottom: 1px
}

.ticket-details__item .mail-details {
  text-align: left;
  margin: 0;
  padding: 0 16px;
  width: 100%
}

  .ticket-details__item .mail-details .conversation-info-text {
      display: flex;
      flex-wrap: wrap
  }

.ticket-details__item .user {
  font-weight: 600;
  color: #2c5cc5
}

.ticket-details__item .ticket-details-action-wrapper {
  float: right;
  padding: 0;
  margin: 0
}

.ticket-details__item .ticket-details-action {
  position: relative;
  float: right;
  top: -5px;
  margin-right: -5px
}

  .ticket-details__item .ticket-details-action .basic-dropdown-content {
      right: 0;
      z-index: 3
  }

  .ticket-details__item .ticket-details-action .app-icon-btn {
      margin-right: 0;
      margin-left: 5px;
      padding: 6px 0 5px
  }

.ticket-details__item--more {
  width: 100%;
  padding-bottom: 16px;
  position: relative
}

  .ticket-details__item--more::before {
      content: "";
      position: absolute;
      height: 1px;
      width: 100%;
      background-color: #ebeff3;
      top: 33%;
      z-index: 1
  }

  .ticket-details__item--more .loader-inline-count {
      display: inline-block
  }

      .ticket-details__item--more .loader-inline-count .__ui-components__gravity-loader {
          width: 16px;
          height: 14px
      }

      .ticket-details__item--more .loader-inline-count .gravity-loader {
          width: 12px;
          left: 4px
      }

          .ticket-details__item--more .loader-inline-count .gravity-loader .path {
              stroke: #2c5cc5
          }

  .ticket-details__item--more .more-block {
      position: relative;
      display: flex;
      margin: auto;
      padding: 2px 12px 2px 6px;
      box-shadow: 0 0 0 8px #fff;
      border-radius: 20px;
      min-height: 24px;
      z-index: 2;
      align-items: center;
      justify-content: space-between;
      border: 1px solid #cfd7df;
      background: linear-gradient(180deg,#fff 2.56%,#f3f5f7 95.75%)
  }

      .ticket-details__item--more .more-block:hover {
          background: #f3f5f7
      }

      .ticket-details__item--more .more-block .more-conversation-icon {
          width: 12px;
          height: 12px;
          display: flex;
          align-items: center;
          justify-content: center;
          background-color: #2c5cc5;
          border-radius: 6px
      }

          .ticket-details__item--more .more-block .more-conversation-icon .app-icon {
              width: 6px;
              height: 6px
          }

  .ticket-details__item--more .more-thread-icon {
      width: 2px;
      border-radius: 2px;
      height: 42px;
      background-color: #acb6be;
      display: inline-block;
      position: absolute;
      top: -5px
  }

      .ticket-details__item--more .more-thread-icon::after, .ticket-details__item--more .more-thread-icon::before {
          width: 2px;
          height: 2px;
          display: inline-block;
          background-color: #acb6be;
          position: relative;
          content: "";
          border-radius: 50%;
          box-shadow: 0 3px 0 0 #acb6be
      }

      .ticket-details__item--more .more-thread-icon::after {
          top: 14px;
          box-shadow: 0 3px 0 0 #acb6be
      }

      .ticket-details__item--more .more-thread-icon::before {
          top: -19px;
          border-radius: 50%
      }

  .ticket-details__item--more .more-count {
      text-align: center;
      display: inline-block;
      position: relative;
      z-index: 1
  }

.ticket-details__item .forum-ticket {
  margin: 0 64px 24px;
  padding: 15px;
  border-radius: 4px;
  background-color: #fff
}

.ticket-details__item .forum-ticket_content {
  position: relative
}

.ticket-details__item .forum-ticket__icon {
  margin-right: 10px;
  margin-top: 5px
}

.ticket-details__item .conversation-info {
  display: inline-block;
  width: 100%;
  padding: 0 16px 16px
}

.ticket-details__item .desc-info {
  display: flex;
  width: 100%;
  justify-content: space-between
}

.ticket-details__item .activity-details {
  margin-top: 0
}

.nested-filter, .ticket-details__bot .suggested-articles .article-view:nth-child(n+4) {
  margin-top: 20px
}

.ticket-details__item .activity-details .preserve-white-space {
  margin-left: -4px
}

.ticket-details-social {
  position: relative
}

.ticket-details-social__privateicon {
  position: absolute;
  bottom: 23px;
  left: 15px
}

.ticket-details__requestor {
  background-image: linear-gradient(#fff,#fff);
  border-radius: 8px
}

  .ticket-details__requestor .threads-loader {
      border-top: solid 1px #e1e1e1
  }

      .ticket-details__requestor .threads-loader .placeholder-img, .ticket-details__requestor .threads-loader .placeholder-item {
          background-color: #e1e1e1
      }

  .ticket-details__requestor .ticket-actions-container {
      color: #bbdcfe
  }

      .ticket-details__requestor .ticket-actions-container .ticket-actions {
          border-color: #bbdcfe
      }

          .ticket-details__requestor .ticket-actions-container .ticket-actions:hover {
              border-color: #56a8fd;
              background-color: #fff
          }

.ticket-details__bot {
  border: 1px solid #b4e6da;
  border-radius: 4px
}

  .ticket-details__bot .freddy-header {
      display: inline-block
  }

  .ticket-details__bot .model-close {
      float: right;
      position: relative;
      top: 6px;
      cursor: pointer
  }

      .ticket-details__bot .model-close::after, .ticket-details__bot .model-close::before {
          clear: both;
          display: block;
          content: ""
      }

  .ticket-details__bot .ticket-details__item__header {
      min-height: auto;
      padding: 10px 15px 8px;
      background-color: #e1f5f0;
      border-radius: 4px 4px 0 0;
      border-bottom: 1px #b4e6da solid;
      display: block
  }

      .ticket-details__bot .ticket-details__item__header .avatar--img-container {
          display: inline-block
      }

          .ticket-details__bot .ticket-details__item__header .avatar--img-container .freddy-img {
              width: 32px;
              height: 32px;
              display: inline-block;
              border: 1px solid #cfd7df;
              background-color: #f8f9fa;
              cursor: pointer;
              border-radius: 50px
          }

      .ticket-details__bot .ticket-details__item__header .description-subject {
          display: inline-block;
          vertical-align: middle;
          font-size: 12px;
          text-transform: uppercase
      }

  .ticket-details__bot .bot-suggestions {
      padding: 20px 25px 25px;
      border: 0;
      background-color: #fff;
      margin-bottom: 0
  }

      .ticket-details__bot .bot-suggestions .solution-article__suggestion .solution-icon {
          width: 15px;
          fill: #12344d;
          height: 15px
      }

      .ticket-details__bot .bot-suggestions .solution-article__title {
          vertical-align: middle;
          display: inline-block;
          position: relative;
          bottom: 5px;
          font-size: 14px;
          letter-spacing: .3px
      }

  .ticket-details__bot .suggested-articles {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between
  }

      .ticket-details__bot .suggested-articles::after {
          content: "";
          flex: auto
      }

      .ticket-details__bot .suggested-articles .article-list:focus {
          outline: 0
      }

      .ticket-details__bot .suggested-articles .article-list .article-folder .folder-icon {
          fill: #6f7c87
      }

      .ticket-details__bot .suggested-articles .article-list .article-folder .solution-folder__title {
          font-size: 12px;
          position: relative;
          bottom: 2px;
          color: #6f7c87;
          width: 100%
      }

      .ticket-details__bot .suggested-articles .article-view {
          position: relative;
          width: calc(33.33% - 10px);
          margin-right: 10px;
          cursor: pointer;
          border: 1px solid #cfd7df;
          border-radius: 4px;
          background-color: #fff
      }

          .ticket-details__bot .suggested-articles .article-view:last-child {
              margin-right: 0
          }

          .ticket-details__bot .suggested-articles .article-view.no-border {
              border: 0
          }

          .ticket-details__bot .suggested-articles .article-view .article-container {
              padding: 10px 15px
          }

          .ticket-details__bot .suggested-articles .article-view .show-article-chord {
              position: absolute;
              left: 0;
              z-index: 1;
              width: 100%;
              padding-bottom: 4px;
              bottom: -2px;
              overflow: hidden;
              animation: pulse .5s 1;
              border: 1px solid #cfd7df;
              border-radius: 4px;
              background-color: #fff;
              box-shadow: 0 6px 14px 0 rgba(24,50,71,.05),0 1px 4px 0 rgba(24,50,71,.15);
              cursor: auto
          }

              .ticket-details__bot .suggested-articles .article-view .show-article-chord:focus {
                  outline: 0
              }

              .ticket-details__bot .suggested-articles .article-view .show-article-chord .article-header {
                  padding: 12px 16px 8px;
                  border-bottom: 1px solid #ebeff3;
                  margin-bottom: 2px
              }

                  .ticket-details__bot .suggested-articles .article-view .show-article-chord .article-header .article-title {
                      cursor: pointer
                  }

                      .ticket-details__bot .suggested-articles .article-view .show-article-chord .article-header .article-title:hover {
                          color: #2c5cc5
                      }

              .ticket-details__bot .suggested-articles .article-view .show-article-chord .article-folder .solution-folder__title {
                  font-size: 12px;
                  position: relative;
                  bottom: 2px;
                  color: #6f7c87
              }

              .ticket-details__bot .suggested-articles .article-view .show-article-chord .article-folder .folder-icon {
                  fill: #6f7c87
              }

              .ticket-details__bot .suggested-articles .article-view .show-article-chord .article-description {
                  padding: 10px 14px 0;
                  color: #6f7c87;
                  font-size: 12px
              }

                  .ticket-details__bot .suggested-articles .article-view .show-article-chord .article-description .see-more {
                      cursor: pointer
                  }

              .ticket-details__bot .suggested-articles .article-view .show-article-chord .action-bar-btn {
                  padding: 0 16px
              }

                  .ticket-details__bot .suggested-articles .article-view .show-article-chord .action-bar-btn .view-btn {
                      display: inline-block;
                      margin-bottom: 10px
                  }

@media only screen and (max-width:1330px) {
  .ticket-details__bot .suggested-articles .article-view .show-article-chord .action-bar-btn .view-btn {
      width: 100%
  }
}

.ticket-details__privatenote {
  background-image: linear-gradient(#fef1e1,#fef1e1)
}

  .ticket-details__privatenote .threads-loader {
      border-top: solid 1px #fde5c8
  }

      .ticket-details__privatenote .threads-loader .placeholder-img, .ticket-details__privatenote .threads-loader .placeholder-item {
          background-color: #fde5c8
      }

  .ticket-details__privatenote .threads-divider {
      border-top: solid 1px #fcdab0;
      width: 96%
  }

  .ticket-details__privatenote .itemholder {
      border-top: 1px solid #fddbb5
  }

  .ticket-details__privatenote .ticket-actions-container {
      color: #fddbb5
  }

      .ticket-details__privatenote .ticket-actions-container .ticket-actions {
          border-color: #fddbb5
      }

          .ticket-details__privatenote .ticket-actions-container .ticket-actions:hover {
              border-color: #faab52;
              background-color: #fff
          }

.broadcast-message, .ticket-details__automation-email, .ticket-details__item__activity {
  background-image: linear-gradient(#f5f7f9,#f5f7f9)
}

  .activities-conversation__deleted .ticket-details__item__content, .ticket-details__item__activity .ticket-details__item__content {
      padding: 0 16px 16px 48px
  }

      .activities-conversation__deleted .ticket-details__item__content .text-content-wrapper, .ticket-details__item__activity .ticket-details__item__content .text-content-wrapper {
          padding-left: 18px
      }

.widget-apps-actions {
  background-color: #ebeff3;
  float: right;
  width: 50px;
  position: absolute;
  right: 0;
  bottom: 0;
  top: 5px;
  text-align: center;
  z-index: 3
}

.widget-apps-actions__sideicon {
  margin: 10px 0;
  padding-top: 5px;
  border: none;
  box-shadow: none;
  background-color: transparent;
  background-image: none
}

.filter-expand, .mini-list-title {
  border-bottom: 1px #ebeff3 solid
}

.widget-apps-actions__sideicon .app-icon {
  width: 18px;
  height: 18px
}

.widget-item .content-true {
  padding-bottom: 16px
}

.requestor-info {
  width: 100%;
  padding-top: 20px
}

.filter-expand {
  cursor: pointer;
  position: relative;
  z-index: 3;
  top: 3px;
  display: block;
  padding: 7px 0 8px;
  margin-bottom: 8px
}

.scroll-none {
  overflow: hidden
}

.ticket-details-submit {
  position: absolute;
  bottom: 14px;
  width: 204px;
  transition: 50ms ease-in;
  padding: 8px 15px 6px;
  z-index: 1;
  left: 16px
}

.widget-aht-timer {
  width: 228px;
  border: 0;
  min-height: 270px;
  max-height: 450px
}

.add-timer .time-tracked {
  background-color: #ebeff3;
  border-radius: 4px;
  padding: 12px
}

  .add-timer .time-tracked .time-tracked-label {
      color: #475867
  }

.add-timer-bottom, .add-timer-content {
  padding-top: 10px
}

  .add-timer-bottom .timer-note {
      background-color: #ebeff3;
      padding: 12px;
      margin-top: 8px;
      border-radius: 4px
  }

  .add-timer-bottom .profilepic {
      margin-left: 0
  }

  .add-timer-bottom .show-more {
      color: #2c5cc5
  }

      .add-timer-bottom .show-more:hover {
          cursor: pointer
      }

  .__ui-form__editor__social-editor .add-timer-bottom .socialeditor__count, .__ui-form__editor__ticket-editor .ticket-editor__footer .ticket-editor__action.link-to-forum .add-timer-bottom .label-field, .add-timer-bottom .__ui-form__editor__social-editor .socialeditor__count, .add-timer-bottom .__ui-form__editor__ticket-editor .ticket-editor__footer .ticket-editor__action.link-to-forum .label-field, .add-timer-bottom .dropdown-recent-ticket__item, .add-timer-bottom .text__content, .add-timer-bottom .text__infotext {
      color: #475867
  }

.add-timer-options {
  padding-top: 3px
}

.add-timer-options__item {
  float: left;
  cursor: pointer;
  margin-right: 16px;
  font-size: 12px;
  position: relative
}

  .add-timer-options__item:not(:last-child)::after {
      content: "";
      position: absolute;
      width: 1px;
      height: 80%;
      background-color: #cfd7df;
      right: -8px;
      top: 2px
  }

.add-timer .time-units {
  font-size: 16px;
  position: relative;
  left: -3px;
  font-weight: 400
}

.add-timer .time-count {
  font-size: 22px;
  color: #183247;
  margin-bottom: 0
}

.add-timer .time-count--zero, .add-timer .time-count--zero .time-units {
  color: #acb6be
}

.add-timer__card {
  min-height: 130px;
  padding: 12px;
  border-bottom: 1px #cfd7df solid
}

  .add-timer__card:last-of-type {
      border-bottom: none
  }

.add-timer .time-format {
  list-style: none;
  padding-top: 4px
}

.add-timer .time-format__item {
  float: left;
  margin-right: 15px;
  font-size: 30px
}

  .add-timer .time-format__item:last-child {
      margin-right: 0
  }

.requester-widget-expand {
  cursor: pointer;
  color: #2c5cc5;
  margin-bottom: 25px
}

.requester-widget-header {
  -webkit-font-smoothing: antialiased;
  position: relative;
  text-transform: uppercase;
  margin-bottom: 15px;
  color: #6f7c87
}

.requester-widget-disabled-field {
  border-bottom: 1px dotted #d3dbda
}

  .requester-widget-disabled-field .label-name {
      color: #6f7c87;
      font-size: 12px;
      font-weight: 400;
      margin-bottom: 4px
  }

.ticket-status-notification {
  padding: 10px 15px 8px
}

.ticket-status-notification__icon {
  position: relative;
  top: 3px
}

.ticket-status-notification .ticket-tag-wrap {
  margin-top: 4px
}

.ticket-status-notification .ticket-property-update {
  position: relative;
  padding-right: 10px;
  width: 80%;
  margin-left: 43px
}

  .ticket-status-notification .ticket-property-update .ticket-status__dueby {
      margin: 2px 6px 0 0
  }

.ticket-status-notification .association-tag figure {
  padding: 4px 15px
}

  .ticket-status-notification .association-tag figure .tracker {
      width: 32px;
      height: 32px
  }

  .ticket-status-notification .association-tag figure .related {
      width: 25px;
      height: 32px
  }

  .ticket-status-notification .association-tag figure .child {
      width: 30px;
      height: 30px
  }

  .ticket-status-notification .association-tag figure .service-task {
      width: 24px;
      height: 27px
  }

  .ticket-status-notification .association-tag figure caption {
      padding: 0;
      text-transform: capitalize;
      display: block
  }

.addwatcher, .app-icon-convo-circle, .app-icon-convo-circle .app-icon-convo {
  display: inline-block;
  position: relative
}

.ticket-source {
  width: 42px;
  float: left;
  margin-top: 4px;
  display: inline-block
}

.ticket-source-icon-wrap {
  width: 32px;
  height: 32px;
  border-radius: 10%
}

  .ticket-source-icon-wrap .app-icon {
      fill: #fff;
      position: relative;
      width: 14px;
      top: 7px
  }

  .ticket-source-icon-wrap .system-icon {
      fill: #92a2b1
  }

.ticket-source-activity {
  background-color: #92a2b1
}

.fadeIn {
  animation-name: fadeInUp;
  animation-duration: .2s
}

.fadeOut {
  animation-name: fadeInDown;
  animation-duration: .4s
}

@keyframes fadeInUp {
  from {
      opacity: 0;
      transform: translate3d(0,10px,0)
  }

  to {
      opacity: 1;
      transform: none
  }
}

@keyframes fadeInDown {
  from {
      opacity: 1
  }

  to {
      opacity: 0;
      transform: translate3d(0,10px,0)
  }
}

.ticket-details-breadcrumb {
  padding-top: 17px;
  margin-left: 10px
}

  .ticket-details-breadcrumb .ticket-source {
      width: 30px;
      float: left
  }

  .ticket-details-breadcrumb .ticket-source-icon-wrap {
      width: 24px;
      height: 24px;
      border-radius: 10%;
      text-align: center
  }

      .ticket-details-breadcrumb .ticket-source-icon-wrap .app-icon {
          fill: #fff;
          position: relative;
          top: 5px;
          width: 14px
      }

.ticket-description {
  margin-bottom: 0
}

  .ticket-description .tkt-details-avatar {
      top: 18px
  }

  .ticket-description .ticket-details__item__content {
      border-top: 1px solid #fff
  }

.dropdown-recent-ticket {
  width: 430px;
  padding: 0;
  max-height: 480px;
  overflow-y: auto
}

  .dropdown-recent-ticket .list-check-wrap {
      width: 44px;
      height: auto
  }

      .dropdown-recent-ticket .list-check-wrap .app-user-photo, .dropdown-recent-ticket .list-content-wrap .app-user-photo {
          margin-left: 0
      }

.dropdown-recent-ticket--link {
  cursor: pointer
}

.dropdown-recent-ticket__item {
  display: block;
  border-radius: 2px;
  min-height: inherit;
  cursor: pointer;
  padding: 9px 12px 10px;
  margin-bottom: 10px
}

.dropdown-recent-ticket__item--selected {
  background-color: #fffef7
}

.dropdown-recent-ticket__item--inactive-data .app-user-photo, .dropdown-recent-ticket__item--inactive-data .list-content-wrap, .dropdown-recent-ticket__item--inactive-data .list-filter-wrap {
  filter: grayscale(100%);
  opacity: .5
}

.dropdown-recent-ticket__item:last-child {
  border-bottom: none
}

.convo-with-icon {
  position: relative
}

  .convo-with-icon .app-icon-convo-wrap {
      padding-bottom: 5px;
      position: absolute;
      left: -6px;
      top: 0
  }

      .convo-with-icon .app-icon-convo-wrap .app-icon-convo {
          display: block;
          margin-bottom: 5px
      }

.app-icon-convo-circle {
  width: 15px;
  height: 15px;
  background-color: #fff;
  border-radius: 50%;
  top: -13px;
  right: -10px
}

  .app-icon-convo-circle .app-icon-convo {
      top: 3px;
      left: 3px;
      fill: #12344d
  }

.lock-icon {
  margin-left: -35px
}

.convo-content {
  padding-left: 30px
}

.phone-audio {
  width: 225px;
  border-radius: 3px;
  padding: 10px 0;
  box-sizing: border-box;
  margin-top: 16px
}

  .phone-audio .app-icon-btn {
      padding-top: 2px;
      min-width: 24px
  }

  .phone-audio .phone-remaining-time {
      padding-left: 10px;
      margin-top: -2px
  }

.phone-audio-info {
  padding-bottom: 5px;
  margin-top: 10px
}

.phone-audio__left {
  width: 35px;
  float: left
}

.phone-audio__right {
  float: left;
  width: 168px;
  padding-top: 5px
}

.phone-audio .play-button {
  width: 24px;
  height: 24px;
  min-width: 24px;
  padding: 2px 0 0
}

  .phone-audio .play-button .app-icon {
      fill: #fff
  }

.addwatcher {
  width: auto
}

  .addwatcher .count.agent-removed, .addwatcher.open .count, .insert-solution-detail {
      display: none
  }

  .addwatcher .agent-added {
      border-color: #e86f25
  }

.addwatcher__addme {
  padding-left: 3px
}

.addwatcher.open .watcher-icon.agent-added, .addwatcher.open .watcher-icon.agent-removed {
  background-color: #2c5cc5;
  border-color: #2c5cc5;
  color: #fff
}

.watcher-icon .app-icon {
  width: 13px;
  height: 13px
}

.watcher-icon .watcher-stroke {
  fill: #183247
}

.watcher-icon .watcher-fill {
  fill: #fff
}

.watcher-icon.agent-added .watcher-fill {
  fill: #fef1e1
}

.watcher-icon.agent-added .watcher-stroke {
  fill: #e86f25
}

.watcher-icon.agent-added .app-icon, .watcher-icon.agent-added:hover .app-icon {
  fill: #ffd012
}

.solution-detail-header {
  position: relative;
  background-color: #fff;
  box-shadow: 0 1px 0 #ebeff3;
  padding: 25px 20px;
  z-index: 5
}

  .solution-detail-header .modal-icons {
      cursor: pointer;
      top: 5px
  }

  .solution-detail-header .modal-title {
      display: inline-block;
      vertical-align: middle;
      margin: 2px 0 8px 5px
  }

  .solution-detail-header .overlay-modal-detail-title {
      margin: 16px 0 16px 5px
  }

  .solution-detail-header .app-icon-btn:focus {
      border: 1px solid #2c5cc5;
      box-shadow: 0 0 0 1px #2c5cc5;
      outline: 0
  }

  .solution-detail-header .app-icon-btn--text:focus {
      color: #183247
  }

.overlay-detail-header {
  top: 0;
  width: 100%;
  position: absolute;
  left: 0;
  padding: 17px 20px 12px
}

.overlay-detail-top {
  display: flex
}

.response-suggest {
  border: 1px solid #ebeff3;
  box-shadow: 0 0 1px 0 rgba(24,50,71,.3),0 2px 6px 0 rgba(22,29,37,.05);
  border-radius: 4px;
  background-color: #fff
}

.response-suggest--title::after {
  content: "";
  display: inline-block;
  border: 3px solid #2c5cc5;
  clear: both;
  border-radius: 50px;
  margin-left: 6px;
  bottom: 2px;
  position: relative
}

.response-suggest--icon {
  background: #e5f2fd;
  border-radius: 4px;
  padding: 6px;
  height: 26px;
  width: 26px
}

.response-suggest--response-data {
  color: #2c5cc5;
  cursor: pointer
}

  .response-suggest--response-data > button:first-child {
      padding-left: 0
  }

.solution-detail-content {
  margin-top: 82px
}

  .solution-detail-content .shortcut {
      position: fixed;
      bottom: 25px;
      right: 25px
  }

      .solution-detail-content .shortcut .app-icon {
          fill: #fff;
          margin-left: 10px;
          margin-top: 10px;
          width: 22px
      }

      .solution-detail-content .shortcut .action-btn {
          width: 42px;
          height: 42px;
          border-radius: 30px;
          background-color: #2c5cc5;
          cursor: pointer
      }

.description-subject {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2
}

.ticket-deleted-icon {
  width: 130px;
  fill: #e4f6f2;
  position: absolute;
  right: -10px;
  transform: rotate(19deg);
  top: 0
}

.ticket-spam-icon {
  width: 110px;
  fill: #f0dfde;
  position: absolute;
  right: 10px;
  top: 0
}

.survey-holder {
  margin-bottom: 20px
}

.survey-holder_title {
  margin-bottom: 5px
}

.survey-holder_feelIcon {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 2px;
  width: 8px;
  height: 8px;
  border-radius: 10px;
  vertical-align: middle
}

.survey-comments {
  margin-bottom: 20px
}

.survey-comments_desc {
  margin-bottom: 5px
}

.rating-extremelysatisfied {
  background-color: #00a886
}

.rating-mostlysatisfied {
  background-color: #009a79
}

.rating-slightlysatisfied {
  background-color: #008969
}

.rating-neithersatisfied {
  background-color: #e16023
}

.rating-slightlydissatisfied {
  background-color: #e86f25
}

.rating-mostlydissatisfied {
  background-color: #d7461f
}

.rating-extremelydissatisfied {
  background-color: #d72d30
}

.activity-highlight {
  background-color: #fff;
  color: #183247;
  border: 1px solid #ebeff3;
  padding: 2px 10px;
  border-radius: 2px;
  display: inline-block;
  float: right
}

.activity-details {
  padding-left: 15px
}

.app-icon-convo-wrap > .private-conv {
  padding-right: 5px;
  margin-right: 5px;
  border-right: 1px #c9d1d0 solid
}

.ticketlist-survey-icon {
  width: 20px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  left: -11px;
  top: -1px
}

.ticket-surveyresult-icon {
  width: 18px;
  height: 18px;
  z-index: 1;
  position: absolute;
  top: 8px;
  left: 8px;
  background-color: #e5f2fd;
  border-radius: 22px
}

  .ticket-surveyresult-icon .app-icon {
      position: absolute;
      width: 16px;
      height: 16px;
      top: 1px;
      left: 1px
  }

.priority--low {
  background-color: #a0d76a
}

.priority--medium {
  background-color: #4da1ff
}

.priority--high {
  background-color: #ffd012
}

.priority--urgent {
  background-color: #ff5959
}

.ticket-details__created-date span {
  min-width: 100px
}

.secondary-info {
  display: inline-block;
  width: 100%
}

  .secondary-info .user {
      color: #475867
  }

      .secondary-info .user:hover {
          color: #2c5cc5
      }

.mini-list {
  top: 5px;
  right: -35px;
  padding: 0;
  min-height: 264px
}

  .mini-list::before {
      right: 46px
  }

  .mini-list::after {
      right: 47px
  }

  .mini-list .list-content-wrap {
      width: 344px;
      padding-left: 0;
      position: relative
  }

      .mini-list .list-content-wrap .list-priority {
          position: absolute;
          top: 0;
          right: 0
      }

.mini-list-title {
  font-size: 14px;
  padding: 12px 15px
}

.mini-list-subject {
  display: inline-block;
  color: #183247
}

  .mini-list-subject:hover {
      text-decoration: none
  }

.mini-list .app-dropdown {
  box-shadow: none;
  padding: 10px 10px 0;
  background-color: #ebeff3;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px
}

.mini-list-priority {
  width: 6px;
  height: 6px
}

.mini-list-loader {
  min-height: 210px
}

  .mini-list-loader .loader--small {
      position: absolute;
      margin: auto;
      right: 0;
      left: 0
  }

.mini-list .tickets__list:hover .mini-list-subject {
  color: #2c5cc5
}

.mini-list .mini-list-subject {
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.mini-list .new-ticket .mini-list-subject {
  font-weight: 600
}

.detail-pagination {
  margin-left: 6px;
  float: right;
  margin-top: -2px
}

.ticket-meta-info {
  padding: 16px;
  width: 200px
}

.bcc-wrapper, .cc-wrapper {
  padding: 5px
}

.create-another-child-label {
  margin-right: 10px
}

.huddle-logo-holder {
  position: relative
}

  .huddle-logo-holder .huddle-logo {
      width: 16px;
      height: 16px
  }

.huddle-unread-dot::after {
  display: inline-block;
  content: " ";
  width: 13px;
  height: 13px;
  background: #ff5959;
  position: absolute;
  right: -4px;
  top: -4px;
  border-radius: 50%;
  border: 2px solid #f9f9f9
}

.collab-sidebar .collaborator-popup {
  width: 280px
}

.collab-sidebar .collab-title {
  line-height: 42px
}

.collab-sidebar .collab-close, .collab-sidebar .collab-reply-close {
  font-size: 28px;
  font-weight: 100;
  line-height: 25px
}

.collab-sidebar .collab-reply-close {
  font-size: 30px;
  line-height: 14px
}

.collab-sidebar .collab-cancel-att {
  line-height: 14px;
  font-weight: 100;
  font-size: 20px;
  width: 20px;
  height: 20px;
  text-align: center
}

.collab-sidebar .collab-def-pic .collab-att-msg-img {
  width: 52px
}

.collab-sidebar .announce-toast .announce-text {
  max-height: 71px
}

.collab-sidebar .collab-readby-container {
  max-height: 221px
}

.collab-sidebar .collab-readby-list {
  max-height: 212px
}

.ner-hover {
  position: relative;
  cursor: pointer;
  border-bottom: 1px solid #12344d
}

  .ner-hover:hover {
      border-bottom: 1px solid #183247
  }

.ner-api-active .collab-selectable-content-wrapper {
  overflow-x: visible
}

.add-collaborator__modal-body .agent-info {
  padding: 15px;
  background-color: #f3f5f7;
  border-radius: 4px
}

  .add-collaborator__modal-body .agent-info .email {
      word-break: break-all
  }

.active-bubble {
  background-color: #f73f3e;
  border: 2px solid #f5f7f9;
  border-radius: 50%;
  height: 11px;
  position: absolute;
  width: 11px
}

.active-bubble-reply {
  top: 6px;
  left: 140px
}

.conversation_wrap {
  padding: 10px 0;
  display: inline-block;
  width: 100%
}

  .conversation_wrap img {
      border-radius: 50% !important
  }

  .conversation_wrap table tr {
      border-top: 1px #ebeff3 solid !important
  }

      .conversation_wrap table tr td b, .conversation_wrap table tr td div {
          font-size: 13px !important;
          color: #183247 !important
      }

.disable-editor {
  position: absolute;
  height: 100%;
  width: 100%;
  background: #fff;
  z-index: 2;
  opacity: .7;
  cursor: not-allowed;
  transition: all .2s
}

.from-email, .from-muted {
  color: #777c80;
  font-weight: 400
}

.from-email-name {
  font-weight: 500
}

.basic-dropdown-content.from-email--dropdown {
  width: 430px
}

.sanitizer-class .modal, .sanitizer-class .modal-content, .sanitizer-class .modal-footer, .sanitizer-class .modal-header, .sanitizer-class .page-content {
  position: unset !important
}

.sanitizer-class .hide {
  display: unset !important
}

.sanitizer-class .logo {
  height: unset !important
}

.sanitizer-class .page-content {
  padding: unset !important
}

.sanitizer-class .btn {
  text-align: unset !important;
  padding: unset !important
}

.fr-view table td.fr-selected-cell, .fr-view table th.fr-selected-cell {
  border: 1px double #1e88e5 !important;
  background: #e8f0fd !important
}

.filter-list {
  padding: 5px 10px 30px 0
}

  .filter-list .power-select-placeholder {
      padding-bottom: 3px
  }

  .filter-list .input input[type=text].search-ticket-input {
      padding: 4px 0 5px 28px
  }

      .filter-list .input input[type=text].search-ticket-input:focus + label {
          display: none
      }

.filter-list--fixed-footer {
  position: relative;
  height: 100%;
  padding-right: 0
}

  .filter-list--fixed-footer .filter-items-container {
      height: 85%;
      padding-right: 20px;
      padding-left: 2px
  }

  .filter-list--fixed-footer .filter-list-footer {
      background-color: #f8f9fa;
      position: fixed;
      width: 100%;
      height: 60px;
      border-top: 1px #ebeff3 solid;
      padding: 18px 3px;
      bottom: 0
  }

      .filter-list--fixed-footer .filter-list-footer .filter-list-btn {
          width: 270px
      }

.form-group {
  position: relative
}

  .form-group .ticket-filter__label {
      position: absolute;
      bottom: 0
  }

.addon-area, .form-control:active .ticket-filter__label {
  bottom: 20px
}

.ticket-filter__label--focused {
  top: -20px
}

.form-control {
  border: none;
  background: 0 0;
  box-shadow: none;
  border-bottom: 1px #cfd7df solid;
  border-radius: 0;
  position: relative;
  z-index: 1
}

  .form-control:focus {
      box-shadow: none
  }

.visibleto {
  padding-top: 20px
}

  .visibleto .radio {
      min-height: 15px
  }

  .visibleto .group {
      padding-top: 10px
  }

.search-property {
  position: absolute;
  bottom: 9px;
  left: 10px
}

.clear-search {
  position: absolute;
  bottom: 3px;
  right: 1px
}

.solution-list, .tickets-solutions-search {
  position: relative
}

.search-ticket-label {
  padding-left: 20px
}

.nested-filter {
  padding-left: 10px
}

.company-filter-form .app-form, .contact-filter-form .app-form {
  margin-bottom: 0
}

.tickets-solutions {
  margin-top: 45px;
  padding: 23px 30px;
  overflow: auto
}

.tickets-solutions-search input {
  border: 0;
  border-bottom: 1px solid #ebeef0;
  width: 100%
}

  .tickets-solutions-search input:focus {
      outline: 0
  }

.tickets-solutions .solutions-recent-label {
  font-size: 13px;
  font-weight: 500;
  color: #707070;
  padding: 10px 0
}

  .tickets-solutions .solutions-recent-label i {
      padding-right: 5px
  }

.tickets-solutions .solutions-caption {
  margin-top: 10px
}

.search-solutions-freddy-bulb-svg {
  width: 32px;
  height: 32px;
  padding: 4px
}

.solution-list {
  border: 1px solid #ebedf0;
  border-radius: 3px;
  width: 100%;
  margin: 10px 0 6px;
  padding: 0
}

  .solution-list .action-holder {
      opacity: 0;
      position: absolute;
      top: 8px;
      right: 10px;
      background-color: #fff;
      transition: .4s ease-in-out
  }

      .solution-list .action-holder:focus, .solution-list .action-holder:focus-within, .solution-list:focus .action-holder, .solution-list:focus-within .action-holder, .solution-list:hover .action-holder {
          opacity: 1
      }

  .solution-list .solution-title-view-article > button :focus-within, .solution-list .solution-title-view-article > button:focus {
      transform: scale(.98);
      border-radius: 4px;
      border: 1px solid #2e6ed8;
      box-shadow: 0 0 0 1px #2e6ed8
  }

  .solution-list:focus, .solution-list:focus-within, .solution-list:hover {
      border-color: #cfd7df
  }

  .solution-list .solution-title-view-article .visibility-text {
      color: #777
  }

  .solution-list .link-holder {
      padding: 13px 15px 4px;
      width: 80%
  }

.solution-title {
  padding-left: 7px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px
}

.solution-draft {
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  padding: 2px 10px
}

.solution-title-view-article {
  padding: 0 9px 15px;
  color: #2c5cc5
}

.ticket-solutions-list {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  overflow-y: auto
}

  .ticket-solutions-list .action-holder {
      top: 21px
  }

  .ticket-solutions-list .action-holder-btn {
      width: 36px;
      padding: 7px 5px
  }

.overlay-list {
  position: inherit;
  height: 100%;
  overflow-y: initial
}

  .overlay-list .solution-detail-content {
      margin-top: 114px
  }

.show .language {
  width: 19%
}

  .show .language .power-select-selected-item, .show .language .power-select-trigger, .show .language .select-dropdown-trigger {
      line-height: 2.5
  }

.show .search-with-language.search-term {
  width: 79%
}

.show .power-select-placeholder {
  padding-bottom: 5px
}

.show .power-select-option[aria-selected=true]::before {
  top: 15px
}

.show .basic-dropdown-content--below {
  min-width: 230px
}

.show .power-select-option {
  padding: 5px 30px 15px 10px
}

.show .modal-header {
  padding-left: 27px
}

.option-icon {
  position: relative;
  top: 7px
}

.bot-suggested-solution-article {
  width: 100%;
  border-bottom: 1px #cfd7df solid;
  border-left: 1px #cfd7df solid;
  position: fixed;
  bottom: 0;
  top: 0;
  z-index: 1;
  background-color: #fff
}

  .bot-suggested-solution-article .article-modal__header {
      min-height: 65px;
      padding: 20px 30px;
      background-color: #f9f9f9;
      border-bottom: 1px solid #ebeff3
  }

      .bot-suggested-solution-article .article-modal__header .modal-article__header {
          font-size: 16px
      }

  .bot-suggested-solution-article .article-modal__content {
      font-size: 14px;
      position: relative;
      overflow: hidden;
      height: 500px;
      width: 100%
  }

      .bot-suggested-solution-article .article-modal__content .article-description-content {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          height: 100%;
          padding: 20px 30px;
          overflow: auto;
          background-color: #fff
      }

  .bot-suggested-solution-article .modal-article__description {
      font-size: 14px;
      letter-spacing: .3px;
      color: #6f7c87
  }

      .bot-suggested-solution-article .modal-article__description .article-data {
          display: inline-block;
          margin-right: 20px
      }

          .bot-suggested-solution-article .modal-article__description .article-data:last-child {
              margin-right: 0
          }

          .bot-suggested-solution-article .modal-article__description .article-data .folder-icon {
              fill: #6f7c87;
              position: relative;
              top: 1px
          }

  .bot-suggested-solution-article .modal-article__action-bar .app-icon-btn {
      margin-right: 8px
  }

      .bot-suggested-solution-article .modal-article__action-bar .app-icon-btn:last-child {
          margin-right: 0
      }

.modal-body .merge__item-primary, .modal-content .merge__item-primary {
  border: 1px solid #dadfe3
}

  .modal-body .merge__item-primary .ticket-subject, .modal-content .merge__item-primary .ticket-subject {
      color: #2c5cc5
  }

.modal-body .modal-search, .modal-content .modal-search {
  padding-bottom: 26px
}

.modal-body .search-options, .modal-content .search-options {
  min-width: 80px
}

  .modal-body .search-options .power-select-status-icon, .modal-body .search-options .select-dropdown-trigger__status-icon, .modal-content .search-options .power-select-status-icon, .modal-content .search-options .select-dropdown-trigger__status-icon {
      bottom: 1px
  }

  .modal-body .search-options .power-select-trigger, .modal-body .search-options .select-dropdown-trigger, .modal-content .search-options .power-select-trigger, .modal-content .search-options .select-dropdown-trigger {
      top: 0
  }

.modal-body .second-footer, .modal-content .second-footer {
  padding-right: 38px
}

.modal-body .ticket-merge-error, .modal-content .ticket-merge-error {
  clear: both;
  color: #183247;
  position: relative;
  top: 4px
}

.modal-content .merge__edititem {
  padding: 0;
  background-color: #fff
}

  .modal-content .merge__edititem .option--privatenote, .modal-content .merge__edititem .private-dropdown__privatenote {
      background-color: #ff9d00
  }

  .modal-content .merge__edititem:hover {
      border: 1px solid #183247;
      transition: .2s easein
  }

  .modal-content .merge__edititem .ticket-subject {
      color: #2c5cc5
  }

  .modal-content .merge__edititem .private-options-label {
      font-weight: 500;
      color: #12344d;
      font-size: 12px;
      vertical-align: text-bottom
  }

  .modal-content .merge__edititem .private-options-label-popup {
      font-weight: 400;
      font-size: 11px
  }

  .modal-content .merge__edititem .private-dropdown .pointer {
      float: left
  }

  .modal-content .merge__edititem .private-dropdown__trigger {
      width: 14px;
      height: 14px;
      display: inline-block;
      text-align: center;
      border-radius: 2px;
      vertical-align: text-bottom
  }

      .modal-content .merge__edititem .private-dropdown__trigger svg {
          position: relative
      }

  .modal-content .merge__edititem .private-dropdown__privatenote svg {
      width: 10px;
      fill: #fff;
      padding-top: 2px
  }

  .modal-content .merge__edititem .dropdown__option {
      text-align: left;
      padding: 2px 0
  }

  .modal-content .merge__edititem .option {
      display: inline-block
  }

  .modal-content .merge__edititem .option-icon {
      display: inline-block;
      vertical-align: top;
      margin: 0 5px
  }

  .modal-content .merge__edititem .option-icon-normal {
      fill: #12344d
  }

  .modal-content .merge__edititem .option--privatenote .app-icon {
      fill: #fff;
      padding-top: 4px
  }

  .modal-content .merge__edititem .popup-title {
      text-align: left;
      color: #12344d;
      font-weight: 400;
      padding: 5px 10px 10px
  }

.modal-content .merge__item-primary {
  border-radius: 4px
}

.modal-content .secondary-header {
  position: relative;
  top: 47px;
  padding-top: 25px;
  padding-bottom: 10px;
  font-size: 12px
}

  .modal-content .secondary-header span {
      font-weight: 700
  }

  .modal-content .secondary-header .edit-note {
      display: inline-block;
      padding-left: 10px;
      padding-right: 10px
  }

.power-select-option .merge__item .list-content-wrap {
  width: 335px
}

.merge__wrap {
  position: relative;
  top: 47px
}

.merge-search-ticket {
  margin-left: 16px;
  position: relative
}

  .merge-search-ticket .app-icon {
      position: absolute;
      left: 8px;
      top: 8px;
      z-index: 1
  }

  .merge-search-ticket .clear {
      position: absolute;
      right: 16px;
      font-weight: 500;
      color: #2c5cc5;
      font-size: 12px
  }

  .merge-search-ticket .power-select-multiple-trigger {
      padding: 2px 24px
  }

.merge .search-container {
  position: absolute;
  right: 0;
  left: 90px;
  top: -3px
}

.merge .primary-custom {
  fill: #2c5cc5
}

.merge .secondary-custom {
  fill: #cfd7df
}

  .merge .secondary-custom:hover {
      fill: #081824;
      transition: .2s easein
  }

.merge-ticket-search {
  padding-left: 16px
}

  .merge-ticket-search:hover {
      transition: .2s easein
  }

  .merge-ticket-search .power-select-trigger, .merge-ticket-search .select-dropdown-trigger {
      padding-left: 20px
  }

  .merge-ticket-search .clear {
      position: absolute;
      top: 2px;
      right: 10px;
      color: #2c5cc5;
      cursor: pointer
  }

  .merge-ticket-search .power-select-trigger-multiple-input {
      width: 95%
  }

  .merge-ticket-search .power-select-placeholder {
      position: absolute;
      top: 2px
  }

.merge-title {
  color: #183247
}

.merge__item {
  min-height: 78px;
  z-index: 1;
  background-color: #fff;
  position: relative
}

  .merge__item .list-content-wrap {
      display: block;
      padding-left: 0;
      width: 380px
  }

  .merge__item .ticket-subject {
      color: #183247;
      font-size: 14px
  }

      .merge__item .ticket-subject:hover {
          color: #2c5cc5
      }

.merge__item-edit .app-icon-btn {
  margin-right: 4px
}

.merge__item .removewatcher--disabled {
  opacity: .3
}

.merge__item .primary-label {
  position: absolute;
  display: block;
  right: 2px;
  font-size: 10px;
  color: #6f7c87;
  letter-spacing: .3px
}

.merge__item .dot {
  vertical-align: text-bottom
}

.merge__item:hover:not(.merge__item-primary):not(.merge__edititem) {
  border: 1px solid #cfd7df;
  transition: .2s easein
}

.merge__section .merge-editlabel {
  color: #2c5cc5
}

.merge__section #editor-toolbar .fr-toolbar {
  padding-left: 0
}

  .merge__section #editor-toolbar .fr-popup .fr-command.fr-btn, .merge__section #editor-toolbar .fr-toolbar .fr-command.fr-btn {
      color: #12344d;
      text-align: center;
      width: 30px
  }

      .merge__section #editor-toolbar .fr-popup .fr-command.fr-btn i, .merge__section #editor-toolbar .fr-toolbar .fr-command.fr-btn i {
          font-size: 12px;
          width: auto;
          margin: 12px 0
      }

          .merge__section #editor-toolbar .fr-popup .fr-command.fr-btn i:hover, .merge__section #editor-toolbar .fr-toolbar .fr-command.fr-btn i:hover {
              color: #081824
          }

.merge__editheader {
  background-color: #fff;
  border-radius: 4px;
  border-bottom: 1px #ebeef0 solid
}

  .merge__editheader .list-content-wrap {
      padding: 15px
  }

.merge__editbody {
  padding-top: 0;
  padding-bottom: 0
}

  .merge__editbody .rich-editor {
      border: none;
      padding: 0
  }

      .merge__editbody .rich-editor:active, .merge__editbody .rich-editor:hover {
          border: 0;
          box-shadow: none
      }

      .merge__editbody .rich-editor .fr-element.fr-view {
          padding: 20px 16px 16px 20px
      }

.merge__note-footer {
  padding: 0 20px 20px
}

  .merge__note-footer .btn--secondary {
      margin-right: 5px
  }

.merge-editlabel {
  font-size: 11px;
  font-weight: 400;
  color: #2c5cc5
}

.merge-search-type {
  margin-left: 10px
}

.merge-search-dropdown .power-select-option {
  padding: 0
}

  .merge-search-dropdown .power-select-option .merge__item {
      line-height: normal;
      display: flex
  }

  .merge-search-dropdown .power-select-option[aria-current=true] {
      background-color: transparent
  }

      .merge-search-dropdown .power-select-option[aria-current=true] .requester {
          background-color: #ebeef0
      }

  .merge-search-dropdown .power-select-option .primary-mark {
      padding-right: 10px;
      padding-top: 18px
  }

.merge-search-dropdown .power-select-options[role=listbox] {
  max-height: 22em
}

.merge-search-dropdown .requester {
  padding: 2px 8px
}

.merge-search-dropdown .basic-dropdown-trigger {
  overflow-y: hidden
}

.merge .primary-mark {
  width: 30px;
  position: relative;
  cursor: pointer;
  top: 18px;
  right: 6px
}

.merge .merge-delete {
  padding-top: 22px;
  cursor: pointer;
  width: 40px
}

.merge-checkbox {
  display: inline-block
}

.merge-child {
  padding-left: 16px;
  padding-top: 10px;
  border-left: 1px #cfd7df solid;
  position: relative;
  left: 20px;
  top: -57px;
  margin-right: 20px;
  z-index: 0
}

  .merge-child .merge__item {
      position: relative;
      top: 47px
  }

      .merge-child .merge__item::before {
          width: 10px;
          height: 10px;
          content: "";
          position: absolute;
          display: inline-block;
          background-color: #acb6be;
          border: 2px solid #fff;
          left: -22px;
          border-radius: 50%;
          top: 40%
      }

  .merge-child .merge__editsecondary {
      background-color: #fff;
      top: 0;
      margin-bottom: 0
  }

  .merge-child .merge-editnote-info {
      background-color: #f8f9fa;
      padding: 20px;
      border-radius: 4px 4px 0 0
  }

.merge-collapsed {
  border-left: none;
  padding-left: 0;
  margin-right: 0;
  left: 0
}

  .merge-collapsed .merge__item::before {
      display: none
  }

.merge-back {
  padding: 0
}

  .merge-back .modal-icons {
      top: 2px
  }

.merge-edit {
  position: relative;
  top: 15px
}

.notify-label {
  top: -11px;
  position: relative
}

.addrecipients {
  top: 8px;
  position: relative;
  font-weight: 400
}

.addrecipients-checkbox {
  vertical-align: middle;
  margin-top: 6px
}

.addrecipients .merge-checkbox {
  position: static;
  margin-bottom: 0
}

.card-item {
  border-radius: 0 0 4px 4px;
  background-color: #fcfcfc;
  box-shadow: 0 -1px 3px 0 rgba(0,0,0,.08);
  border: 1px solid #cfd7df;
  border-top: 0;
  height: 6px;
  margin-top: -10px
}

.card-item-0 {
  margin: 0;
  opacity: .3333333333
}

.card-item-1 {
  margin: 0;
  opacity: .6666666667
}

.card-item-2 {
  margin: 0;
  opacity: 1
}

.card-item-3 {
  margin: 0;
  opacity: 1.3333333333
}

.app-notification__sidebar {
  margin: -15px -15px 20px;
  padding: 15px
}

.content-widget-wrap .content-widget {
  right: 50px;
  padding-top: 0;
  padding-bottom: 0;
  height: 100%
}

.content-widget-wrap .widget-apps {
  bottom: 50px;
  display: none
}

.content-widget-wrap .sidebar {
  background-color: transparent;
  border-left: 0;
  overflow: visible
}

.content-widget-wrap.sidebar-present .content-widget {
  right: 300px
}

.content-widget-wrap.sidebar-present .sidebar {
  right: 0;
  overflow: hidden;
  width: 300px;
  padding-right: 64px;
  border-left: 1px solid #ebeff3
}

  .content-widget-wrap.sidebar-present .sidebar .filter-expand {
      opacity: 1
  }

  .content-widget-wrap.sidebar-present .sidebar .widget-apps {
      bottom: 0;
      border-right: none;
      display: block;
      top: 5px;
      left: 4px;
      right: 50px;
      padding-top: 0;
      overflow-y: auto;
      overflow-x: hidden;
      position: absolute
  }

.content-widget-wrap.sidebar-present .multiple-widget-slider .sidebar {
  background-color: #ebeff3;
  width: 310px
}

  .content-widget-wrap.sidebar-present .multiple-widget-slider .sidebar .app-icon-btn:hover:not([disabled]) {
      background: #ebeff3;
      border: 1px solid #475867;
      border-radius: 4px
  }

  .content-widget-wrap.sidebar-present .multiple-widget-slider .sidebar .widget-apps {
      -ms-overflow-style: none
  }

      .content-widget-wrap.sidebar-present .multiple-widget-slider .sidebar .widget-apps::-webkit-scrollbar {
          display: none
      }

.spam-widget {
  padding-inline-start: 10px
}

.new-ticket-wrap .widget-sidebar-scrollbar {
  width: 250px
}

.new-ticket-wrap .sidebar {
  top: -55px
}

.new-ticket-wrap .widget-apps-actions {
  padding-top: 8px
}

.sidebar-collapsed, .sidebar-expanded {
  transition: transform .1s linear;
  display: inline-block
}

.sidebar-collapsed {
  transform: scaleX(-1)
}

.sidebar-left .sidebar-collapsed {
  transform: scaleX(1)
}

.sidebar-left .sidebar-expanded {
  transform: scaleX(-1)
}

.sidebar-present .sidebar {
  width: 310px
}

.sidebar-present.sidebar-left .sidebar {
  border-left: none;
  border-right: 1px solid #cfd7df
}

.segment-sidebar .sidebar {
  padding-right: 0;
  padding-bottom: 0
}

.fsm-schedule-dashboard .sidebar {
  padding: 0;
  display: none;
  background-color: #ebeff3
}

.fsm-schedule-dashboard .page-content {
  padding-right: 0
}

.fsm-schedule-dashboard.sidebar-present .sidebar {
  display: block;
  width: 350px
}

.fsm-schedule-dashboard.sidebar-present .page-content {
  right: 350px
}

.fsm-schedule-dashboard.sidebar-present.sidebar-left .page-content {
  left: 415px;
  right: 0
}

.trial-widget {
  display: grid;
  height: 150px;
  margin-top: 6px;
  color: inherit;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 1px 0 0 #cfd7df;
  text-decoration: none
}

  .trial-widget .container {
      width: 100%;
      padding: 0
  }

  .trial-widget .progress {
      height: 4px;
      background-color: #ebeff3;
      margin-bottom: 10px;
      overflow: visible
  }

  .trial-widget .progress-bar {
      height: 4px;
      border-radius: 70px;
      background-color: #2c5cc5;
      transition: 2s linear
  }

  .trial-widget .profilepic--large {
      width: 44px;
      height: 44px;
      margin-right: 10px;
      border-radius: 10%
  }

  .trial-widget .accountImage {
      width: 100px
  }

  .trial-widget .write-to-us {
      padding: 0 10px;
      border-right: 1px solid #cfd7df
  }

  .trial-widget .account-setup, .trial-widget .choose-plan {
      height: 7px
  }

  .trial-widget .get-a-demo {
      padding-left: 6px
  }

  .trial-widget .trial-widget-top {
      height: 110px;
      padding: 25px 16px 16px
  }

      .trial-widget .trial-widget-top .current-plan {
          margin-bottom: 5px
      }

      .trial-widget .trial-widget-top .manager-info-wrap {
          padding-left: 0;
          line-height: 1.38;
          position: relative;
          color: #183247;
          z-index: 2
      }

          .trial-widget .trial-widget-top .manager-info-wrap .user-pic {
              position: absolute;
              left: 0
          }

          .trial-widget .trial-widget-top .manager-info-wrap .manager-info {
              padding-left: 60px
          }

  .trial-widget .trial-widget-bottom {
      border-top: 1px solid #ebeff3;
      bottom: 0;
      min-height: 40px;
      padding: 10px
  }

      .trial-widget .trial-widget-bottom .trial-feedback {
          padding-left: 0
      }

      .trial-widget .trial-widget-bottom .small-bullet {
          width: 7px;
          margin-left: 2px
      }

.account-onboarding .onboarding-header {
  top: 0;
  min-height: 100px;
  width: 100%;
  border-bottom: 1px solid #cfd7df;
  padding: 15px 30px
}

.account-onboarding .circular-progress {
  border: 1px solid #183247
}

.account-onboarding .welcome-info {
  padding-left: 100px
}

  .account-onboarding .welcome-info .title {
      height: 29px;
      font-size: 24px;
      margin: 10px 0 0
  }

.account-onboarding .onboarding-container {
  background-color: #f5f7f9;
  padding-top: 10px;
  overflow-y: auto;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  height: calc(100% - 100px);
  box-sizing: border-box
}

  .account-onboarding .onboarding-container .onboarding-item {
      height: 100px;
      padding: 10px 0
  }

      .account-onboarding .onboarding-container .onboarding-item:first-child .icon-fill::before {
          height: 46px;
          margin-top: -46px
      }

      .account-onboarding .onboarding-container .onboarding-item:last-child::after {
          content: "";
          position: absolute;
          border: 2px solid #ebeff3;
          left: 0;
          height: 35px;
          margin-left: 69px;
          margin-top: 59px
      }

  .account-onboarding .onboarding-container .onboading-item-hover:hover .item-title {
      color: #2c5cc5
  }

  .account-onboarding .onboarding-container .onboading-item-hover:hover .icon-fill {
      background-color: #183247
  }

  .account-onboarding .onboarding-container .onboading-item-hover:hover .app-icon {
      fill: #fff
  }

  .account-onboarding .onboarding-container .item-content {
      width: 450px;
      padding: 10px;
      border-radius: 5px;
      background-color: #fff;
      box-shadow: 0 1px 0 0 #dbdfe3;
      border: 1px solid #cfd7df;
      margin-left: 15px;
      min-height: 80px;
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: center
  }

      .account-onboarding .onboarding-container .item-content::after, .account-onboarding .onboarding-container .item-content::before {
          content: "";
          position: absolute;
          border: 10px solid transparent;
          top: 28px
      }

      .account-onboarding .onboarding-container .item-content::before {
          z-index: 1000001;
          left: -18px;
          border-right: 8px solid #fff
      }

      .account-onboarding .onboarding-container .item-content::after {
          left: -19px;
          border-right: 8px solid #ccc
      }

      .account-onboarding .onboarding-container .item-content .item-description {
          margin: 3px 0 9px
      }

      .account-onboarding .onboarding-container .item-content:hover {
          cursor: pointer
      }

  .account-onboarding .onboarding-container .icon-fill {
      width: 34px;
      height: 34px;
      border-radius: 100%;
      background-color: #fff;
      border: 1px solid #cfd7df;
      margin: 25px 0 0 55px
  }

      .account-onboarding .onboarding-container .icon-fill .app-icon {
          margin: 5px 0 0 6px
      }

      .account-onboarding .onboarding-container .icon-fill::before {
          content: "";
          position: absolute;
          border: 2px solid #ebeff3;
          z-index: 1000001;
          height: 66px;
          margin-left: 14px;
          margin-top: -66px;
          border-radius: 1px
      }

  .account-onboarding .onboarding-container .task-completed {
      opacity: .5
  }

      .account-onboarding .onboarding-container .task-completed .icon-fill {
          background-color: #183247
      }

      .account-onboarding .onboarding-container .task-completed .app-icon {
          fill: #fff
      }

      .account-onboarding .onboarding-container .task-completed .item-content .item-title {
          color: #6f7c87
      }

      .account-onboarding .onboarding-container .task-completed .item-content {
          box-shadow: none
      }

          .account-onboarding .onboarding-container .task-completed .item-content:hover {
              cursor: default
          }

.trial-feedback-dropdown {
  width: 450px;
  top: -45px;
  left: -26px;
  border-radius: 0;
  border-top: 0;
  box-shadow: none
}

.widget-feedback {
  border: 1px solid #cfd7df;
  position: absolute;
  height: 250px;
  margin-top: -25px;
  left: 10px;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,.14);
  z-index: 1
}

  .widget-feedback .parent-conatiner {
      height: 110px;
      background-color: #f3f5f7;
      border-bottom: 1px solid #cfd7df;
      margin-left: -15px;
      margin-right: -15px
  }

  .widget-feedback .extra-content {
      height: 140px;
      margin-left: -15px;
      margin-right: -15px;
      background: #fff
  }

  .widget-feedback .actions .submit {
      color: #12344d;
      min-width: 60px
  }

  .widget-feedback .actions .cancel {
      color: #9ea1a9;
      min-width: 60px
  }

  .widget-feedback .submit:disabled {
      color: #cfd7df
  }

  .widget-feedback .feedback-submit-success {
      padding: 20px
  }

      .widget-feedback .feedback-submit-success .text {
          margin-top: 25px
      }

.feedback-textarea {
  padding: 6px 10px 0;
  height: 100px
}

  .feedback-textarea .feedback-text {
      width: 100%;
      height: 100%;
      border: none;
      resize: none;
      padding-top: 5px;
      line-height: 13px;
      outline: 0
  }

.actions {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%
}

.ko-progress-circle {
  width: 70px;
  height: 70px;
  background-color: #ebedf0;
  border-radius: 50%
}

  .ko-progress-circle .ko-progress-circle__fill, .ko-progress-circle .ko-progress-circle__slice {
      width: 70px;
      height: 70px;
      position: absolute;
      -webkit-backface-visibility: hidden;
      transition: transform 1.5s;
      border-radius: 50%
  }

  .ko-progress-circle .ko-progress-circle__slice {
      clip: rect(0,70px,70px,35px)
  }

      .ko-progress-circle .ko-progress-circle__slice .ko-progress-circle__fill {
          clip: rect(0,35px,70px,0);
          background-color: #2c5cc5;
          border-radius: 70px
      }

  .ko-progress-circle .ko-progress-circle__overlay {
      width: 60px;
      height: 60px;
      position: absolute;
      margin-left: 5px;
      margin-top: 5px;
      line-height: 60px;
      text-align: center;
      background-color: #fff;
      border-radius: 50%
  }

  .ko-progress-circle .percentage {
      width: 36px;
      height: 19px;
      font-size: 16px;
      font-weight: 600;
      text-align: left;
      color: #183247
  }

  .ko-progress-circle[data-progress="1"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="1"] .ko-progress-circle__slice.full {
      transform: rotate(1.8deg)
  }

      .ko-progress-circle[data-progress="1"] .ko-progress-circle__fill.ko-progress-circle__bar, .ko-progress-circle[data-progress="2"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="2"] .ko-progress-circle__slice.full {
          transform: rotate(3.6deg)
      }

          .ko-progress-circle[data-progress="2"] .ko-progress-circle__fill.ko-progress-circle__bar {
              transform: rotate(7.2deg)
          }

  .ko-progress-circle[data-progress="3"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="3"] .ko-progress-circle__slice.full {
      transform: rotate(5.4deg)
  }

      .ko-progress-circle[data-progress="3"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(10.8deg)
      }

  .ko-progress-circle[data-progress="4"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="4"] .ko-progress-circle__slice.full {
      transform: rotate(7.2deg)
  }

      .ko-progress-circle[data-progress="4"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(14.4deg)
      }

  .ko-progress-circle[data-progress="5"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="5"] .ko-progress-circle__slice.full {
      transform: rotate(9deg)
  }

      .ko-progress-circle[data-progress="5"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(18deg)
      }

  .ko-progress-circle[data-progress="6"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="6"] .ko-progress-circle__slice.full {
      transform: rotate(10.8deg)
  }

      .ko-progress-circle[data-progress="6"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(21.6deg)
      }

  .ko-progress-circle[data-progress="7"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="7"] .ko-progress-circle__slice.full {
      transform: rotate(12.6deg)
  }

      .ko-progress-circle[data-progress="7"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(25.2deg)
      }

  .ko-progress-circle[data-progress="8"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="8"] .ko-progress-circle__slice.full {
      transform: rotate(14.4deg)
  }

      .ko-progress-circle[data-progress="8"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(28.8deg)
      }

  .ko-progress-circle[data-progress="9"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="9"] .ko-progress-circle__slice.full {
      transform: rotate(16.2deg)
  }

      .ko-progress-circle[data-progress="9"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(32.4deg)
      }

  .ko-progress-circle[data-progress="10"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="10"] .ko-progress-circle__slice.full {
      transform: rotate(18deg)
  }

      .ko-progress-circle[data-progress="10"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(36deg)
      }

  .ko-progress-circle[data-progress="11"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="11"] .ko-progress-circle__slice.full {
      transform: rotate(19.8deg)
  }

      .ko-progress-circle[data-progress="11"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(39.6deg)
      }

  .ko-progress-circle[data-progress="12"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="12"] .ko-progress-circle__slice.full {
      transform: rotate(21.6deg)
  }

      .ko-progress-circle[data-progress="12"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(43.2deg)
      }

  .ko-progress-circle[data-progress="13"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="13"] .ko-progress-circle__slice.full {
      transform: rotate(23.4deg)
  }

      .ko-progress-circle[data-progress="13"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(46.8deg)
      }

  .ko-progress-circle[data-progress="14"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="14"] .ko-progress-circle__slice.full {
      transform: rotate(25.2deg)
  }

      .ko-progress-circle[data-progress="14"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(50.4deg)
      }

  .ko-progress-circle[data-progress="15"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="15"] .ko-progress-circle__slice.full {
      transform: rotate(27deg)
  }

      .ko-progress-circle[data-progress="15"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(54deg)
      }

  .ko-progress-circle[data-progress="16"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="16"] .ko-progress-circle__slice.full {
      transform: rotate(28.8deg)
  }

      .ko-progress-circle[data-progress="16"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(57.6deg)
      }

  .ko-progress-circle[data-progress="17"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="17"] .ko-progress-circle__slice.full {
      transform: rotate(30.6deg)
  }

      .ko-progress-circle[data-progress="17"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(61.2deg)
      }

  .ko-progress-circle[data-progress="18"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="18"] .ko-progress-circle__slice.full {
      transform: rotate(32.4deg)
  }

      .ko-progress-circle[data-progress="18"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(64.8deg)
      }

  .ko-progress-circle[data-progress="19"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="19"] .ko-progress-circle__slice.full {
      transform: rotate(34.2deg)
  }

      .ko-progress-circle[data-progress="19"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(68.4deg)
      }

  .ko-progress-circle[data-progress="20"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="20"] .ko-progress-circle__slice.full {
      transform: rotate(36deg)
  }

      .ko-progress-circle[data-progress="20"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(72deg)
      }

  .ko-progress-circle[data-progress="21"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="21"] .ko-progress-circle__slice.full {
      transform: rotate(37.8deg)
  }

      .ko-progress-circle[data-progress="21"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(75.6deg)
      }

  .ko-progress-circle[data-progress="22"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="22"] .ko-progress-circle__slice.full {
      transform: rotate(39.6deg)
  }

      .ko-progress-circle[data-progress="22"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(79.2deg)
      }

  .ko-progress-circle[data-progress="23"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="23"] .ko-progress-circle__slice.full {
      transform: rotate(41.4deg)
  }

      .ko-progress-circle[data-progress="23"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(82.8deg)
      }

  .ko-progress-circle[data-progress="24"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="24"] .ko-progress-circle__slice.full {
      transform: rotate(43.2deg)
  }

      .ko-progress-circle[data-progress="24"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(86.4deg)
      }

  .ko-progress-circle[data-progress="25"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="25"] .ko-progress-circle__slice.full {
      transform: rotate(45deg)
  }

      .ko-progress-circle[data-progress="25"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(90deg)
      }

  .ko-progress-circle[data-progress="26"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="26"] .ko-progress-circle__slice.full {
      transform: rotate(46.8deg)
  }

      .ko-progress-circle[data-progress="26"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(93.6deg)
      }

  .ko-progress-circle[data-progress="27"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="27"] .ko-progress-circle__slice.full {
      transform: rotate(48.6deg)
  }

      .ko-progress-circle[data-progress="27"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(97.2deg)
      }

  .ko-progress-circle[data-progress="28"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="28"] .ko-progress-circle__slice.full {
      transform: rotate(50.4deg)
  }

      .ko-progress-circle[data-progress="28"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(100.8deg)
      }

  .ko-progress-circle[data-progress="29"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="29"] .ko-progress-circle__slice.full {
      transform: rotate(52.2deg)
  }

      .ko-progress-circle[data-progress="29"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(104.4deg)
      }

  .ko-progress-circle[data-progress="30"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="30"] .ko-progress-circle__slice.full {
      transform: rotate(54deg)
  }

      .ko-progress-circle[data-progress="30"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(108deg)
      }

  .ko-progress-circle[data-progress="31"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="31"] .ko-progress-circle__slice.full {
      transform: rotate(55.8deg)
  }

      .ko-progress-circle[data-progress="31"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(111.6deg)
      }

  .ko-progress-circle[data-progress="32"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="32"] .ko-progress-circle__slice.full {
      transform: rotate(57.6deg)
  }

      .ko-progress-circle[data-progress="32"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(115.2deg)
      }

  .ko-progress-circle[data-progress="33"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="33"] .ko-progress-circle__slice.full {
      transform: rotate(59.4deg)
  }

      .ko-progress-circle[data-progress="33"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(118.8deg)
      }

  .ko-progress-circle[data-progress="34"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="34"] .ko-progress-circle__slice.full {
      transform: rotate(61.2deg)
  }

      .ko-progress-circle[data-progress="34"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(122.4deg)
      }

  .ko-progress-circle[data-progress="35"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="35"] .ko-progress-circle__slice.full {
      transform: rotate(63deg)
  }

      .ko-progress-circle[data-progress="35"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(126deg)
      }

  .ko-progress-circle[data-progress="36"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="36"] .ko-progress-circle__slice.full {
      transform: rotate(64.8deg)
  }

      .ko-progress-circle[data-progress="36"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(129.6deg)
      }

  .ko-progress-circle[data-progress="37"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="37"] .ko-progress-circle__slice.full {
      transform: rotate(66.6deg)
  }

      .ko-progress-circle[data-progress="37"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(133.2deg)
      }

  .ko-progress-circle[data-progress="38"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="38"] .ko-progress-circle__slice.full {
      transform: rotate(68.4deg)
  }

      .ko-progress-circle[data-progress="38"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(136.8deg)
      }

  .ko-progress-circle[data-progress="39"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="39"] .ko-progress-circle__slice.full {
      transform: rotate(70.2deg)
  }

      .ko-progress-circle[data-progress="39"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(140.4deg)
      }

  .ko-progress-circle[data-progress="40"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="40"] .ko-progress-circle__slice.full {
      transform: rotate(72deg)
  }

      .ko-progress-circle[data-progress="40"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(144deg)
      }

  .ko-progress-circle[data-progress="41"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="41"] .ko-progress-circle__slice.full {
      transform: rotate(73.8deg)
  }

      .ko-progress-circle[data-progress="41"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(147.6deg)
      }

  .ko-progress-circle[data-progress="42"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="42"] .ko-progress-circle__slice.full {
      transform: rotate(75.6deg)
  }

      .ko-progress-circle[data-progress="42"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(151.2deg)
      }

  .ko-progress-circle[data-progress="43"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="43"] .ko-progress-circle__slice.full {
      transform: rotate(77.4deg)
  }

      .ko-progress-circle[data-progress="43"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(154.8deg)
      }

  .ko-progress-circle[data-progress="44"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="44"] .ko-progress-circle__slice.full {
      transform: rotate(79.2deg)
  }

      .ko-progress-circle[data-progress="44"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(158.4deg)
      }

  .ko-progress-circle[data-progress="45"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="45"] .ko-progress-circle__slice.full {
      transform: rotate(81deg)
  }

      .ko-progress-circle[data-progress="45"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(162deg)
      }

  .ko-progress-circle[data-progress="46"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="46"] .ko-progress-circle__slice.full {
      transform: rotate(82.8deg)
  }

      .ko-progress-circle[data-progress="46"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(165.6deg)
      }

  .ko-progress-circle[data-progress="47"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="47"] .ko-progress-circle__slice.full {
      transform: rotate(84.6deg)
  }

      .ko-progress-circle[data-progress="47"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(169.2deg)
      }

  .ko-progress-circle[data-progress="48"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="48"] .ko-progress-circle__slice.full {
      transform: rotate(86.4deg)
  }

      .ko-progress-circle[data-progress="48"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(172.8deg)
      }

  .ko-progress-circle[data-progress="49"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="49"] .ko-progress-circle__slice.full {
      transform: rotate(88.2deg)
  }

      .ko-progress-circle[data-progress="49"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(176.4deg)
      }

  .ko-progress-circle[data-progress="50"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="50"] .ko-progress-circle__slice.full {
      transform: rotate(90deg)
  }

      .ko-progress-circle[data-progress="50"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(180deg)
      }

  .ko-progress-circle[data-progress="51"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="51"] .ko-progress-circle__slice.full {
      transform: rotate(91.8deg)
  }

      .ko-progress-circle[data-progress="51"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(183.6deg)
      }

  .ko-progress-circle[data-progress="52"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="52"] .ko-progress-circle__slice.full {
      transform: rotate(93.6deg)
  }

      .ko-progress-circle[data-progress="52"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(187.2deg)
      }

  .ko-progress-circle[data-progress="53"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="53"] .ko-progress-circle__slice.full {
      transform: rotate(95.4deg)
  }

      .ko-progress-circle[data-progress="53"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(190.8deg)
      }

  .ko-progress-circle[data-progress="54"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="54"] .ko-progress-circle__slice.full {
      transform: rotate(97.2deg)
  }

      .ko-progress-circle[data-progress="54"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(194.4deg)
      }

  .ko-progress-circle[data-progress="55"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="55"] .ko-progress-circle__slice.full {
      transform: rotate(99deg)
  }

      .ko-progress-circle[data-progress="55"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(198deg)
      }

  .ko-progress-circle[data-progress="56"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="56"] .ko-progress-circle__slice.full {
      transform: rotate(100.8deg)
  }

      .ko-progress-circle[data-progress="56"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(201.6deg)
      }

  .ko-progress-circle[data-progress="57"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="57"] .ko-progress-circle__slice.full {
      transform: rotate(102.6deg)
  }

      .ko-progress-circle[data-progress="57"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(205.2deg)
      }

  .ko-progress-circle[data-progress="58"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="58"] .ko-progress-circle__slice.full {
      transform: rotate(104.4deg)
  }

      .ko-progress-circle[data-progress="58"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(208.8deg)
      }

  .ko-progress-circle[data-progress="59"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="59"] .ko-progress-circle__slice.full {
      transform: rotate(106.2deg)
  }

      .ko-progress-circle[data-progress="59"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(212.4deg)
      }

  .ko-progress-circle[data-progress="60"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="60"] .ko-progress-circle__slice.full {
      transform: rotate(108deg)
  }

      .ko-progress-circle[data-progress="60"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(216deg)
      }

  .ko-progress-circle[data-progress="61"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="61"] .ko-progress-circle__slice.full {
      transform: rotate(109.8deg)
  }

      .ko-progress-circle[data-progress="61"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(219.6deg)
      }

  .ko-progress-circle[data-progress="62"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="62"] .ko-progress-circle__slice.full {
      transform: rotate(111.6deg)
  }

      .ko-progress-circle[data-progress="62"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(223.2deg)
      }

  .ko-progress-circle[data-progress="63"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="63"] .ko-progress-circle__slice.full {
      transform: rotate(113.4deg)
  }

      .ko-progress-circle[data-progress="63"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(226.8deg)
      }

  .ko-progress-circle[data-progress="64"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="64"] .ko-progress-circle__slice.full {
      transform: rotate(115.2deg)
  }

      .ko-progress-circle[data-progress="64"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(230.4deg)
      }

  .ko-progress-circle[data-progress="65"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="65"] .ko-progress-circle__slice.full {
      transform: rotate(117deg)
  }

      .ko-progress-circle[data-progress="65"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(234deg)
      }

  .ko-progress-circle[data-progress="66"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="66"] .ko-progress-circle__slice.full {
      transform: rotate(118.8deg)
  }

      .ko-progress-circle[data-progress="66"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(237.6deg)
      }

  .ko-progress-circle[data-progress="67"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="67"] .ko-progress-circle__slice.full {
      transform: rotate(120.6deg)
  }

      .ko-progress-circle[data-progress="67"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(241.2deg)
      }

  .ko-progress-circle[data-progress="68"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="68"] .ko-progress-circle__slice.full {
      transform: rotate(122.4deg)
  }

      .ko-progress-circle[data-progress="68"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(244.8deg)
      }

  .ko-progress-circle[data-progress="69"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="69"] .ko-progress-circle__slice.full {
      transform: rotate(124.2deg)
  }

      .ko-progress-circle[data-progress="69"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(248.4deg)
      }

  .ko-progress-circle[data-progress="70"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="70"] .ko-progress-circle__slice.full {
      transform: rotate(126deg)
  }

      .ko-progress-circle[data-progress="70"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(252deg)
      }

  .ko-progress-circle[data-progress="71"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="71"] .ko-progress-circle__slice.full {
      transform: rotate(127.8deg)
  }

      .ko-progress-circle[data-progress="71"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(255.6deg)
      }

  .ko-progress-circle[data-progress="72"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="72"] .ko-progress-circle__slice.full {
      transform: rotate(129.6deg)
  }

      .ko-progress-circle[data-progress="72"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(259.2deg)
      }

  .ko-progress-circle[data-progress="73"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="73"] .ko-progress-circle__slice.full {
      transform: rotate(131.4deg)
  }

      .ko-progress-circle[data-progress="73"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(262.8deg)
      }

  .ko-progress-circle[data-progress="74"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="74"] .ko-progress-circle__slice.full {
      transform: rotate(133.2deg)
  }

      .ko-progress-circle[data-progress="74"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(266.4deg)
      }

  .ko-progress-circle[data-progress="75"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="75"] .ko-progress-circle__slice.full {
      transform: rotate(135deg)
  }

      .ko-progress-circle[data-progress="75"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(270deg)
      }

  .ko-progress-circle[data-progress="76"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="76"] .ko-progress-circle__slice.full {
      transform: rotate(136.8deg)
  }

      .ko-progress-circle[data-progress="76"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(273.6deg)
      }

  .ko-progress-circle[data-progress="77"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="77"] .ko-progress-circle__slice.full {
      transform: rotate(138.6deg)
  }

      .ko-progress-circle[data-progress="77"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(277.2deg)
      }

  .ko-progress-circle[data-progress="78"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="78"] .ko-progress-circle__slice.full {
      transform: rotate(140.4deg)
  }

      .ko-progress-circle[data-progress="78"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(280.8deg)
      }

  .ko-progress-circle[data-progress="79"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="79"] .ko-progress-circle__slice.full {
      transform: rotate(142.2deg)
  }

      .ko-progress-circle[data-progress="79"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(284.4deg)
      }

  .ko-progress-circle[data-progress="80"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="80"] .ko-progress-circle__slice.full {
      transform: rotate(144deg)
  }

      .ko-progress-circle[data-progress="80"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(288deg)
      }

  .ko-progress-circle[data-progress="81"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="81"] .ko-progress-circle__slice.full {
      transform: rotate(145.8deg)
  }

      .ko-progress-circle[data-progress="81"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(291.6deg)
      }

  .ko-progress-circle[data-progress="82"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="82"] .ko-progress-circle__slice.full {
      transform: rotate(147.6deg)
  }

      .ko-progress-circle[data-progress="82"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(295.2deg)
      }

  .ko-progress-circle[data-progress="83"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="83"] .ko-progress-circle__slice.full {
      transform: rotate(149.4deg)
  }

      .ko-progress-circle[data-progress="83"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(298.8deg)
      }

  .ko-progress-circle[data-progress="84"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="84"] .ko-progress-circle__slice.full {
      transform: rotate(151.2deg)
  }

      .ko-progress-circle[data-progress="84"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(302.4deg)
      }

  .ko-progress-circle[data-progress="85"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="85"] .ko-progress-circle__slice.full {
      transform: rotate(153deg)
  }

      .ko-progress-circle[data-progress="85"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(306deg)
      }

  .ko-progress-circle[data-progress="86"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="86"] .ko-progress-circle__slice.full {
      transform: rotate(154.8deg)
  }

      .ko-progress-circle[data-progress="86"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(309.6deg)
      }

  .ko-progress-circle[data-progress="87"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="87"] .ko-progress-circle__slice.full {
      transform: rotate(156.6deg)
  }

      .ko-progress-circle[data-progress="87"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(313.2deg)
      }

  .ko-progress-circle[data-progress="88"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="88"] .ko-progress-circle__slice.full {
      transform: rotate(158.4deg)
  }

      .ko-progress-circle[data-progress="88"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(316.8deg)
      }

  .ko-progress-circle[data-progress="89"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="89"] .ko-progress-circle__slice.full {
      transform: rotate(160.2deg)
  }

      .ko-progress-circle[data-progress="89"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(320.4deg)
      }

  .ko-progress-circle[data-progress="90"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="90"] .ko-progress-circle__slice.full {
      transform: rotate(162deg)
  }

      .ko-progress-circle[data-progress="90"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(324deg)
      }

  .ko-progress-circle[data-progress="91"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="91"] .ko-progress-circle__slice.full {
      transform: rotate(163.8deg)
  }

      .ko-progress-circle[data-progress="91"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(327.6deg)
      }

  .ko-progress-circle[data-progress="92"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="92"] .ko-progress-circle__slice.full {
      transform: rotate(165.6deg)
  }

      .ko-progress-circle[data-progress="92"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(331.2deg)
      }

  .ko-progress-circle[data-progress="93"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="93"] .ko-progress-circle__slice.full {
      transform: rotate(167.4deg)
  }

      .ko-progress-circle[data-progress="93"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(334.8deg)
      }

  .ko-progress-circle[data-progress="94"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="94"] .ko-progress-circle__slice.full {
      transform: rotate(169.2deg)
  }

      .ko-progress-circle[data-progress="94"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(338.4deg)
      }

  .ko-progress-circle[data-progress="95"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="95"] .ko-progress-circle__slice.full {
      transform: rotate(171deg)
  }

      .ko-progress-circle[data-progress="95"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(342deg)
      }

  .ko-progress-circle[data-progress="96"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="96"] .ko-progress-circle__slice.full {
      transform: rotate(172.8deg)
  }

      .ko-progress-circle[data-progress="96"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(345.6deg)
      }

  .ko-progress-circle[data-progress="97"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="97"] .ko-progress-circle__slice.full {
      transform: rotate(174.6deg)
  }

      .ko-progress-circle[data-progress="97"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(349.2deg)
      }

  .ko-progress-circle[data-progress="98"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="98"] .ko-progress-circle__slice.full {
      transform: rotate(176.4deg)
  }

      .ko-progress-circle[data-progress="98"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(352.8deg)
      }

  .ko-progress-circle[data-progress="99"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="99"] .ko-progress-circle__slice.full {
      transform: rotate(178.2deg)
  }

      .ko-progress-circle[data-progress="99"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(356.4deg)
      }

  .ko-progress-circle[data-progress="100"] .ko-progress-circle__fill, .ko-progress-circle[data-progress="100"] .ko-progress-circle__slice.full {
      transform: rotate(180deg)
  }

      .ko-progress-circle[data-progress="100"] .ko-progress-circle__fill.ko-progress-circle__bar {
          transform: rotate(360deg)
      }

.change-email {
  display: inline-block
}

.change-email-icon {
  position: relative;
  top: 5px;
  margin-right: 11px
}

.change-email-dropdown {
  width: 380px;
  height: 180px;
  border-radius: 2px;
  padding: 12px 20px;
  line-height: 0
}

.change-email-input {
  margin-top: 22px
}

  .change-email-input span {
      color: #aaafae
  }

  .change-email-input .input {
      margin-bottom: 15px
  }

      .change-email-input .input label {
          margin-top: 10px;
          color: #183247
      }

.change-email-info {
  font-size: 14px
}

.change-email-dropdown .actions {
  position: absolute;
  text-align: right;
  bottom: 0;
  right: 0;
  width: 100%;
  font-size: 13px;
  padding-right: 20px;
  line-height: 3em
}

  .change-email-dropdown .actions .btn {
      color: #2c5cc5;
      text-transform: uppercase;
      float: right
  }

      .change-email-dropdown .actions .btn:hover {
          color: #1971e3
      }

      .change-email-dropdown .actions .btn:disabled {
          opacity: .5
      }

      .change-email-dropdown .actions .btn.cancel {
          color: #6f7c87
      }

          .change-email-dropdown .actions .btn.cancel:hover {
              color: #183247
          }

.cardlist, .merge__item {
  border: 1px solid #ebedf0;
  border-radius: 3px;
  padding: 12px 16px;
  margin-bottom: 6px;
  width: 100%
}

.breadcrumb > li + li::before {
  padding: 0 1px
}

.breadcrumb__nestedItems {
  display: table-cell;
  vertical-align: middle;
  padding-right: 6px;
  font-size: 16px
}

.breadcrumb__nestedItems__container {
  display: flex
}

.breadcrumb__nestedItems__text {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 240px;
  overflow: hidden;
  padding: 0 6px
}

.breadcrumb__nestedItems__dropdown {
  padding: 8px;
  max-width: 240px;
  max-height: 200px;
  overflow: scroll
}

  .breadcrumb__nestedItems__dropdown.dropdown-normal.dropdown-menu > li > a {
      padding: 5px 6px
  }

.breadcrumb__nestedItems__trigger {
  background: #f5f7f9;
  border-radius: 4px
}

.breadcrumb__item, .breadcrumb__item:active, .breadcrumb__item:focus {
  box-shadow: none;
  border: none;
  outline: 0
}

.breadcrumb__item {
  display: table-cell;
  vertical-align: middle;
  padding-right: 6px;
  font-size: 16px
}

  .breadcrumb__item.burger-menu-trigger {
      padding-right: 15px
  }

.breadcrumb__item--arrow {
  padding-top: 4px
}

.breadcrumb-title {
  max-width: 400px
}

.breadcrumb-title--modified, .breadcrumb-title--modified-link {
  padding-top: 0
}

  .breadcrumb-title--modified-link::before {
      color: #2c5cc5
  }

.app-checkbox, .app-radio {
  display: none
}

.app-checkbox-label, .header-create-new, .timeago-units {
  display: inline-block
}

.app-checkbox-label {
  padding-left: 20px;
  line-height: 1.8;
  position: absolute
}

  .app-checkbox-label::before, .app-checkbox:checked + label::after {
      display: block;
      position: absolute;
      content: ""
  }

  .app-checkbox-label::before {
      width: 16px;
      height: 16px;
      background-color: #fff;
      border: 1px solid #cfd7df;
      top: -6px;
      left: -6px;
      border-radius: 3px
  }

.app-checkbox:checked + label::before {
  background-color: #2c5cc5;
  border: 1px solid #2c5cc5
}

.app-checkbox:checked + label::after {
  width: 9px;
  height: 5px;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: rotate(-45deg);
  top: -1px;
  left: -3px
}

.header-primary__user__item .profile-dropdown {
  padding: 0;
  min-width: 250px;
  top: 34px;
  border-radius: 4px;
  border-top: 1px #ebeff3 solid
}

.header-primary__user__item .profile-dropdown__item {
  border-bottom: 1px #ebeff3 solid;
  background-color: #fff
}

  .header-primary__user__item .profile-dropdown__item:first-child {
      background-color: #f5f7f9;
      border-radius: 2px 2px 0 0;
      line-height: 1.42857
  }

  .header-primary__user__item .profile-dropdown__item:last-child {
      border-radius: 0 2px;
      border-bottom: none
  }

.header-primary__user__item .profile-dropdown__item--link {
  cursor: pointer
}

.header-primary__user__item .profile-dropdown__item .dropdown-recent-ticket__item, .header-primary__user__item .profile-dropdown__item .text__content {
  line-height: 2
}

.header-primary__user__item .profile-dropdown__item .text__infotex {
  font-size: 12px;
  margin-top: 0;
  line-height: 1.5
}

.header-primary__user__item .profile-dropdown__item .help-text {
  background-color: #ededed;
  border-radius: 2px;
  padding: 2px 5px;
  margin-right: 2px
}

.header-primary__user__item .profile-dropdown__item .toggle-switch {
  float: right;
  padding-top: 3px;
  margin-top: 14px
}

.header-primary__user__item .profile-dropdown__textitem {
  padding: 10px 15px
}

.header-primary__user__item .profile-dropdown.dropdown-menu > li > a {
  padding: 10px 15px;
  border-radius: 2px;
  margin: 0;
  color: #183247
}

  .header-primary__user__item .profile-dropdown.dropdown-menu > li > a:hover {
      background-color: #f3f5f7
  }

.header-primary__user__item .profile-dropdown::after, .header-primary__user__item .profile-dropdown::before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none
}

.header-primary__user__item .profile-dropdown::after {
  border-color: rgba(211,219,218,0);
  border-bottom-color: #f9f9f9;
  border-width: 5px;
  margin-left: -5px;
  right: 13px
}

.header-primary__user__item .profile-dropdown::before {
  border-color: rgba(229,229,229,0);
  border-bottom-color: #ebeff3;
  border-width: 6px;
  margin-left: -6px;
  right: 12px
}

.notfound-page {
  margin: 0 auto;
  text-align: center;
  padding-top: 180px
}

  .notfound-page .not-found-image {
      padding-bottom: 20px
  }

      .notfound-page .not-found-image .app-icon--not-found {
          width: auto;
          height: 250px
      }

  .notfound-page .text--line1 {
      font-size: 30px;
      color: #183247;
      margin-bottom: 0
  }

  .notfound-page .text--line2 {
      font-size: 14px;
      color: #6f7c87;
      font-weight: 400;
      margin-bottom: 36px
  }

  .notfound-page .btn--custom-goto {
      border: 1px solid rgba(172,182,190,.5);
      color: #183247;
      background-color: transparent;
      font-size: 12px;
      letter-spacing: .2px;
      padding: 9px 15px;
      text-transform: uppercase
  }

      .notfound-page .btn--custom-goto:hover {
          background-color: #dadfe3;
          border: 1px solid rgba(172,182,190,.5);
          text-decoration: none
      }

.app-notification-bar .danger-warning, .app-notification-bar.danger-warning, .attach-error, .danger-warning {
  background-color: #ffecec
}

.internal-error-page {
  padding-top: 280px
}

  .internal-error-page .text--line2 {
      margin-bottom: 25px
  }

.no-page-title {
  font-size: 50px
}

.no-page-info {
  padding-bottom: 5px;
  color: #6f7c87
}

.placeholder-content-ticketitem {
  fill: #ebeef1
}

.header-create-new .btn.app-icon-btn .app-icon, .header-create-new > a .app-icon {
  fill: #183247
}

.header-create-new {
  position: relative
}

  .header-create-new > a:focus {
      text-decoration: none;
      color: #183247
  }

  .header-create-new > a:hover {
      text-decoration: none;
      color: #183247
  }

  .header-create-new > a .accordion-arrow {
      position: relative;
      top: 1px
  }

  .header-create-new .btn:hover {
      z-index: 3
  }

  .header-create-new .btn:not(.dropdown) {
      padding: 0 10px 0 4px
  }

@keyframes fade-in-out {
  0%,100% {
      opacity: .2
  }

  50% {
      opacity: 1
  }
}

.attach-error {
  letter-spacing: .2px;
  text-align: left;
  color: #ff2525;
  font-size: 12px;
  border-radius: 2px;
  border: 1px solid rgba(255,89,89,.1);
  height: 28px;
  line-height: 28px;
  padding-left: 10px
}

.arrow-down, .arrow-up {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent
}

.arrow-up {
  border-bottom: 5px solid #183247;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px
}

.arrow-down {
  border-top: 5px solid #183247;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px
}

.article-edit-loader__container {
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  transform: scale(1.5)
}

.basic-dropdown {
  position: relative
}

.basic-dropdown, .basic-dropdown-content, .basic-dropdown-content * {
  box-sizing: border-box
}

.basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #fff
}

.basic-dropdown-content--left {
  left: 0
}

.basic-dropdown-content--right {
  right: 0
}

.basic-dropdown-overlay {
  position: fixed;
  background: rgba(0,0,0,.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none
}

.basic-dropdown-content-wormhole-origin {
  display: inline
}

.power-select-dropdown * {
  box-sizing: border-box
}

.power-select-trigger, .select-dropdown-trigger {
  position: relative;
  background-color: #fff;
  line-height: 2;
  overflow-x: hidden;
  text-overflow: ellipsis;
  user-select: none;
  -webkit-user-select: none;
  color: inherit
}

  .power-select-trigger:after, .select-dropdown-trigger:after {
      content: "";
      display: table;
      clear: both
  }

.basic-dropdown-trigger--below.power-select-trigger[aria-expanded=true], .basic-dropdown-trigger--below[aria-expanded=true].select-dropdown-trigger, .basic-dropdown-trigger--in-place.power-select-trigger[aria-expanded=true], .basic-dropdown-trigger--in-place[aria-expanded=true].select-dropdown-trigger {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px
}

.basic-dropdown-trigger--above.power-select-trigger[aria-expanded=true], .basic-dropdown-trigger--above[aria-expanded=true].select-dropdown-trigger {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}

.power-select-placeholder {
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.power-select-status-icon, .select-dropdown-trigger__status-icon {
  position: absolute;
  margin: auto;
  border-width: 7px 4px 0;
  border-color: #999 transparent transparent
}

.power-select-clear-btn {
  position: absolute;
  cursor: pointer;
  right: 25px
}

.power-select-option[aria-selected=true], .power-select-option[aria-selected=true]:hover {
  position: relative;
  color: #2c5cc5;
  background-color: #e5f2fd
}

.power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: inline-block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: 0;
  padding: 0;
  float: left;
  background-color: transparent;
  text-indent: 0
}

  .power-select-trigger-multiple-input:disabled, .power-select-trigger[aria-disabled=true], [aria-disabled=true].select-dropdown-trigger {
      background-color: #eee
  }

  .power-select-trigger-multiple-input::placeholder {
      opacity: 1;
      color: #999
  }

  .power-select-trigger-multiple-input::-webkit-input-placeholder {
      opacity: 1;
      color: #999
  }

  .power-select-trigger-multiple-input::-moz-placeholder {
      opacity: 1;
      color: #999
  }

  .power-select-trigger-multiple-input::-ms-input-placeholder {
      opacity: 1;
      color: #999
  }

.power-select-multiple-options {
  padding: 0;
  margin: 0
}

.power-select-multiple-option {
  float: left
}

.power-select-multiple-remove-btn {
  cursor: pointer
}

.power-select-dropdown {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  line-height: 2;
  border-radius: 4px;
  box-shadow: rgba(0,0,0,.172549) 0 6px 12px 0;
  overflow: hidden;
  color: inherit
}

  .power-select-dropdown.basic-dropdown-content--above {
      transform: translateY(calc(-1 * 3px));
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px
  }

  .power-select-dropdown.basic-dropdown-content--below, .power-select-dropdown.basic-dropdown-content--in-place {
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px
  }

  .power-select-dropdown.basic-dropdown-content--in-place {
      width: 100%
  }

.power-select-options {
  list-style: none;
  margin: 0;
  user-select: none;
  -webkit-user-select: none
}

  .power-select-options[role=listbox] {
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      max-height: 15em
  }

.power-select-group[aria-disabled=true] {
  color: #999;
  cursor: not-allowed
}

  .power-select-group[aria-disabled=true] .power-select-option, .power-select-option[aria-disabled=true] {
      color: #999;
      pointer-events: none;
      cursor: not-allowed
  }

.power-select-option[aria-current=true] {
  color: inherit
}

.power-select-group-name {
  cursor: default;
  font-weight: 700
}

.power-select-group .power-select-group .power-select-group-name {
  padding-left: 24px
}

.power-select-group .power-select-group .power-select-option {
  padding-left: 40px
}

.power-select-group .power-select-option {
  padding-left: 24px
}

.power-select-group .power-select-group-name {
  padding-left: 8px
}

.power-select-trigger[dir=rtl], [dir=rtl].select-dropdown-trigger {
  padding: 0 0 0 16px
}

  .power-select-trigger[dir=rtl] .power-select-placeholder, .power-select-trigger[dir=rtl] .power-select-selected-item, [dir=rtl].select-dropdown-trigger .power-select-placeholder, [dir=rtl].select-dropdown-trigger .power-select-selected-item {
      margin-right: 8px
  }

  .power-select-trigger[dir=rtl] .power-select-multiple-option, .power-select-trigger[dir=rtl] .power-select-trigger-multiple-input, [dir=rtl].select-dropdown-trigger .power-select-multiple-option, [dir=rtl].select-dropdown-trigger .power-select-trigger-multiple-input {
      float: right
  }

  .power-select-trigger[dir=rtl] .power-select-status-icon, .power-select-trigger[dir=rtl] .select-dropdown-trigger__status-icon, [dir=rtl].select-dropdown-trigger .power-select-status-icon, [dir=rtl].select-dropdown-trigger .select-dropdown-trigger__status-icon {
      left: 5px;
      right: initial
  }

  .power-select-trigger[dir=rtl] .power-select-clear-btn, [dir=rtl].select-dropdown-trigger .power-select-clear-btn {
      left: 25px;
      right: initial
  }

.power-select-dropdown[dir=rtl] .power-select-group .power-select-group .power-select-group-name {
  padding-right: 24px
}

.power-select-dropdown[dir=rtl] .power-select-group .power-select-group .power-select-option {
  padding-right: 40px
}

.power-select-dropdown[dir=rtl] .power-select-group .power-select-option {
  padding-right: 24px
}

.power-select-dropdown[dir=rtl] .power-select-group .power-select-group-name {
  padding-right: 8px
}

.basic-dropdown-trigger--below.power-select-trigger[aria-expanded=true], .basic-dropdown-trigger--below[aria-expanded=true].select-dropdown-trigger {
  border-radius: 4px
}

.basic-dropdown-trigger {
  outline: 0
}

.basic-dropdown-overlay {
  display: none
}

.power-select-trigger, .select-dropdown-trigger {
  background: #fff;
  border: none;
  border: 1px solid #cfd7df;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  padding: 1px 24px 1px 12px;
  overflow-y: hidden;
  min-height: 32px
}

  .power-select-trigger:hover, .select-dropdown-trigger:hover {
      border: 1px solid #475867;
      transition: .2s linear
  }

  .power-select-trigger--active, .power-select-trigger:focus, .select-dropdown-trigger:focus {
      outline: 0;
      border: 1px solid transparent;
      box-shadow: 0 0 0 2px #2c5cc5
  }

      .power-select-trigger--active:hover, .power-select-trigger:focus:hover, .select-dropdown-trigger:focus:hover {
          border: 1px solid transparent
      }

.transparent-select-trigger {
  border: 1px solid transparent;
  background-color: transparent
}

  .transparent-select-trigger:hover {
      border: 1px solid transparent
  }

  .transparent-select-trigger[aria-disabled=true] {
      background-color: transparent
  }

.power-select-multiple-trigger {
  padding: 2px 24px 2px 8px
}

.power-select-status-icon, .select-dropdown-trigger__status-icon {
  right: 12px;
  content: "";
  display: inline-block;
  top: 2px;
  bottom: 5px;
  width: 5px;
  height: 5px;
  background-color: transparent;
  border-style: inherit;
  border-top: 1px solid #12344d;
  border-right: 1px solid #12344d;
  border-left: transparent;
  transform: rotate(135deg)
}

.list-filter .assignto-filter-wrap .power-select-status-icon, .list-filter .assignto-filter-wrap .select-dropdown-trigger__status-icon {
  right: -12px;
  top: 3px
}

.assignto-filter-wrap {
  position: relative
}

.basic-dropdown-trigger[aria-expanded=true] .power-select-status-icon, .basic-dropdown-trigger[aria-expanded=true] .select-dropdown-trigger__status-icon {
  transform: rotate(315deg)
}

.basic-dropdown-content--above, .basic-dropdown-content--below, .basic-dropdown-content--in-place {
  min-width: 160px;
  z-index: 1000
}

.power-select-dropdown.basic-dropdown-content--below {
  border-radius: 4px;
  border: none
}

.basic-dropdown-content--above {
  border-radius: 4px
}

.ticket-properties-dropdown {
  margin-top: 2px;
  margin-left: -16px;
  border-radius: 4px
}

.power-select-input:focus {
  border-color: #cfd7df;
  box-shadow: none
}

.power-select-option[aria-selected=true] {
  font-weight: 500
}

  .power-select-option[aria-selected=true]::before {
      position: absolute;
      right: 10px;
      top: 10px
  }

.power-select-option .template_list_icon, .power-select-option[aria-current=true] .template_list_icon {
  top: 2px;
  position: relative
}

.power-select-option[aria-disabled=true] {
  color: #acb6be
}

.power-select-option[separator=true] {
  border-top: 1px solid #000;
  margin: 10px 0
}

.power-select-option[aria-current=true] {
  background-color: #e5f2fd
}

.power-select-options {
  padding: 8px
}

.power-select-option {
  cursor: pointer;
  padding: 7px 30px 7px 8px;
  font-size: 14px;
  border-radius: 4px;
  line-height: 1.3;
  margin: 5px 0;
  word-break: break-word;
  -ms-word-wrap: break-word;
  word-wrap: break-word
}

  .power-select-option:hover {
      background-color: #ebeff3
  }

  .power-select-option .article-folder-name {
      max-width: calc(100% - 100px);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: inline-block
  }

.power-select-search {
  padding: 0
}

.power-select-search-input {
  border: 0;
  border-radius: 0;
  width: 100%;
  line-height: inherit;
  height: 40px;
  padding: 0 10px 2px;
  border-bottom: 1px solid #acb6be;
  font-size: 12px;
  font-weight: 500
}

  .power-select-search-input:focus {
      border: 0;
      border-bottom: 1px solid #2c5cc5;
      box-shadow: none;
      outline: 0
  }

.power-select-search-input-trigger {
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: inline-block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: 0;
  height: auto;
  padding: 0;
  border-bottom: 0;
  background-color: transparent;
  text-indent: 0
}

.input .help-block, .input label {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif
}

.power-select-search-input-trigger:focus {
  border: 0;
  box-shadow: none;
  outline: 0;
  border-bottom: 0
}

.drop-small__options {
  width: 200px
}

  .drop-small__options .power-select-trigger, .drop-small__options .power-select-trigger--active, .drop-small__options .power-select-trigger:focus, .drop-small__options .power-select-trigger:hover, .drop-small__options .select-dropdown-trigger, .drop-small__options .select-dropdown-trigger:focus, .drop-small__options .select-dropdown-trigger:hover {
      border-color: transparent
  }

.power-select-multiple-option {
  padding: 0;
  line-height: 1.4;
  border-radius: 4px;
  background-color: #ebeff2;
  border: none;
  font-size: 12px;
  color: #183247;
  margin: 2px;
  display: flex
}

.power-select-multiple-options .power-select-trigger-multiple-input {
  line-height: 1.8;
  margin-left: 3px;
  max-width: 100%
}

.power-select-multiple-options ::-webkit-input-placeholder {
  color: #acb6be
}

.power-select-multiple-options ::-moz-placeholder {
  color: #acb6be
}

.power-select-multiple-options :-ms-input-placeholder {
  color: #acb6be
}

.power-select-multiple-options :-moz-placeholder {
  color: #acb6be
}

.power-select-multiple-remove-btn {
  color: #1c3a52;
  padding: 3px 8px 5px;
  font-size: 16px;
  border-radius: 4px;
  line-height: normal;
  position: relative;
  left: 0;
  height: 100%
}

  .power-select-multiple-remove-btn:hover {
      background-color: #cfd7df
  }

  .power-select-multiple-remove-btn:not(:hover) {
      opacity: 1;
      color: #6f7c87
  }

.power-select-placeholder, .from-muted {
  color: #acb6be
}

.dropdown-select .power-select-trigger, .dropdown-select .select-dropdown-trigger, .ticket-list-dropselect .power-select-trigger, .ticket-list-dropselect .select-dropdown-trigger {
  border: none
}

  .dropdown-select .power-select-trigger--active, .dropdown-select .power-select-trigger:focus, .dropdown-select .select-dropdown-trigger:focus, .ticket-list-dropselect .power-select-trigger--active, .ticket-list-dropselect .power-select-trigger:focus, .ticket-list-dropselect .select-dropdown-trigger:focus {
      box-shadow: none
  }

  .dropdown-select .power-select-trigger .trigger-power-select, .dropdown-select .select-dropdown-trigger .trigger-power-select, .ticket-list-dropselect .power-select-trigger .trigger-power-select, .ticket-list-dropselect .select-dropdown-trigger .trigger-power-select {
      display: block
  }

.dropdown-select[class*=hint--], .ticket-list-dropselect[class*=hint--] {
  display: inherit
}

.dropdown-select .power-select-status-icon, .dropdown-select .select-dropdown-trigger__status-icon, .ticket-list-dropselect .power-select-status-icon, .ticket-list-dropselect .select-dropdown-trigger__status-icon {
  right: inherit;
  margin-left: 7px;
  top: 4px
}

.power-select-placeholder, .power-select-selected-item {
  margin-left: 0
}

.power-select-dropdown.basic-dropdown-content--below, .power-select-dropdown.basic-dropdown-content--in-place {
  transform: translateY(2px)
}

.power-select-dropdown.basic-dropdown-content--above {
  animation: drop-fade-above .15s;
  border-radius: 4px
}

.power-select-inline-dropdown {
  display: inline-block;
  padding-right: 5px
}

.calendar-dropdown {
  z-index: 1001;
  min-width: 100px;
  margin-top: 5px
}

.basic-dropdown-content--below.basic-dropdown--transitioning-in {
  animation: drop-fade-below .15s
}

.basic-dropdown-content--below.basic-dropdown--transitioning-out {
  animation: fadeOut .2s
}

.basic-dropdown-content--above.basic-dropdown--transitioning-in {
  animation: drop-fade-above .15s
}

.basic-dropdown-content--above.basic-dropdown--transitioning-out {
  animation: fadeOut .2s
}

.power-select-option--loading-message, .power-select-option--no-matches-message, .power-select-option--search-message {
  cursor: default
}

  .power-select-option--loading-message:hover, .power-select-option--no-matches-message:hover, .power-select-option--search-message:hover {
      background-color: transparent
  }

.from-muted {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.department-selector-trigger .power-select-placeholder {
  color: unset
}

.basic-dropdown-trigger--above.power-select-trigger[aria-expanded=true], .basic-dropdown-trigger--above[aria-expanded=true].select-dropdown-trigger, .basic-dropdown-trigger--below.power-select-trigger[aria-expanded=true], .basic-dropdown-trigger--below[aria-expanded=true].select-dropdown-trigger, .basic-dropdown-trigger--in-place.power-select-trigger[aria-expanded=true], .basic-dropdown-trigger--in-place[aria-expanded=true].select-dropdown-trigger {
  border-radius: 4px;
  border: 1px solid transparent;
  box-shadow: 0 0 0 2px #2c5cc5
}

.kbase-all-folders-select .power-select-options {
  padding-top: 2px;
  padding-bottom: 2px
}

.kbase-all-folders-select > .power-select-options > .power-select-group > .power-select-group-name {
  text-transform: uppercase;
  padding-left: 14px
}

.kbase-all-folders-select > .power-select-options > .power-select-group {
  border-top: 1px dashed #cfd7df;
  margin-top: 5px;
  padding-top: 5px
}

  .kbase-all-folders-select > .power-select-options > .power-select-group:first-child {
      border-top: none
  }

.kbase-all-folders-select .power-select-group .power-select-group .power-select-option, .kbase-all-folders-select .power-select-group .power-select-group-name, .kbase-all-folders-select .power-select-option {
  padding-left: 7px
}

.kbase-all-folders-select .power-select-group .power-select-group .power-select-group-name:first-child {
  color: #647a8e;
  font-weight: 500
}

.kbase-all-folders-select .power-select-options .power-select-options .power-select-options {
  padding-left: 10px;
  padding-right: 10px
}

.power-select-multiple-check {
  min-width: 240px;
  line-height: initial
}

  .power-select-multiple-check .input {
      margin: 0
  }

  .power-select-multiple-check .power-select-option[aria-selected=true]::before {
      content: ""
  }

  .power-select-multiple-check .power-select-option[aria-disabled=true] {
      opacity: .5
  }

.power-select-single-check {
  min-width: 200px;
  line-height: initial
}

  .power-select-single-check .input {
      margin: 0
  }

  .power-select-single-check .power-select-option[aria-selected=true]::before {
      content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='12px' height='9px' viewBox='0 0 12 9' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.4 (67378) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3ECheck%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3Cpath d='M4.17095654,7.28764233 C3.74936256,6.89579049 3.08481084,6.91447629 2.68663874,7.32937825 C2.28846663,7.7442802 2.30745383,8.39828338 2.72904782,8.79013522 L5.87904631,11.7179111 C6.3006403,12.109763 6.96519201,12.0910772 7.36336412,11.6761752 L13.3133613,5.47617918 C13.7115334,5.06127722 13.6925462,4.40727405 13.2709522,4.0154222 C12.8493582,3.62357036 12.1848065,3.64225616 11.7866344,4.05715812 L6.55759159,9.50590771 L4.17095654,7.28764233 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='TD-with-Freddy-4-Email' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='ticket-detail--open-copy-2' transform='translate(-1054.000000, -997.000000)'%3E%3Cg id='Group-92' transform='translate(880.000000, 828.000000)'%3E%3Cg id='Group-26'%3E%3Cg id='Group-7' transform='translate(0.000000, 54.000000)'%3E%3Cg id='Group-2' transform='translate(16.000000, 104.000000)'%3E%3Cg id='Icon/new/Check' transform='translate(156.000000, 8.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cuse id='save' fill='%23000000' fill-rule='nonzero' xlink:href='%23path-1'%3E%3C/use%3E%3Cg id='Color/Blue-(Hype)' mask='url(%23mask-2)' fill='%232C5CC5' fill-rule='evenodd'%3E%3Crect id='Color---Jade' x='0' y='0' width='15.8024691' height='15.8024691'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
  }

.select-field-count {
  display: flex;
  align-items: center
}

.widget-header-dropdown .select-field-count {
  height: 18px
}

  .widget-header-dropdown .select-field-count .power-select-trigger, .widget-header-dropdown .select-field-count .select-dropdown-trigger {
      min-height: inherit;
      line-height: inherit
  }

  .select-field-count .power-select-trigger, .select-field-count .select-dropdown-trigger, .widget-header-dropdown .select-field-count .power-select-trigger, .widget-header-dropdown .select-field-count .select-dropdown-trigger {
      background: 0 0;
      border: 1px solid transparent
  }

.power-select-multiple-check .power-select-options-search, .power-select-single-check .power-select-options-search {
  position: relative;
  padding: 12px;
  margin: 0;
  border-bottom: 1px solid #ebeff3
}

  .power-select-multiple-check .power-select-options-search .power-select-search-input, .power-select-single-check .power-select-options-search .power-select-search-input {
      height: initial
  }

  .power-select-multiple-check .power-select-options-search input[type=text], .power-select-single-check .power-select-options-search input[type=text] {
      margin: 0
  }

  .power-select-multiple-check .power-select-options-search .search-icon, .power-select-single-check .power-select-options-search .search-icon {
      position: absolute;
      right: 20px;
      top: 10px
  }

  .power-select-multiple-check .power-select-options-search .maxlimit-warning, .power-select-single-check .power-select-options-search .maxlimit-warning {
      font-size: 12px;
      color: #576c7d;
      background: #f5f7f9;
      border-radius: 4px
  }

  .power-select-multiple-check .power-select-options-search .text-field, .power-select-single-check .power-select-options-search .text-field {
      margin-top: 0
  }

.fresh-table {
  table-layout: fixed;
  padding-bottom: 10px;
  transition: opacity .2s;
  overflow-x: auto
}

  .fresh-table .expand-button {
      background-color: #f5f7f9;
      border-radius: 2px;
      color: #183247;
      padding: 2px 10px 3px 8px
  }

  .fresh-table .no-record {
      text-align: center
  }

  .fresh-table .column-sortable {
      cursor: pointer;
      font-weight: 700
  }

      .fresh-table .column-sortable .asc.icon-rightbullet::before {
          transform: rotate(90deg)
      }

      .fresh-table .column-sortable .desc.icon-rightbullet::before {
          transform: rotate(-90deg)
      }

  .fresh-table .list .body-row:hover, .fresh-table .list .lt-row:hover {
      transition: .2s ease;
      background-color: #f3f5f7
  }

      .fresh-table .list .body-row:hover .dropdown-toggle, .fresh-table .list .lt-row:hover .dropdown-toggle {
          border: 1px solid #dadfe3
      }

  .fresh-table .list thead .lt-column:first-child > div, .fresh-table .list thead th:first-child > div, .lt-head .lt-column:first-child > div {
      border-left: none
  }

  .fresh-table .list .body-row:hover .more-action, .fresh-table .list .lt-row:hover .more-action {
      transition: .3s ease;
      opacity: 1
  }

  .fresh-table .list .body-row:hover .table-subject, .fresh-table .list .lt-row:hover .table-subject {
      color: #2c5cc5
  }

  .fresh-table .list .body-row.lt-is-loading:hover, .fresh-table .list .lt-row.lt-is-loading:hover {
      transition: none;
      background: 0 0
  }

  .fresh-table .list .body-row--selected, .fresh-table .list .body-row.is-selected, .fresh-table .list .lt-row--selected, .fresh-table .list .lt-row.is-selected {
      background-color: #fffdf6
  }

  .fresh-table .list .body-row--disabled, .fresh-table .list .lt-row--disabled {
      background-color: #f5f7f9;
      color: #acb6be
  }

      .fresh-table .list .body-row--disabled .table-subject, .fresh-table .list .lt-row--disabled .table-subject {
          color: #acb6be
      }

      .fresh-table .list .body-row--disabled .bcell-template .pull-right, .fresh-table .list .lt-row--disabled .bcell-template .pull-right {
          display: none
      }

      .fresh-table .list .body-row--disabled:hover, .fresh-table .list .lt-row--disabled:hover {
          background-color: #f5f7f9
      }

          .fresh-table .list .body-row--disabled:hover .table-subject, .fresh-table .list .lt-row--disabled:hover .table-subject {
              color: #acb6be
          }

  .fresh-table .list tbody tr:last-child td:first-child {
      border-radius: 0 0 0 3px
  }

  .fresh-table .list tbody tr:last-child td:last-child {
      border-radius: 0 0 3px
  }

  .fresh-table .list tbody tr .custom-checkbox {
      margin-bottom: 0
  }

  .fresh-table .list tbody tr .gravity-loader {
      left: -2px
  }

  .fresh-table .list tbody tr.lt-expanded-row {
      background-color: #f5f7f9
  }

      .fresh-table .list tbody tr.lt-expanded-row > td {
          padding: 7px 7px 7px 135px
      }

  .fresh-table .list .expanded-table tbody td:first-child {
      padding-left: 10px
  }

  .fresh-table .list .expanded-table td {
      background-color: #f5f7f9;
      border: none
  }

  .fresh-table .list .expanded-table th {
      padding: 0
  }

      .fresh-table .list .expanded-table th:first-child {
          padding-left: 70px
      }

  .fresh-table .list .expanded-table .list thead th:nth-child(2) > div {
      left: 0
  }

  .fresh-table .list thead .lt-column:nth-child(2) > div, .fresh-table .list thead th:nth-child(2) > div, .lt-head .lt-column:nth-child(2) > div {
      left: -5px
  }

  .fresh-table .list tbody td {
      vertical-align: middle;
      display: table-cell
  }

      .fresh-table .list tbody td:first-child {
          padding-right: 0;
          padding-left: 17px;
          padding-top: 8px
      }

      .fresh-table .list tbody td:nth-child(2) {
          padding-left: 0
      }

      .fresh-table .list tbody td > div {
          position: relative
      }

  .fresh-table .list thead .lt-column, .fresh-table .list thead th {
      background-color: #f5f7f9;
      color: inherit
  }

      .fresh-table .list thead .lt-column > div, .fresh-table .list thead th > div {
          padding: 7px 0;
          position: relative
      }

      .fresh-table .list thead .lt-column:first-child, .fresh-table .list thead th:first-child {
          padding-right: 0;
          padding-left: 10px;
          border-radius: 3px 0 0
      }

      .fresh-table .list thead .lt-column:nth-child(2), .fresh-table .list thead th:nth-child(2) {
          padding-left: 0
      }

      .fresh-table .list thead .lt-column:last-child, .fresh-table .list thead th:last-child {
          border-radius: 0 3px 0 0
      }

  .fresh-table .agents-list tbody tr.lt-expanded-row > td {
      padding-left: 100px
  }

  .fresh-table .table-cell {
      width: 220px
  }

  .fresh-table .table-nodata {
      width: 100%
  }

  .fresh-table .table-spinner {
      margin: auto
  }

.lt-head .lt-column {
  background-color: #f7f9fa;
  color: #6f7c87;
  display: table-cell;
  padding: 15px 15px 15px 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

  .lt-head .lt-column > div {
      padding: 7px 0;
      position: relative
  }

  .lt-head .lt-column:first-child {
      padding-right: 0;
      padding-left: 20px;
      border-radius: 3px 0 0
  }

  .lt-head .lt-column:nth-child(2) {
      padding-left: 0
  }

  .lt-head .lt-column:last-child {
      border-radius: 0 3px 0 0
  }

.list-loading {
  opacity: .65
}

.light-table {
  overflow: inherit
}

  .light-table .lt-row.is-selectable {
      cursor: default
  }

.table-subject {
  line-height: 1.14;
  margin-left: 30px;
  font-size: 13px;
  color: #183247
}

.table-text-wrap {
  white-space: nowrap;
  width: 11em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block
}

.table-header th {
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: .056em
}

.tickets__pagination td {
  background-color: #f7f9fa;
  padding-left: 15px;
  padding-top: 15px;
  padding-bottom: 0
}

.inprogress .table-has-content {
  opacity: .65;
  cursor: not-allowed
}

.list .tag {
  display: inline-block
}

.avatar-info-cell {
  display: flex;
  align-items: center
}

.avatar-image {
  padding-right: 10px
}

.fresh-table .light-table {
  overflow: visible
}

.fresh-table .list tbody .lt-cell-truncate {
  word-wrap: break-word;
  padding-right: 10px
}

.fresh-table .list tbody .lt-cell-autorefresh {
  padding-right: 5px
}

.fixed-header tbody::before {
  height: 64px;
  display: block;
  content: ""
}

.customer-table .list thead th {
  display: inline-block
}

.customer-table .list td {
  padding: 7px 5px
}

.list-auto-refresh-icon {
  width: 18px;
  height: 18px;
  margin-top: 5px
}

.delete-row-info {
  min-width: 55px
}

.delete-row-info__text {
  position: absolute;
  right: 20px;
  min-width: 60px
}

.delete-row-info__icon {
  margin-left: 40px;
  cursor: pointer
}

.fresh-list .no-record {
  text-align: center;
  padding: 20px 0
}

.filter-items-container {
  margin: 10px 0;
  padding-right: 10px
}

  .filter-items-container .app-icon-btn--filter-search {
      float: right;
      margin-top: -46px;
      position: absolute;
      right: 23px
  }

      .filter-items-container .app-icon-btn--filter-search .app-icon {
          width: 14px;
          height: 14px;
          fill: #12344d
      }

.app-form .filter-item {
  margin: 0 0 20px
}

  .app-form .filter-item .power-select {
      margin: 2px 0
  }

  .app-form .filter-item .power-select-selected-item {
      font-weight: 500
  }

  .app-form .filter-item .error .help-block {
      color: #d72d30
  }

  .app-form .filter-item:first-child {
      margin-top: 0
  }

.app-form .filter-field-title {
  color: #475867;
  font-size: 12px;
  font-weight: 500;
  padding-bottom: 4px
}

  .app-form .filter-field-title:not(.shared-ownership-label) {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap
  }

.app-form span.filter-field-title {
  display: inline-block;
  width: 100%
}

.app-form .secondary-filter {
  padding-top: 12px;
  padding-left: 10px;
  border-left: 1px dashed #cfd7df
}

  .app-form .secondary-filter .number-filter.input {
      margin-bottom: 10px
  }

      .app-form .secondary-filter .number-filter.input .input:last-of-type {
          margin-bottom: 0
      }

.app-form .secondary-filter--date-range .input {
  display: block
}

  .app-form .secondary-filter--date-range .input input[type=text] {
      margin-top: 25px
  }

      .app-form .secondary-filter--date-range .input input[type=text] + label {
          top: 0
      }

.power-calendar-nav {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between
}

  .power-calendar-days, .power-calendar-days *, .power-calendar-nav * {
      box-sizing: border-box
  }

.power-calendar-nav-title {
  flex: 1;
  text-align: center
}

.power-calendar-row {
  display: flex;
  justify-content: space-between
}

.power-calendar-day, .power-calendar-weekday {
  flex: 1 1 100%;
  padding: 0;
  -webkit-appearance: none;
  background-color: initial
}

.power-calendar-weekday {
  border: none;
  border: initial;
  outline: 0;
  outline: initial;
  justify-content: center;
  display: flex;
  align-items: center
}

.editor-forward .fr-quoted-controls:hover .fr-quoted-marker-remove, .editor-wrapper .editor-errorText, .fr-active-item .fr-selected-color {
  display: none
}

.power-calendar-day {
  border: none;
  border: initial;
  outline: 0;
  outline: initial;
  font-size: inherit;
  align-items: center;
  justify-content: center
}

.power-calendar {
  box-sizing: border-box;
  position: relative;
  font-size: 14px;
  line-height: 1.42857
}

.power-calendar-nav {
  line-height: 2
}

.power-calendar-nav-control {
  -webkit-appearance: none;
  background-color: initial;
  border: none;
  border: initial;
  outline: 0;
  outline: initial;
  line-height: 1;
  font-size: 150%
}

  .power-calendar-nav-control:focus {
      transform: scale(1.2)
  }

.power-calendar-day--selected, .power-calendar-day--selected:not([disabled]):hover {
  font-weight: 700
}

.power-calendar-day--interactive[disabled] {
  opacity: .4
}

.editor .fr-basic .fr-wrapper {
  box-shadow: none;
  border: 0
}

.editor-submission {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 5
}

.editor-wrapper .attachment {
  padding: 10px 0
}

.editor-wrapper .fr-element {
  padding: 0
}

.editor-wrapper .caption {
  margin-bottom: 15px
}

#editor-toolbar, .editor-toolbar {
  position: relative;
  z-index: 4
}

  #editor-toolbar .fr-toolbar, .editor-toolbar .fr-toolbar {
      border-top: 0;
      box-shadow: none;
      padding-left: 27px;
      border-radius: 0 0 3px 3px
  }

.app-attachment {
  position: absolute;
  z-index: 10;
  bottom: 9px;
  left: 12px
}

.ticket-editor__bodytext {
  position: relative;
  min-height: 145px;
  overflow: auto;
  transition: max-height .3s ease
}

  .ticket-editor__bodytext:not(.fullscreen-modal .ticket-editor__bodytext) {
      max-height: 450px
  }

.loader-editor {
  position: absolute;
  left: 15px;
  z-index: 99999;
  top: 12px;
  width: 6em;
  height: 6em
}

.fr-tooltip {
  box-shadow: none;
  font-weight: 400
}

.gmail_drive_chip {
  height: auto !important;
  max-height: auto !important
}

.fr-popup .fr-input-line input[type=text]:not(.fr-not-empty) + label, .fr-popup .fr-input-line textarea:not(.fr-not-empty) + label {
  width: auto;
  left: 12px;
  top: 29px
}

.fr-popup .fr-input-line input[type=text]:focus, .fr-popup .fr-input-line textarea:focus {
  border-width: 1px;
  box-shadow: none;
  padding: 4px 12px
}

  .fr-popup .fr-input-line input[type=text]:focus + label, .fr-popup .fr-input-line textarea:focus + label {
      font-size: 11px;
      color: grey
  }

.fr-popup .fr-command.fr-btn {
  text-align: center
}

.fr-popup .fr-buttons .fr-btn {
  float: left
}

.fa-eraser {
  padding-top: 6px;
  margin-left: -2px
}

.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab, .fr-popup .fr-colors-tabs .fr-colors-tab:focus, .fr-popup .fr-colors-tabs .fr-colors-tab:hover {
  color: #2c5cc5
}

.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1=background]::after {
  background: #2c5cc5
}

.fr-btn .app-icon--small {
  fill: #183247
}

.fr-active-item::before {
  position: absolute;
  content: "✔";
  font-size: 11px;
  color: #fff;
  box-sizing: border-box;
  top: 12px;
  left: 9px
}

.fr-popup .fr-command.fr-btn.fr-dropdown::after {
  right: 2px
}

.fr-popup .fr-command.fr-btn.fr-dropdown i {
  margin-left: 12px
}

.fr-popup .fr-command.fr-btn.fr-active svg {
  fill: #2c5cc5
}

.input {
  position: relative
}

  .input.no-margin-bottom {
      margin-bottom: 0
  }

  .input label {
      color: #475867;
      font-weight: 400;
      cursor: text
  }

.input--small {
  max-width: 280px
}

.input .help-block {
  font-size: 11px;
  margin-top: 3px;
  color: #acb6be;
  position: inherit;
  margin-bottom: 0;
  -webkit-font-smoothing: antialiased
}

.input.has-content input[type=date] + label, .input.has-content input[type=email] + label, .input.has-content input[type=number] + label, .input.has-content input[type=password] + label, .input.has-content input[type=text] + label, .input.has-content textarea + label {
  font-size: 12px
}

.input.required {
  position: relative
}

  .input.required .label-field::after {
      content: "*";
      position: relative;
      top: 2px;
      font-size: 14px;
      color: #d72d30;
      padding-left: 2px;
      font-weight: 700
  }

.input input[type=date], .input input[type=email], .input input[type=number], .input input[type=password], .input input[type=text], .input textarea {
  width: 100%;
  border: 0;
  border: 1px solid #cfd7df;
  margin: 5px 0 0;
  border-radius: 4px;
  padding: 4px 12px 5px;
  resize: none;
  background-color: #fff;
  box-shadow: none;
  min-height: 32px
}

  .input input[type=date]:focus, .input input[type=email]:focus, .input input[type=number]:focus, .input input[type=password]:focus, .input input[type=text]:focus, .input textarea:focus {
      outline: 0;
      background: #fff;
      border: 1px solid transparent;
      box-shadow: 0 0 0 2px #2c5cc5
  }

      .input input[type=date]:focus + label, .input input[type=email]:focus + label, .input input[type=number]:focus + label, .input input[type=password]:focus + label, .input input[type=text]:focus + label, .input textarea:focus + label {
          color: #2c5cc5;
          font-size: 12px
      }

  .input input[type=date][disabled], .input input[type=email][disabled], .input input[type=number][disabled], .input input[type=password][disabled], .input input[type=text][disabled], .input textarea[disabled] {
      color: #cfd7df;
      background-color: #fff;
      border-style: dashed
  }

      .input input[type=date][disabled] + label, .input input[type=email][disabled] + label, .input input[type=number][disabled] + label, .input input[type=password][disabled] + label, .input input[type=text][disabled] + label, .input textarea[disabled] + label {
          color: #cfd7df
      }

  .input input[type=date] + label, .input input[type=email] + label, .input input[type=number] + label, .input input[type=password] + label, .input input[type=text] + label, .input textarea + label {
      width: 100%;
      position: absolute;
      left: 0;
      top: 17px;
      margin-bottom: 2px;
      transition: all .3s ease
  }

  .input textarea label {
      top: 28px
  }

.input.error .editor, .input.error .power-select-trigger, .input.error .select-dropdown-trigger, .input.error input[type=date], .input.error input[type=email], .input.error input[type=number], .input.error input[type=password], .input.error input[type=text], .input.error textarea {
  border-color: #d72d30
}

  .input.error .editor:focus, .input.error .power-select-trigger:focus, .input.error .select-dropdown-trigger:focus, .input.error input[type=date]:focus, .input.error input[type=email]:focus, .input.error input[type=number]:focus, .input.error input[type=password]:focus, .input.error input[type=text]:focus, .input.error textarea:focus {
      box-shadow: none;
      border-color: #d72d30
  }

  .input.error .editor:hover, .input.error .power-select-trigger:hover, .input.error .select-dropdown-trigger:hover, .input.error input[type=date]:hover, .input.error input[type=email]:hover, .input.error input[type=number]:hover, .input.error input[type=password]:hover, .input.error input[type=text]:hover, .input.error textarea:hover {
      border-color: #d72d30
  }

.input.error.help-block {
  color: #d72d30
}

.input .text-area:hover, .input .text-field:hover {
  border: 1px solid #475867;
  transition: .2s linear
}

.input .text-area:focus {
  border: 1px solid transparent;
  transition: .2s linear
}

.input .input textarea:focus + label, .input .input textarea[value] + label {
  font-size: 12px
}

.field-radio-group {
  margin-bottom: 15px
}

.powerselect-dropdown {
  margin: 24px 0
}

.mandatory-fields {
  padding: 12px;
  border: 1px solid #ebeff3;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #f5f7f9
}

.app-form {
  position: relative;
  margin-top: 15px
}

  .app-form.disabled:first-child {
      margin-top: 30px
  }

.app-form__medium {
  max-width: 900px
}

.app-form div.disabledField {
  border: 1px solid #ebeff3;
  color: #92a2b1;
  background-color: #f5f7f9;
  max-height: 32px;
  padding: 4px 12px 5px;
  border-radius: 4px;
  word-break: break-all
}

  .app-form div.disabledField.multilineTextArea {
      max-height: 96px;
      overflow: auto
  }

  .app-form div.disabledField .filter-multiline-field-value {
      margin: 0;
      font-family: inherit
  }

.app-form .contact-custom-password .label-field, .app-form .custom-label, .app-form .editor-create-ticket .caption, .app-form .editor-edit-note .caption, .app-form .input .power-select-placeholder, .app-form .input label, .app-form .multi-selection-label {
  font-size: 12px;
  color: #475867;
  font-weight: 500;
  margin-bottom: 0;
  padding-bottom: 4px
}

.app-form .department-selector-form .power-select-placeholder {
  font-size: 14px;
  padding-bottom: 2px
}

.app-form .editor-create-ticket .caption, .app-form .editor-edit-note .caption, .app-form .input .power-select-placeholder {
  cursor: text
}

.app-form .input input[type=date], .app-form .input input[type=email], .app-form .input input[type=number], .app-form .input input[type=password], .app-form .input input[type=text], .app-form .input textarea {
  margin-top: 0
}

.app-form .checkbox-field {
  margin-bottom: 0
}

  .app-form .checkbox-field .input {
      margin-bottom: 12px
  }

  .app-form .checkbox-field .help-block {
      margin-top: -5px
  }

  .app-form .checkbox-field label {
      margin-top: -1px
  }

  .app-form .checkbox-field::after {
      border-bottom: none
  }

.app-form .checkbox-field--normal .label-field {
  font-size: 14px;
  font-weight: 400
}

.app-form .checkbox-group .checkbox-field > .input {
  margin-bottom: 8px
}

.app-form .input {
  display: inline-block;
  width: 100%
}

  .app-form .input.create-tracker-requester .power-select-placeholder {
      color: #acb6be
  }

  .app-form .input.encrypted-text input, .app-form .input.encrypted-text:focus input {
      background-color: #fff7ec;
      line-height: 1.8;
      padding-right: 20px
  }

.app-form .custom-checkbox.input {
  margin: 0
}

.app-form .has-content .custom-checkbox label {
  color: #183247
}

.app-form .nested-fields {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px
}

  .app-form .nested-fields .nested-filter {
      padding-left: 10px;
      margin-top: 5px
  }

      .app-form .nested-fields .nested-filter .power-select-trigger, .app-form .nested-fields .nested-filter .select-dropdown-trigger {
          margin-top: 5px
      }

  .app-form .nested-fields .nested-sub-fields {
      border-left: 1px solid #cfd7df
  }

.app-form .inline-field {
  height: 24px;
  width: auto;
  display: flex;
  align-items: center
}

  .app-form .inline-field .input, .app-form .inline-field.input {
      margin-bottom: 0
  }

  .app-form .inline-field .power-select-trigger, .app-form .inline-field .select-dropdown-trigger {
      padding-left: 4px;
      min-height: 24px;
      line-height: 1.2;
      display: flex;
      align-items: center;
      cursor: pointer
  }

      .app-form .inline-field .power-select-trigger .power-select-selected-item, .app-form .inline-field .select-dropdown-trigger .power-select-selected-item {
          padding-bottom: 0
      }

.app-form .power-select-trigger, .app-form .select-dropdown-trigger {
  overflow: visible;
  min-height: 32px;
  padding: 0 24px 0 12px
}

.app-form .power-select-multiple-trigger {
  padding: 2px 24px 2px 8px
}

.app-form .power-select-placeholder {
  transition: all .3s ease;
  overflow: hidden
}

.app-form .hasContent .power-select-placeholder {
  color: #183247;
  font-size: 12px
}

.app-form .hasContent .power-select-selected-item {
  font-weight: 500
}

.app-form .archived-option .power-select-selected-item {
  color: #acb6be
}

.app-form .power-select-selected-item {
  font-size: 14px;
  color: #183247;
  display: block;
  padding-bottom: 2px
}

.app-form .calendar-controls .power-select-trigger, .app-form .calendar-controls .select-dropdown-trigger {
  overflow: auto;
  margin-top: 0
}

.app-form .calendar-controls .power-select-trigger--active {
  border-bottom: 0
}

.app-form .calendar-controls .power-select-selected-item {
  font-size: inherit;
  color: inherit;
  line-height: 2;
  font-weight: 100
}

.app-form .add-time .help-block {
  position: relative
}

.app-form .error .help-block {
  color: #d72d30
}

.app-form .radio-box.input {
  display: flex;
  max-width: 100%
}

.app-form .radio-box--option {
  width: 280px;
  height: 56px;
  border: 1px solid #cfd7df;
  border-radius: 4px;
  margin-right: 20px;
  padding: 8px;
  position: relative;
  font-size: 14px;
  font-weight: 600
}

  .app-form .radio-box--option.selected {
      border: 1px solid #2c5cc5;
      background-color: #e5f2fd
  }

  .app-form .radio-box--option:not(.selected):hover {
      background-color: #ebeff3
  }

  .app-form .radio-box--option.disabled, .app-form .radio-box--option.disabled:hover {
      background-color: #ebeff3;
      border-color: #cfd7df
  }

      .app-form .radio-box--option.disabled .custom-radio-button::before, .app-form .radio-box--option.disabled input:checked + .custom-radio-button::before, .app-form .radio-box--option.disabled:hover .custom-radio-button::before, .app-form .radio-box--option.disabled:hover input:checked + .custom-radio-button::before {
          border: 1px solid #cfd7df
      }

      .app-form .radio-box--option.disabled .custom-radio-button::after, .app-form .radio-box--option.disabled input:checked + .custom-radio-button::after, .app-form .radio-box--option.disabled:hover .custom-radio-button::after, .app-form .radio-box--option.disabled:hover input:checked + .custom-radio-button::after {
          background-color: #92a2b1
      }

  .app-form .radio-box--option input {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      cursor: pointer
  }

  .app-form .radio-box--option > label {
      font-size: 14px
  }

  .app-form .radio-box--option .help-text {
      color: #475867;
      font-size: 12px;
      font-weight: 400;
      margin-left: 20px
  }

.editor-create-ticket {
  border-radius: 4px;
  border: 1px solid #cfd7df
}

  .editor-create-ticket .ticket-editor__bodytext {
      padding: 12px
  }

  .editor-create-ticket .attachment, .editor-create-ticket .fr-box.fr-basic .fr-element {
      padding: 10px 0
  }

.editor-edit-note {
  border: 0;
  background-color: transparent
}

  .editor-edit-note .fr-box.fr-basic .fr-element {
      background: #fff
  }

  .editor-edit-note .fr-box.fr-basic .fr-wrapper {
      background: 0 0
  }

  .editor-edit-note .caption.label-field {
      top: 0
  }

.error.editor-create-ticket {
  border: 1px solid #d72d30
}

.error .editor-errorText {
  display: block
}

.rich-editor .caption {
  width: 100%;
  position: absolute;
  left: 0;
  top: 12px;
  margin-bottom: 2px;
  transition: all .3s ease;
  z-index: 4;
  background: #fff
}

.input textarea {
  position: relative;
  top: 0
}

.selectbox-icon {
  position: absolute;
  display: inline-block;
  right: 5px;
  top: 0;
  bottom: 0;
  margin: auto
}

.custom-placeholder {
  padding-bottom: 2px;
  display: block;
  color: #acb6be
}

.label-field--radio {
  margin-bottom: 5px
}

.form--btn-actions {
  text-align: right;
  padding: 15px;
  background-color: #f8f9fa;
  border-top: 1px solid #dadfe3
}

  .form--btn-actions .btn {
      margin-left: 5px
  }

::-webkit-input-placeholder {
  color: #acb6be
}

::-moz-placeholder {
  color: #acb6be
}

:-ms-input-placeholder {
  color: #acb6be
}

:-moz-placeholder {
  color: #acb6be
}

.property-dropdown--field-img + .label-field {
  display: inline-flex
}

.dropdown-pointer-left {
  top: 5px
}

.ticket-list-item-hover {
  width: 500px;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #cfd7df;
  box-shadow: 0 5px 18px 0 rgba(222,225,225,.4),0 6px 13px 0 rgba(0,0,0,.08);
  margin-top: 5px
}

  .ticket-list-item-hover.basic-dropdown-content--below.dropdown-pointer-left::after, .ticket-list-item-hover.basic-dropdown-content--below.dropdown-pointer-left::before {
      left: 20px;
      border-color: rgba(255,255,255,0);
      border-bottom-color: #fff;
      top: -12px
  }

  .ticket-list-item-hover.basic-dropdown-content--below.dropdown-pointer-left::before {
      left: 20px;
      border-color: rgba(255,255,255,0);
      border-bottom-color: #cfd7df;
      top: -14px
  }

  .ticket-list-item-hover.basic-dropdown-content--above.dropdown-pointer-left::after {
      left: 20px;
      border-color: rgba(255,255,255,0);
      border-top-color: #f5f7f9;
      bottom: -12px
  }

  .ticket-list-item-hover.basic-dropdown-content--above.dropdown-pointer-left::before {
      left: 20px;
      border-color: rgba(255,255,255,0);
      border-top-color: #cfd7df;
      bottom: -14px
  }

  .ticket-list-item-hover .ticket-list-user-hover {
      font-size: 13px;
      line-height: 1.31;
      padding: 10px 16px;
      border-radius: 4px 4px 0 0;
      border-bottom: 1px #ebeff3 solid
  }

      .ticket-list-item-hover .ticket-list-user-hover .ticket-overlay-details {
          padding-left: 6px
      }

          .ticket-list-item-hover .ticket-list-user-hover .ticket-overlay-details .ticket_overlay_action {
              display: block;
              margin-bottom: 2px
          }

          .ticket-list-item-hover .ticket-list-user-hover .ticket-overlay-details .ticket-overlay-time {
              display: block;
              color: #9ea1a9;
              font-size: 12px
          }

      .ticket-list-item-hover .ticket-list-user-hover .card__hoverinfo {
          width: 600px
      }

      .ticket-list-item-hover .ticket-list-user-hover .card {
          max-height: 100px
      }

  .ticket-list-item-hover .ticket-overlay-content-text {
      padding: 16px
  }

  .ticket-list-item-hover .ticket-quick-actions-wrapper {
      overflow: auto;
      background-color: #f5f7f9;
      padding: 7px 0 10px;
      border-top: 1px #ebeff3 solid;
      border-radius: 0 0 4px 4px
  }

  .ticket-list-item-hover .ticket-overlay-user-name {
      position: relative;
      top: 2px
  }

  .ticket-list-item-hover .ticket-list-quick-actions.reply-bar__item {
      display: inline-block;
      padding: 0 6px 0 4px
  }

      .ticket-list-item-hover .ticket-list-quick-actions.reply-bar__item:last-child {
          padding: 0 16px 0 4px
      }

      .ticket-list-item-hover .ticket-list-quick-actions.reply-bar__item a:hover {
          text-decoration: none
      }

.basic-dropdown-content--in-place {
  border-top: 0
}

.app-popover.basic-dropdown-content--below {
  margin-top: 6px
}

  .app-popover.basic-dropdown-content--below.dropdown-pointer-left::after {
      left: 20px;
      border-color: rgba(255,255,255,0);
      border-bottom-color: #fff;
      top: -12px
  }

  .app-popover.basic-dropdown-content--below.dropdown-pointer-left::before {
      left: 20px;
      border-color: rgba(255,255,255,0);
      border-bottom-color: #cfd7df;
      top: -14px
  }

.app-popover.basic-dropdown-content--above {
  margin-top: -3px
}

  .app-popover.basic-dropdown-content--above.dropdown-pointer-left::after {
      left: 20px;
      border-color: rgba(255,255,255,0);
      border-top-color: #f5f7f9;
      bottom: -12px
  }

  .app-popover.basic-dropdown-content--above.dropdown-pointer-left::before {
      left: 20px;
      border-color: rgba(255,255,255,0);
      border-top-color: #cfd7df;
      bottom: -14px
  }

.app-popover.basic-dropdown-content--right.dropdown-pointer-left::after {
  left: auto;
  border-color: rgba(255,255,255,0);
  border-bottom-color: #fff;
  top: -12px;
  right: 10px
}

.app-popover.basic-dropdown-content--right.dropdown-pointer-left::before {
  left: auto;
  border-color: rgba(255,255,255,0);
  border-bottom-color: #cfd7df;
  top: -14px;
  right: 9px
}

.list-with-show-more {
  padding: 10px 15px;
  max-height: 200px;
  max-width: 200px;
  overflow: auto;
  min-height: 50px;
  min-width: 50px;
  margin-top: 5px
}

  .list-with-show-more .list-item {
      padding: 2px 5px;
      color: #6f7c87;
      border: 1px solid #dadfe3;
      background-color: #fff;
      font-weight: 600;
      font-size: 11px;
      -webkit-font-smoothing: antialiased;
      display: inline-block;
      border-radius: 2px;
      margin-bottom: 5px;
      max-width: 170px;
      word-break: break-all
  }

.phone-toggle-btn .app-icon {
  top: 5px
}

.phone-toggle-btn .gravity-loader {
  left: 5px;
  top: 4px
}

.phone-toggle-btn .agent-status-dot {
  background: #cfd7df
}

.agent-status-icon.online + .agent-status-dot {
  background: #2c5cc5
}

.agent-status-icon.busy + .agent-status-dot {
  background: #d72d30
}

.agent-status-icon.acw + .agent-status-dot {
  background: #ffad1e
}

.agent-status-icon.offline + .agent-status-dot {
  background: #cfd7df
}

.agent-status-container .agent-status .disabled, .agent-status-container .agent-status .disabled:hover {
  cursor: not-allowed
}

.agent-status-container .basic-dropdown-trigger {
  height: 26px;
  width: 26px
}

.agent-status-container ul.dropdown-menu {
  margin-top: 6px;
  right: 10px
}

  .agent-status-container ul.dropdown-menu .tick-icon {
      display: none
  }

  .agent-status-container ul.dropdown-menu li {
      position: relative
  }

      .agent-status-container ul.dropdown-menu li .icon-list, .agent-status-container ul.dropdown-menu li .icon-tick {
          position: absolute;
          width: 16px;
          top: 1px;
          left: -2px;
          margin: 0 4px;
          fill: #c9d1d0
      }

      .agent-status-container ul.dropdown-menu li .icon-list {
          fill: #12344d
      }

      .agent-status-container ul.dropdown-menu li.selected a {
          color: #2c5cc5
      }

          .agent-status-container ul.dropdown-menu li.selected a::before {
              position: absolute;
              right: 5px;
              content: "";
              top: 8px
          }

      .agent-status-container ul.dropdown-menu li.selected .tick-icon {
          display: block
      }

      .agent-status-container ul.dropdown-menu li.selected.offline .icon-list {
          fill: #c9d1d0
      }

      .agent-status-container ul.dropdown-menu li a {
          cursor: pointer;
          padding: 5px 20px 5px 25px
      }

  .agent-status-container ul.dropdown-menu::after {
      border-bottom-color: #fff
  }

.agent-status-container .bs-dropdown {
  top: -5px;
  right: -10px
}

.add-fc-mobile {
  width: 235px;
  font-size: 12px
}

  .add-fc-mobile .add-mobile-prompt {
      margin-bottom: 10px
  }

  .add-fc-mobile .btn {
      text-transform: uppercase;
      min-width: auto;
      cursor: pointer;
      color: #acb6be;
      font-weight: 600
  }

  .add-fc-mobile .submit {
      margin-left: 10px;
      color: #02a468
  }

.freshcaller-dialer .dialing-screen, .freshcaller-dialer > .view {
  height: 100%
}

  .freshcaller-dialer .dialing-screen .info-screen {
      display: flex;
      flex-direction: column;
      height: calc(100% - 40px);
      align-items: center;
      justify-content: center
  }

      .freshcaller-dialer .dialing-screen .info-screen > div {
          text-align: center
      }

  .freshcaller-dialer .dialing-screen .dialing-screen-avatar {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 10px
  }

  .freshcaller-dialer .dialing-screen .dialing-screen-name {
      font-size: 16px;
      color: #183247
  }

  .freshcaller-dialer .dialing-screen .dialing-screen-number, .freshcaller-dialer .dialing-screen .dialing-screen-status {
      font-size: 13px;
      color: #989e9d;
      padding: 5px
  }

  .freshcaller-dialer .dialing-screen .dialing-screen-loader {
      margin: 20px auto
  }

  .freshcaller-dialer .dialing-screen .controls {
      height: 40px;
      box-shadow: 0 -1px 0 0 #eef3f2;
      padding: 7px
  }

      .freshcaller-dialer .dialing-screen .controls .end-call, .freshcaller-dialer .dialing-screen .controls .go-back {
          margin: 0 auto;
          border-radius: 2px;
          background-color: #e9161a;
          width: 50px;
          height: 26px;
          display: block
      }

      .freshcaller-dialer .dialing-screen .controls .end-call-icon, .freshcaller-dialer .dialing-screen .controls .go-back-icon {
          fill: #fff;
          width: 10px
      }

      .freshcaller-dialer .dialing-screen .controls .end-call-icon {
          width: 18px;
          margin-top: 4px
      }

      .freshcaller-dialer .dialing-screen .controls .go-back {
          background: #444343
      }

.freshcaller-account-info, .freshcaller-dialer {
  position: absolute;
  left: 80px;
  bottom: 0;
  width: 310px;
  height: 365px;
  border-radius: 4px;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #dadfe3;
  box-shadow: 0 2px 6px 0 #dadfe3;
  font-weight: 100
}

.freshcaller-dialer-header {
  background-color: #f5f7f9
}

.freshcaller-dialer .dialer-icon {
  fill: #183247;
  width: 10px
}

.freshcaller-dialer .numbers-dropdown {
  height: 40px;
  width: 75%;
  font-size: 13px;
  color: #183247;
  cursor: pointer;
  display: flex;
  align-items: center
}

  .freshcaller-dialer .numbers-dropdown .from {
      text-transform: uppercase;
      padding: 0 10px
  }

  .freshcaller-dialer .numbers-dropdown .number {
      width: 100%;
      padding: 0 0 0 10px
  }

      .freshcaller-dialer .numbers-dropdown .number ul .from-wrapper {
          margin: 5px 0
      }

      .freshcaller-dialer .numbers-dropdown .number ul .from-name {
          font-size: 13px;
          font-weight: 500;
          display: block;
          color: #000;
          line-height: 12px
      }

      .freshcaller-dialer .numbers-dropdown .number ul .from-number {
          font-size: 12px
      }

  .freshcaller-dialer .numbers-dropdown .power-select-status-icon, .freshcaller-dialer .numbers-dropdown .select-dropdown-trigger__status-icon {
      top: -3px;
      left: 3px;
      position: relative
  }

  .freshcaller-dialer .numbers-dropdown .number .power-select-dropdown.basic-dropdown-content--in-place {
      transform: translateY(7px);
      box-shadow: 0 2px 14px 0 #dee1e1;
      overflow: visible
  }

      .freshcaller-dialer .numbers-dropdown .number .power-select-dropdown.basic-dropdown-content--in-place .power-select-search {
          padding: 0
      }

          .freshcaller-dialer .numbers-dropdown .number .power-select-dropdown.basic-dropdown-content--in-place .power-select-search .power-select-search-input {
              padding: 5px 10px
          }

      .freshcaller-dialer .numbers-dropdown .number .power-select-dropdown.basic-dropdown-content--in-place ul.power-select-options {
          padding: 5px
      }

  .freshcaller-dialer .numbers-dropdown .power-select-trigger, .freshcaller-dialer .numbers-dropdown .select-dropdown-trigger {
      border-bottom: none
  }

      .freshcaller-dialer .numbers-dropdown .power-select-trigger > .view, .freshcaller-dialer .numbers-dropdown .select-dropdown-trigger > .view {
          display: inline-block
      }

.freshcaller-dialer .input-outgoing {
  height: 50px;
  border: 1px solid #c9d1d0;
  border-width: 1px 0
}

  .freshcaller-dialer .input-outgoing .flag-container {
      padding: 0;
      border-right: 1px solid #c9d1d0
  }

  .freshcaller-dialer .input-outgoing .call-this-number .call {
      display: block;
      cursor: pointer;
      background: #4aa8a4;
      position: absolute;
      height: 24px;
      width: 24px;
      border-radius: 50%;
      transform: translateY(-50%);
      text-align: center;
      right: 20px;
      top: 65px
  }

      .freshcaller-dialer .input-outgoing .call-this-number .call .call-on-hover {
          fill: #fff;
          width: 10px
      }

.freshcaller-dialer .intl-tel-input {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative
}

  .freshcaller-dialer .intl-tel-input .selected-flag {
      outline: 0
  }

 
.freshcaller-dialer .intl-tel-input .country-container {
  left: -40px;
  max-width: 248px
}

  .freshcaller-dialer .intl-tel-input .country-container .search-bar {
      z-index: 3;
      position: absolute;
      height: 49px;
      min-width: 248px;
      top: 48px;
      padding-left: 10px;
      outline: 0
  }

  .freshcaller-dialer .intl-tel-input .country-container .country-list {
      position: absolute;
      max-height: 170px;
      max-width: 248px;
      top: 96px;
      box-shadow: 0 2px 14px 0 #dee1e1
  }

      .freshcaller-dialer .intl-tel-input .country-container .country-list .country.power-select-option[aria-selected=true]::before, .freshcaller-dialer .intl-tel-input .country-container .country-list .country.icon-resolved::before {
          color: #4aa8a4;
          right: 0;
          float: right
      }

.freshcaller-dialer .intl-tel-input .searchTerm {
  border: none;
  padding-left: 10px;
  width: 259px;
  left: 48px;
  height: 48px;
  outline: 0
}

.freshcaller-dialer .recent-calls, .freshcaller-dialer .search-results {
  height: 235px
}

  .freshcaller-dialer .recent-calls .number-header, .freshcaller-dialer .search-results .number-header {
      padding: 10px;
      background-color: #fff;
      margin: 0 0 10px 10px;
      border-bottom: 1px solid #f2f2f2;
      font-size: 14px;
      cursor: pointer;
      overflow: hidden;
      position: relative;
      display: flex
  }

      .freshcaller-dialer .recent-calls .number-header:hover, .freshcaller-dialer .search-results .number-header:hover {
          background: #f2f2f2
      }

      .freshcaller-dialer .recent-calls .number-header .call, .freshcaller-dialer .search-results .number-header .call {
          display: block;
          right: 20px
      }

  .freshcaller-dialer .recent-calls .no-result, .freshcaller-dialer .search-results .no-result {
      padding: 50px;
      text-align: center
  }

  .freshcaller-dialer .recent-calls .list, .freshcaller-dialer .search-results .list {
      border: none;
      overflow: auto;
      height: 100%
  }

      .freshcaller-dialer .recent-calls .list.no-calls, .freshcaller-dialer .search-results .list.no-calls {
          display: flex;
          align-items: center;
          justify-content: center
      }

  .freshcaller-dialer .recent-calls .single, .freshcaller-dialer .search-results .single {
      margin: 0 10px;
      cursor: pointer;
      padding: 6px;
      position: relative;
      height: 45px
  }

      .freshcaller-dialer .recent-calls .single .moment, .freshcaller-dialer .search-results .single .moment {
          position: absolute;
          top: 50%;
          right: 10px;
          transform: translateY(-50%);
          font-size: 10px
      }

      .freshcaller-dialer .recent-calls .single.selectedContact, .freshcaller-dialer .recent-calls .single:hover, .freshcaller-dialer .search-results .single.selectedContact, .freshcaller-dialer .search-results .single:hover {
          background: #eef3f2;
          border-radius: 4px
      }

          .freshcaller-dialer .recent-calls .single.selectedContact .call, .freshcaller-dialer .recent-calls .single:hover .call, .freshcaller-dialer .search-results .single.selectedContact .call, .freshcaller-dialer .search-results .single:hover .call {
              display: block
          }

          .freshcaller-dialer .recent-calls .single.selectedContact .moment, .freshcaller-dialer .recent-calls .single:hover .moment, .freshcaller-dialer .search-results .single.selectedContact .moment, .freshcaller-dialer .search-results .single:hover .moment {
              display: none
          }

      .freshcaller-dialer .recent-calls .single:first-of-type, .freshcaller-dialer .search-results .single:first-of-type {
          margin-top: 5px
      }

      .freshcaller-dialer .recent-calls .single:last-child, .freshcaller-dialer .search-results .single:last-child {
          margin-bottom: 5px
      }

  .freshcaller-dialer .recent-calls .avatar, .freshcaller-dialer .recent-calls .call, .freshcaller-dialer .search-results .avatar, .freshcaller-dialer .search-results .call {
      position: absolute;
      height: 24px;
      width: 24px;
      border-radius: 50%;
      text-align: center
  }

  .freshcaller-dialer .recent-calls .avatar, .freshcaller-dialer .search-results .avatar {
      top: 10px
  }

  .freshcaller-dialer .recent-calls .call, .freshcaller-dialer .search-results .call {
      right: 10px;
      background: #fff;
      border: 1px solid #c9d1d0;
      display: none;
      top: 50%;
      transform: translateY(-50%)
  }

      .freshcaller-dialer .recent-calls .call .call-on-hover, .freshcaller-dialer .search-results .call .call-on-hover {
          width: 9px;
          fill: #183247
      }

  .freshcaller-dialer .recent-calls .contact, .freshcaller-dialer .search-results .contact {
      height: 100%;
      padding-left: 30px;
      display: flex;
      flex-direction: column;
      justify-content: center
  }

      .freshcaller-dialer .recent-calls .contact .name, .freshcaller-dialer .search-results .contact .name {
          font-size: 12px;
          color: #183247;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap
      }

      .freshcaller-dialer .recent-calls .contact .ph-no, .freshcaller-dialer .search-results .contact .ph-no {
          font-size: 12px;
          color: #989e9d;
          margin-top: -2px
      }

  .freshcaller-dialer .recent-calls.loading, .freshcaller-dialer .search-results.loading {
      display: flex;
      justify-content: center;
      align-items: center
  }

.freshcaller-dialer .contact-search-loader {
  height: 232px;
  display: flex;
  justify-content: center;
  align-items: center
}

.freshcaller-dialer .recent-calls-header {
  display: flex;
  background: #f5f7f9;
  padding: 15px;
  color: #4c494a
}

  .freshcaller-dialer .recent-calls-header .recent-calls-cta {
      margin-left: auto;
      color: #2c5cc5;
      cursor: pointer
  }

  .freshcaller-dialer .recent-calls-header .view-call-logs {
      width: 13px;
      height: 13px;
      transform: rotateY(180deg) translateY(2px)
  }

.keypad-section {
  height: 45px;
  border-radius: 2px;
  background-color: #fff;
  bottom: 0;
  position: absolute;
  width: 100%;
  padding-top: 5px
}

  .keypad-section .btn-keypad {
      height: 100%;
      box-shadow: 0 -1px 0 0 #eef3f2;
      cursor: pointer;
      text-align: center;
      padding: 4px 0
  }

.keypad {
  bottom: 40px;
  width: 100%;
  z-index: 999;
  position: absolute;
  background-color: #fff
}

  .keypad.open {
      display: block
  }

  .keypad .keypad-inline {
      border: none;
      display: flex;
      flex-wrap: wrap;
      box-shadow: 0 -1px 0 0 #eef3f2,0 -3px 6px 0 rgba(0,0,0,.1)
  }

  .keypad .keypad-key {
      width: 33.333%;
      height: 40px;
      border: 0;
      border-right: 1px solid #f2f2f2;
      border-bottom: 1px solid #f2f2f2;
      margin: 0;
      padding: 0;
      background-color: #fff;
      border-radius: 0;
      text-align: center;
      cursor: pointer;
      font-size: 14px;
      color: #4a4a4a;
      font-weight: 300
  }

      .keypad .keypad-key:hover {
          background: #f2f2f2
      }

      .keypad .keypad-key:active {
          background: #4aa8a4;
          color: #fff
      }

      .keypad .keypad-key.zero::after {
          content: "+";
          position: absolute;
          margin-left: 10px;
          color: #d777
      }

.incoming-notification-wrapper {
  position: fixed;
  bottom: 10px;
  right: 10px;
  max-height: 100%;
  display: flex;
  align-self: flex-end;
  flex-direction: column;
  overflow: auto;
  padding: 0 10px
}

  .incoming-notification-wrapper .header-info {
      height: 40px;
      display: flex;
      align-items: center;
      font-size: 12px;
      color: grey;
      padding: 0 10px;
      border-bottom: 1px solid #eef3f2
  }

      .incoming-notification-wrapper .header-info .phone-icon {
          fill: grey
      }

      .incoming-notification-wrapper .header-info .call-ringing-on {
          color: #555;
          font-size: 11px;
          display: flex;
          align-items: center;
          margin-left: auto;
          padding-right: 10px
      }

      .incoming-notification-wrapper .header-info svg, .incoming-notification-wrapper .transfer-info svg {
          width: 10px;
          fill: #e88b38;
          margin: 0 5px 0 14px
      }

  .incoming-notification-wrapper .transfer-info {
      color: #e67e21;
      font-size: 13px;
      display: flex
  }

      .incoming-notification-wrapper .transfer-info .transferred-from {
          font-weight: 500;
          padding-top: 3px
      }

  .incoming-notification-wrapper .ignore-all-calls {
      background: #fff;
      padding: 10px;
      color: #de0000;
      font-weight: 500;
      text-align: center;
      cursor: pointer
  }

.incoming-notification {
  width: 340px;
  border-radius: 4px;
  margin: 10px 0;
  background-color: #fff;
  box-shadow: 1px 1px 5px 2px rgba(0,0,0,.18);
  font-weight: 100
}

  .incoming-notification .controls {
      height: 40px;
      box-shadow: 0 -1px 0 0 #eef3f2;
      display: flex
  }

      .incoming-notification .controls .accept, .incoming-notification .controls .ignore {
          width: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          font-weight: 500;
          color: #409a94;
          cursor: pointer;
          transition: .3s linear
      }

          .incoming-notification .controls .accept:hover, .incoming-notification .controls .ignore:hover {
              background: #eef3f2
          }

      .incoming-notification .controls .ignore {
          border-right: 1px solid #eef3f2;
          color: #de0000
      }

      .incoming-notification .controls .disableAccept {
          cursor: not-allowed
      }

          .incoming-notification .controls .disableAccept > div {
              pointer-events: none;
              color: #333
          }

.caller-details-wrapper .avatar, .caller-details-wrapper .caller-details {
  display: flex;
  align-items: center
}

.caller-details-wrapper .avatar {
  margin-right: 18px
}

.caller-details-wrapper .caller-details {
  padding: 15px
}

  .caller-details-wrapper .caller-details .name {
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 5px
  }

  .caller-details-wrapper .caller-details .location, .caller-details-wrapper .caller-details .number {
      color: #999;
      display: flex;
      align-items: center
  }

      .caller-details-wrapper .caller-details .location .incoming-icon, .caller-details-wrapper .caller-details .number .incoming-icon {
          width: 12px;
          height: auto;
          fill: #d3dbda;
          margin-right: 7px
      }

.caller-details-wrapper .minimize {
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 0 10px;
  border-radius: 3px;
  border: 1px solid #eef3f2;
  cursor: pointer
}

.inconversation {
  position: absolute;
  left: 80px;
  bottom: 14px;
  width: 360px;
  border-radius: 4px;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #dadfe3;
  box-shadow: 0 2px 6px 0 #dadfe3;
  font-weight: 100
}

  .inconversation > .view {
      height: 100%
  }

  .inconversation .caller-details-wrapper {
      padding: 0;
      height: 84px;
      position: relative
  }

      .inconversation .caller-details-wrapper .icon-contact-edit {
          position: absolute;
          right: 20px;
          top: 20px;
          width: 20px;
          height: auto;
          fill: #bbb;
          cursor: pointer
      }

  .inconversation .headline {
      height: 40px;
      background-color: #f7f9f9;
      box-shadow: inset 0 1px 0 0 #e8ebea;
      font-size: 13px;
      color: #4c494a;
      padding: 10px 16px
  }

  .inconversation .ticket-headline {
      display: flex;
      align-items: center
  }

      .inconversation .ticket-headline .icon-ticket {
          width: 12px;
          height: auto;
          fill: #596f8b;
          margin-right: 5px
      }

      .inconversation .ticket-headline .all-tickets {
          text-transform: capitalize;
          cursor: pointer;
          color: #399fc0;
          margin-left: auto
      }

  .inconversation .ticket-number {
      line-height: 1.23;
      color: grey;
      font-size: 13px;
      font-weight: 500;
      display: inline-block;
      padding-left: 5px;
      cursor: pointer
  }

  .inconversation .ticket-details {
      color: #399fc0;
      padding: 0;
      height: 180px;
      overflow: auto;
      border-bottom: 1px solid #e7eae9
  }

      .inconversation .ticket-details .ticket-info {
          box-shadow: 0 1px 0 0 #eef3f2;
          padding: 15px;
          font-size: 13px;
          font-weight: 500;
          line-height: 1.23
      }

          .inconversation .ticket-details .ticket-info .ticket-number {
              color: #989e9d;
              font-weight: 100
          }

  .inconversation .ticket-actions {
      height: 40px;
      background-color: #f7f9f9;
      box-shadow: 0 1px 0 0 rgba(177,187,184,.3),0 -1px 0 0 rgba(177,187,184,.3);
      display: flex
  }

      .inconversation .ticket-actions .save-action {
          width: 50%;
          padding: 10px;
          text-align: center;
          color: #4c494a;
          cursor: pointer;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-grow: 1
      }

          .inconversation .ticket-actions .save-action:hover {
              background: #ebefef
          }

          .inconversation .ticket-actions .save-action .save-ticket {
              width: 10px;
              fill: #4aa8a4;
              margin-right: 5px
          }

          .inconversation .ticket-actions .save-action .ticket-number {
              color: #318eb6;
              font-size: 12px
          }

          .inconversation .ticket-actions .save-action:nth-child(2) {
              border-left: 1px solid #e7eae9
          }

      .inconversation .ticket-actions .ticked-saved {
          padding: 5px;
          width: 100%;
          display: flex;
          align-items: center
      }

          .inconversation .ticket-actions .ticked-saved .save-ticket {
              width: 15px;
              fill: #4aa8a4;
              margin-left: 17px
          }

          .inconversation .ticket-actions .ticked-saved .ticket-info {
              fill: #4aa8a4;
              color: #4aa8a4;
              width: 304px;
              padding: 0 10px;
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis
          }

              .inconversation .ticket-actions .ticked-saved .ticket-info .ticket-number {
                  color: #989e9d;
                  font-weight: 100
              }

          .inconversation .ticket-actions .ticked-saved .close-saved-ticket {
              width: 12px;
              margin-right: 10px
          }

  .inconversation .notes {
      box-shadow: inset 0 1px 0 0 #e8ebea
  }

      .inconversation .notes .call-notes {
          padding: 10px 15px;
          border: 0;
          height: 85px;
          width: 100%;
          max-width: 100%;
          resize: none;
          outline: 0
      }

  .inconversation .inconversation-action-wrapper {
      height: 40px;
      padding: 5px 10px;
      overflow: hidden;
      box-shadow: 0 -1px 0 0 #eef3f2;
      display: flex
  }

      .inconversation .inconversation-action-wrapper .inconversation-action {
          cursor: pointer;
          border-right: 1px solid #fff;
          width: 64px;
          margin-right: 14px;
          text-align: center;
          border-radius: 4px
      }

          .inconversation .inconversation-action-wrapper .inconversation-action .action-icon {
              fill: #999;
              width: 10px;
              pointer-events: none
          }

          .inconversation .inconversation-action-wrapper .inconversation-action .call-timer {
              display: flex;
              align-items: center
          }

          .inconversation .inconversation-action-wrapper .inconversation-action .freshfone-transfer, .inconversation .inconversation-action-wrapper .inconversation-action.hold-loader {
              padding-top: 3px
          }

          .inconversation .inconversation-action-wrapper .inconversation-action:hover {
              background: #f5f5f5
          }

          .inconversation .inconversation-action-wrapper .inconversation-action.active {
              background: #2c5cc5
          }

              .inconversation .inconversation-action-wrapper .inconversation-action.active svg {
                  fill: #fff
              }

          .inconversation .inconversation-action-wrapper .inconversation-action.hangup {
              padding: 5px 10px;
              width: 110px;
              background: #e9161a;
              color: #fff;
              border-radius: 4px;
              display: flex;
              align-items: center;
              cursor: pointer
          }

              .inconversation .inconversation-action-wrapper .inconversation-action.hangup.callEnded {
                  width: 85px;
                  justify-content: center;
                  background: #7f7f7f
              }

              .inconversation .inconversation-action-wrapper .inconversation-action.hangup .timer {
                  width: 60px
              }

              .inconversation .inconversation-action-wrapper .inconversation-action.hangup .freshfone-hangup {
                  fill: #fff;
                  transform: rotate(132deg);
                  margin-right: 10px;
                  position: relative
              }

          .inconversation .inconversation-action-wrapper .inconversation-action.transfer {
              stroke: #999
          }

      .inconversation .inconversation-action-wrapper .timerValue {
          justify-content: center;
          align-items: center;
          display: flex
      }

  .inconversation .call-transfer-status {
      display: flex;
      height: 40px;
      align-items: center;
      padding: 0 10px 0 16px;
      border-bottom: 1px solid #eef3f2
  }

      .inconversation .call-transfer-status .agent-name {
          font-weight: 500
      }

      .inconversation .call-transfer-status .transfer-status-msg {
          color: #e67e21
      }

          .inconversation .call-transfer-status .transfer-status-msg.failed {
              color: #e9161a
          }

      .inconversation .call-transfer-status .icon-close {
          width: 12px;
          height: auto;
          fill: #ccc;
          margin-left: auto;
          cursor: pointer
      }

      .inconversation .call-transfer-status .resume-call {
          background: #2c5cc5;
          height: 30px;
          color: #fff;
          padding: 5px 10px;
          border-radius: 2px;
          margin-left: auto;
          cursor: pointer
      }

  .inconversation .ticket-subject {
      font-size: 13px
  }

.hold-loader .loader {
  position: relative;
  left: 5px
}

.inconversation-transfer {
  height: 310px;
  position: absolute;
  bottom: 41px;
  width: 100%;
  background: #fff;
  z-index: 100
}

  .inconversation-transfer .agent-search {
      height: 50px;
      display: flex;
      align-items: center;
      border-bottom: 1px solid #e9edec
  }

      .inconversation-transfer .agent-search .icon-search {
          width: 20px;
          height: auto;
          margin: 0 10px 0 18px;
          fill: #a2ada9
      }

      .inconversation-transfer .agent-search input {
          border: none;
          width: 100%;
          padding-right: 10px;
          outline: 0
      }

  .inconversation-transfer .agent-search-results {
      height: calc(100% - 90px);
      overflow: auto;
      padding: 8px 8px 0
  }

      .inconversation-transfer .agent-search-results .invalid-number, .inconversation-transfer .agent-search-results .no-agents {
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center
      }

      .inconversation-transfer .agent-search-results .available-agent, .inconversation-transfer .agent-search-results .available-team, .inconversation-transfer .agent-search-results .external-number {
          height: 40px;
          display: flex;
          align-items: center;
          border-radius: 4px;
          position: relative;
          margin-bottom: 1px;
          color: #183247;
          padding: 0 10px
      }

          .inconversation-transfer .agent-search-results .available-agent .avatar, .inconversation-transfer .agent-search-results .available-team .avatar, .inconversation-transfer .agent-search-results .external-number .avatar {
              height: 26px;
              width: 26px;
              border-radius: 50%;
              background: #fe58ff;
              color: #fff;
              display: flex;
              align-items: center;
              justify-content: center
          }

          .inconversation-transfer .agent-search-results .available-agent .agent-name, .inconversation-transfer .agent-search-results .available-agent .team-name, .inconversation-transfer .agent-search-results .available-team .agent-name, .inconversation-transfer .agent-search-results .available-team .team-name, .inconversation-transfer .agent-search-results .external-number .agent-name, .inconversation-transfer .agent-search-results .external-number .team-name {
              padding: 0 10px
          }

          .inconversation-transfer .agent-search-results .available-agent .hover-actions, .inconversation-transfer .agent-search-results .available-team .hover-actions, .inconversation-transfer .agent-search-results .external-number .hover-actions {
              display: none;
              position: absolute;
              right: 10px
          }

              .inconversation-transfer .agent-search-results .available-agent .hover-actions > span, .inconversation-transfer .agent-search-results .available-team .hover-actions > span, .inconversation-transfer .agent-search-results .external-number .hover-actions > span {
                  height: 26px;
                  width: 26px;
                  background: #fff;
                  border-radius: 50%;
                  display: inline-block;
                  border: 1px solid #c9d1d0;
                  text-align: center;
                  padding-top: 3px;
                  cursor: pointer
              }

              .inconversation-transfer .agent-search-results .available-agent .hover-actions .icon-add, .inconversation-transfer .agent-search-results .available-agent .hover-actions .icon-blind-transfer, .inconversation-transfer .agent-search-results .available-agent .hover-actions .icon-fone-transfer, .inconversation-transfer .agent-search-results .available-agent .hover-actions .icon-warm-transfer, .inconversation-transfer .agent-search-results .available-team .hover-actions .icon-add, .inconversation-transfer .agent-search-results .available-team .hover-actions .icon-blind-transfer, .inconversation-transfer .agent-search-results .available-team .hover-actions .icon-fone-transfer, .inconversation-transfer .agent-search-results .available-team .hover-actions .icon-warm-transfer, .inconversation-transfer .agent-search-results .external-number .hover-actions .icon-add, .inconversation-transfer .agent-search-results .external-number .hover-actions .icon-blind-transfer, .inconversation-transfer .agent-search-results .external-number .hover-actions .icon-fone-transfer, .inconversation-transfer .agent-search-results .external-number .hover-actions .icon-warm-transfer {
                  width: 12px;
                  height: auto;
                  fill: #707070
              }

          .inconversation-transfer .agent-search-results .available-agent:hover, .inconversation-transfer .agent-search-results .available-team:hover, .inconversation-transfer .agent-search-results .external-number:hover {
              background: #e9edec
          }

              .inconversation-transfer .agent-search-results .available-agent:hover .hover-actions, .inconversation-transfer .agent-search-results .available-team:hover .hover-actions, .inconversation-transfer .agent-search-results .external-number:hover .hover-actions {
                  display: block;
                  margin-right: 16px
              }

      .inconversation-transfer .agent-search-results .agents-loader, .inconversation-transfer .agent-search-results .external-transfer-initiated-loader, .inconversation-transfer .agent-search-results .transfer-initiated-loader {
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: center
      }

  .inconversation-transfer.transfer-status {
      height: 100px;
      bottom: 0
  }

      .inconversation-transfer.transfer-status .action, .inconversation-transfer.transfer-status .transferring-info {
          height: 40px;
          display: flex;
          justify-content: center;
          align-items: center
      }

      .inconversation-transfer.transfer-status .transferring-info {
          border-bottom: 1px solid #e6e6e6;
          height: 60px;
          position: relative
      }

          .inconversation-transfer.transfer-status .transferring-info .agent-name {
              padding: 0 3px;
              font-weight: 500
          }

          .inconversation-transfer.transfer-status .transferring-info::before {
              content: "";
              position: absolute;
              top: 0;
              left: 0;
              width: 50%;
              height: 3px
          }

      .inconversation-transfer.transfer-status .action {
          font-weight: 500;
          cursor: pointer
      }

  .inconversation-transfer .transfer-initiated.transferring .transferring-info::before {
      width: 0;
      animation: transfer-transferring 5s infinite;
      background: #4aa8a4;
      box-shadow: 0 -2px 4px 0 rgba(0,0,0,.1)
  }

  .inconversation-transfer .transfer-initiated.transferring .action {
      color: #ea171b
  }

  .inconversation-transfer .transfer-initiated.transferunavailable .transferring-info::before {
      width: 100%;
      background: #ea171b
  }

  .inconversation-transfer .transfer-initiated.transferunavailable .action {
      color: #4aa8a4
  }

  .inconversation-transfer .transfer-initiated.completed .transferring-info::before {
      width: 100%;
      background: #4aa8a4
  }

  .inconversation-transfer .transfer-initiated.completed .action {
      color: grey
  }

  .inconversation-transfer .agent-search-results .hover-actions span:hover {
      border-color: #4aa8a4
  }

      .inconversation-transfer .agent-search-results .hover-actions span:hover .icon-add, .inconversation-transfer .agent-search-results .hover-actions span:hover .icon-blind-transfer, .inconversation-transfer .agent-search-results .hover-actions span:hover .icon-fone-transfer, .inconversation-transfer .agent-search-results .hover-actions span:hover .icon-warm-transfer {
          fill: #4aa8a4
      }

@keyframes transfer-transferring {
  0% {
      width: 0
  }

  100% {
      width: 100%
  }
}

.dialing-screen-loader span {
  height: 5px;
  width: 5px;
  display: inline-block;
  border-radius: 50%;
  background: #183247;
  margin: 2px;
  animation-name: blink;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-fill-mode: both
}

  .dialing-screen-loader span:nth-child(2) {
      animation-delay: .2s
  }

  .dialing-screen-loader span:nth-child(3) {
      animation-delay: .4s
  }

  .dialing-screen-loader span:nth-child(4) {
      animation-delay: .6s
  }

@keyframes blink {
  0%,100% {
      opacity: .2
  }

  20% {
      opacity: 1
  }
}

.freshcaller-account-info {
  font-size: 12px;
  height: 214px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center
}

  .freshcaller-account-info .freshcaller-account-info-text {
      color: grey;
      margin: 20px 0
  }

  .freshcaller-account-info .freshcaller-account-button {
      border-radius: 2px;
      background-color: #2c5cc5;
      box-shadow: 0 1px 0 0 #02935e;
      border: 1px solid #12344d;
      color: #fff;
      padding: 8px 20px;
      cursor: pointer;
      text-transform: uppercase
  }

.freshcaller-trial-usage {
  top: 8px;
  left: 249px;
  position: absolute;
  width: 54px;
  height: 26px;
  border-radius: 20px;
  z-index: 1;
  background-color: #dfe6e5
}

  .freshcaller-trial-usage .freshcaller-trial-text {
      position: relative;
      top: 6px;
      left: 12px;
      width: 30px;
      height: 13px;
      font-size: 11px;
      font-weight: 600;
      text-align: left;
      text-transform: uppercase
  }

.darker .nav-icon, .darker .nav-icon g {
  fill: #000
}

.darker .active {
  background-color: rgba(0,0,0,.3)
}

  .darker .active .nav-icon, .darker .active .nav-icon g {
      fill: #fff
  }

.lighter .active {
  background-color: rgba(255,255,255,.3)
}

.addon-area {
  left: 0;
  position: fixed;
  z-index: 20;
  width: 64px
}

  .addon-area .freshCaller-addOn-wrapper {
      position: relative;
      width: 64px;
      min-height: 14px
  }

  .addon-area .freshChat-addOn-wrapper {
      position: relative;
      width: 34px;
      min-height: 14px
  }

  .addon-area .freshCaller-addOn {
      cursor: pointer
  }

  .addon-area .disabled, .addon-area .disabled:hover {
      cursor: not-allowed
  }

  .addon-area .minimized {
      background: 0 0
  }

  .addon-area .animate-phone-icon {
      position: absolute;
      background: #2c5cc5;
      height: 6px;
      width: 6px;
      border-radius: 3px;
      top: 5px;
      right: 5px
  }

  .addon-area .loader-center {
      text-align: center;
      margin: 14px
  }

.custom-add-on {
  bottom: 50px
}

.desktop-notification {
  position: fixed;
  width: 100%;
  z-index: 99;
  height: 40px;
  background-color: #fef1e1;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 15px;
  box-shadow: 0 1px 0 0 #ebeff3
}

  .desktop-notification .freshcaller-never, .desktop-notification .freshcaller-not-now, .desktop-notification .freshcaller-yes-enable {
      padding-left: 30px;
      cursor: pointer
  }

  .desktop-notification .freshcaller-close {
      padding-right: 30px;
      right: 20px;
      float: right
  }

      .desktop-notification .freshcaller-close:hover {
          color: #183247
      }

.admin-content__freddy-container {
  background: #ebeff3;
  overflow: hidden;
  padding: 0
}

  .admin-content__freddy-container .freddy-container {
      position: static
  }

      .admin-content__freddy-container .freddy-container > .nucleus-breadcrumb {
          margin: -10px
      }

  .admin-content__freddy-container .power-select-status-icon, .admin-content__freddy-container .select-dropdown-trigger__status-icon {
      transform: rotate(0)
  }

.tether.tooltip {
  height: auto
}

.billing-info-updation .close-site-message {
  color: #183247;
  right: 15px;
  text-decoration: none;
  float: right;
  margin: 0 10px
}

.billing-info-updation .update-link {
  margin-left: 16px
}

.__app-components__app-notification-bar .show-more-notifications .notification-list-item .invoice-due-warning.warning-bar, .invoice-due-warning.warning-bar {
  position: relative;
  z-index: auto
}

.deprecations .deprecate-link {
  padding-left: 16px
}

.app-notification-bar .notification-cta .divider {
  color: #a8a6a6
}

.__app-components__app-notification-bar .show-more-notifications .notification-list-item .celebration, .app-notification-bar.celebration, .celebration {
  background: linear-gradient(270deg,#2c5cc5 0,#283da5 100%)
}

.beta-feedback, .beta-feedback__beta {
  background-color: #bbdcfe
}

.activate-account .btn--primary {
  line-height: 20px;
  float: right
}

:lang(ar) .profile-dropdown, :lang(he) .profile-dropdown {
  right: 112px
}

  :lang(ar) .profile-dropdown .profile-username, :lang(he) .profile-dropdown .profile-username {
      direction: rtl
  }

:lang(ar) input[type=checkbox] + label::after, :lang(he) input[type=checkbox] + label::after {
  width: 7px;
  height: 5px;
  left: 3px;
  top: 6px
}

:lang(ar) .basic-dropdown-content--left, :lang(ar) .fr-tooltip, :lang(he) .basic-dropdown-content--left, :lang(he) .fr-tooltip {
  left: inherit
}

:lang(ar) input[type=checkbox]:checked + label::after, :lang(he) input[type=checkbox]:checked + label::after {
  top: 5px
}

:lang(ar) .app-icon-btn--oval-left .app-icon, :lang(ar) .app-icon-btn--oval-right .app-icon, :lang(he) .app-icon-btn--oval-left .app-icon, :lang(he) .app-icon-btn--oval-right .app-icon {
  transform: rotate(180deg)
}

:lang(ar) .widgets-collapsed, :lang(he) .widgets-collapsed {
  transform: rotateY(0)
}

:lang(ar) .direction-icon, :lang(ar) .widgets-expanded, :lang(he) .direction-icon, :lang(he) .widgets-expanded {
  transform: rotateY(180deg)
}

:lang(ar) .fr-element, :lang(ar) .grid-stack.grid-stack-rtl > .grid-stack-item, :lang(he) .fr-element, :lang(he) .grid-stack.grid-stack-rtl > .grid-stack-item {
  direction: ltr
}

:lang(ar) .charts_container, :lang(ar) .loader-text, :lang(ar) .tag-update-field, :lang(he) .charts_container, :lang(he) .loader-text, :lang(he) .tag-update-field {
  direction: rtl
}

:lang(ar) .basic-dropdown-content--right, :lang(he) .basic-dropdown-content--right {
  right: inherit
}

:lang(ar) .mini-list, :lang(he) .mini-list {
  right: 90px
}

:lang(ar) .quick-search-content.basic-dropdown-content, :lang(ar) .shared-ownership-selector .basic-dropdown-content--left, :lang(ar) .ticket-notification-container, :lang(he) .quick-search-content.basic-dropdown-content, :lang(he) .shared-ownership-selector .basic-dropdown-content--left, :lang(he) .ticket-notification-container {
  right: 0
}

:lang(ar) .sidebar__title .accordion-arrow, :lang(he) .sidebar__title .accordion-arrow {
  right: 32px
}

:lang(ar) .recent-activities .activity .data a::after, :lang(he) .recent-activities .activity .data a::after {
  content: "‎‎";
  display: inherit
}

:lang(ar) #dom_ruler-text_measurer, :lang(ar) .fr-quick-insert, :lang(he) #dom_ruler-text_measurer, :lang(he) .fr-quick-insert {
  display: none
}

:lang(ar) .from-email::after, :lang(ar) .from-muted::after, :lang(he) .from-email::after, :lang(he) .from-muted::after {
  content: "‎‎"
}

:lang(ar) .filter-box .dropdown-select .power-select-trigger, :lang(ar) .filter-box .dropdown-select .select-dropdown-trigger, :lang(he) .filter-box .dropdown-select .power-select-trigger, :lang(he) .filter-box .dropdown-select .select-dropdown-trigger {
  min-width: 140px
}

:lang(ar) .app-form .power-select-selected-item::after, :lang(ar) .assignto-content .item::after, :lang(he) .app-form .power-select-selected-item::after, :lang(he) .assignto-content .item::after {
  content: "‎‎"
}

:lang(ar) .text-area, :lang(he) .text-area {
  height: auto !important
}

:lang(ar) .fresh-table .list .more-action .basic-dropdown-content--right, :lang(he) .fresh-table .list .more-action .basic-dropdown-content--right {
  right: 0
}

:lang(ar) .pagination-wrapper .pagination__link .app-icon, :lang(he) .pagination-wrapper .pagination__link .app-icon {
  transform: rotate(180deg)
}

:lang(ar) .power-select-option::after, :lang(he) .power-select-option::after {
  content: "‎‎"
}

:lang(ar) .fr-box.fr-basic.fr-rtl .fr-element, :lang(he) .fr-box.fr-basic.fr-rtl .fr-element {
  text-align: left
}

:lang(ar) .ticket-list-item-hover, :lang(he) .ticket-list-item-hover {
  right: inherit !important;
  left: 165px !important
}

:lang(ar) .christmas-theme .profile-photo .profilepic::after, :lang(he) .christmas-theme .profile-photo .profilepic::after {
  left: 12px
}

:lang(ar) .help-icon-align, :lang(he) .help-icon-align {
  right: 132px
}

.fresh-visuals {
  width: 100%;
  border: none;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.beta-feedback__beta {
  color: #345c7c;
  min-width: auto
}

.gallery-billing {
  position: absolute;
  top: 30%;
  left: 30%;
  width: 60%
}

  .gallery-billing .app-icon__billing {
      width: 72px;
      height: 72px
  }

.gallery-billing__loader__cell {
  height: 15px;
  width: 15px;
  background-color: #ccc;
  border-radius: 50%;
  display: inline-block;
  margin-top: 20px;
  margin-right: 2px
}

.gallery-billing__visuals {
  width: 70%;
  padding-left: 15%
}

.gallery-billing__visuals__panel {
  width: 30%;
  margin-right: 5px
}

.gallery-billing__labels {
  width: 90%
}

.gallery-billing__labels__text {
  padding-left: 30%
}

.gallery-billing__labels__info {
  padding-left: 16%
}

.christmas-theme .header-primary {
  background-size: cover
}

.christmas-theme .profile-photo .profilepic::after {
  position: absolute;
  bottom: 20px;
  right: 12px;
  width: 30px;
  height: 25px
}

.christmas-theme .search-toggle {
  background-color: #fff
}

.christmas-theme .__app-navbar {
  background: #2b4c6e !important
}

  .christmas-theme .__app-navbar .navbar-header {
      background: #1a3b5c !important
  }

  .christmas-theme .__app-navbar .navbar-item .nav-link:not([disabled]).active .nav-icon, .christmas-theme .__app-navbar .navbar-item .nav-link:not([disabled]):hover .nav-icon {
      fill: #fff
  }

  .christmas-theme .__app-navbar .navbar-item .nav-link:not([disabled]).active, .christmas-theme .__app-navbar .navbar-item .nav-link:not([disabled]):hover {
      background-color: rgba(255,255,255,.16)
  }


.eaitoggle-switch {
  position: relative;
  display: inline-block;
  width: 78px;
  height: 35px;
  cursor: pointer;
}

  .eaitoggle-switch input[type="checkbox"] {
      display: none;
  }

.eaitoggle-switch-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 53%;
  height:62%;
  background-color: #ddd;
  border-radius: 20px;
  box-shadow: inset 0 0 0 2px #ccc;
  transition: background-color 0.3s ease-in-out;
}

.eaitoggle-switch-handle {
  position: absolute;
  top: 2px;
  left: 5px;
  width: 15px;
  height: 15px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease-in-out;
}

.eaitoggle-switch::before {
  content: "";
  position: absolute;
  top: -25px;
  right: -35px;
  font-size: 12px;
  font-weight: bold;
  color: #aaa;
  text-shadow: 1px 1px #fff;
  transition: color 0.3s ease-in-out;
}

.eaitoggle-switch input[type="checkbox"]:checked + .eaitoggle-switch-handle {
  transform: translateX(45px);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2), 0 0 0 3px #05c46b;
}

.eaitoggle-switch input[type="checkbox"]:checked + .eaitoggle-switch-background {
  background-color: #05c46b;
  box-shadow: inset 0 0 0 2px #04b360;
}

.eaitoggle-switch input[type="checkbox"]:checked + .eaitoggle-switch:before {
  content: "On";
  color: #05c46b;
  right: -15px;
}

.eaitoggle-switch input[type="checkbox"]:checked + .eaitoggle-switch-background .eaitoggle-switch-handle {
  transform: translateX(18px);
}