.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.LeftPanel {
  width: 100%;
  position: absolute;
  overflow: auto;
}

@media (min-width: 640px) {
  .LeftPanel {
    width: 365px;
  }

  .LeftPanel.small-width {
    width: 260px;
  }

  .LeftPanel.medium-width {
    width: 340px;
  }
}

.MiddleContainer {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  width: auto;
  z-index: 100;
}

.MiddleContainer.active {
  display: block;
}

@media (min-width: 640px) {
  .MiddleContainer {
    display: block;
    left: 470px;
    right: 348px;
  }

  .MiddleContainer--fullwidth {
    right: 8px;
  }

  .MiddleContainer.small-width {
    left: 365px;
  }

  .MiddleContainer.medium-width {
    left: 445px;
  }
}

.RightContainer {
  display: none;
  position: fixed;
  right: 0;
  left: 0;
  z-index: 150;
}

.RightContainer.active {
  display: block;
}

@media (min-width: 640px) {
  .RightContainer {
    display: block;
    width: 335px;
    right: 8px;
    left: auto;
    z-index: 90;
  }
}

.PanelsContainer {
  margin-left: 290px;
}

.Panel {
  height: calc(100vh - 90px);
  background: #fff;
  margin-top: 12px;
  border-radius: 8px;
  overflow: hidden;
}

.Panel.scrollable {
  overflow: auto;
}

.OnePanel {
  position: absolute;
  left: 0;
  right: 8px;
}

.OnePanel.scrollable {
  overflow: auto;
}

.OnePanel.with-padding {
  padding: 1rem;
}

.RightPanel {
  min-width: 220px;
  position: relative;
}

.PanelFooter {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  background: #fff;
  height: 3.5em;
  line-height: 3.5em;
  border-top: 1px solid #707070;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.Badge {
  padding: .25em .5em;
  margin-right: .75em;
  height: 1.8em;
  color: white;
  border-radius: 1em;
  text-align: center;
  font-size: .8em;
  font-weight: 300;
  line-height: 1.1em;
}

.Badge.unread {
  background-color: #f44336;
}

.Badge.unread-pulse {
  background-color: #f44336;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}

.Badge.read {
  background-color: #984983;
}

.Badge.replied {
  background-color: #274d7d;
}

.Badge.error {
  background-color: #ff6d22;
}

.Badge.bot {
  background-color: #2196f3;
  padding-right: 0;
}

.Badge.visibility-off {
  font-size: 0.8rem;
  background-color: #fbbd08;
  padding: .5em;
  border-radius: 5px;
  color: black;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(244, 67, 54, 0.7);
    box-shadow: 0 0 0 0 rgba(244, 67, 54, 0.7);
  }

  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(244, 67, 54, 0);
    box-shadow: 0 0 0 10px rgba(244, 67, 54, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(244, 67, 54, 0);
    box-shadow: 0 0 0 0 rgba(244, 67, 54, 0);
  }
}

@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(244, 67, 54, 0.7);
    box-shadow: 0 0 0 0 rgba(244, 67, 54, 0.7);
  }

  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(244, 67, 54, 0);
    box-shadow: 0 0 0 10px rgba(244, 67, 54, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(244, 67, 54, 0);
    box-shadow: 0 0 0 0 rgba(244, 67, 54, 0);
  }
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.TabNavigation_livechat-status {
  width: 10px;
  height: 10px;
  background-color: #777373;
  display: inline-block;
  position: relative;
  left: -2px;
  border-radius: 50%;
  top: 1px;
}

.TabNavigation_livechat-status--active {
  background-color: #4caf50;
}

ul.side-nav.fixed li a {
  font-size: 13px;
  line-height: 38px;
  height: 38px;
  padding: 0 30px;
}

.list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: .5em !important;
  overflow: hidden;
  margin-top: 0;
  padding: 12px 0;
  padding-bottom: 4px;
}

.list-item {
  position: relative;
  background-color: #fafafa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.2em 0;
  width: 100%;
  margin: 2px 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom: 4px inset #fafafa;
}

.list-item i {
  width: 24px;
  font-size: 1.3rem;
}

.list-item p {
  line-height: 0;
  background-color: #fafafa;
  padding: 0px;
  margin: 0px 0px 10px 0px;
  font-size: .8em;
}

.list-item.selected {
  border-bottom: 4px inset #14fb6c;
}

.list-item:first-child {
  margin-top: 0em;
}

.list-content {
  width: 100%;
  text-align: center;
  color: #0d1c2b;
}

.list-content .Badge {
  position: absolute;
  right: 0.5em;
  top: 0;
  padding: 0.35rem;
  line-height: .8em;
}

@media screen and (max-height: 570px) {
  .dashboard__sidebar .list-content p {
    display: none;
  }
}

@media print {
  .dashboard__sidebar {
    display: none;
  }

  .dashboard__content {
    margin-left: 0 !important;
  }
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.chip {
  height: 24px;
  line-height: 24px;
  padding: 0 6px;
}

.chip--has-close {
  padding-right: 0;
}

.chip.small {
  font-size: 11px;
  margin-bottom: 0;
}

.chip .closeIcon {
  cursor: pointer;
  float: right;
  font-size: 16px;
  line-height: 24px;
  margin-left: 8px;
  width: 1.5rem;
  border-radius: 50%;
  text-align: center;
}

.chip .closeIcon:hover {
  background-color: #d2d2d2;
}

.chip.small-chip {
  line-height: 20px;
  height: 20px;
}

.chip.warning {
  background-color: #F44336;
  color: white;
}

.chip.add {
  cursor: pointer;
  background-color: #274d7d;
  color: #fff;
}

.chip.capitalize {
  text-transform: capitalize;
}

.chip.uppercase {
  text-transform: uppercase;
}

.chip .addIcon {
  cursor: pointer;
  float: left;
  font-size: 16px;
  line-height: 24px;
}

.chip[disabled] {
  background-color: #3365a4;
}
.StripeRequirement {
  background: #F44336;
  color: white;
  border-radius: 10px;
  padding: 1rem;
  margin-bottom: 1rem;
}

.StripeRequirement__chip {
  padding-left: 1rem;
}

.StripeRequirement ul {
  list-style-type: disc !important;
  padding-left: 2rem;
  padding-top: 1rem;
}

.StripeRequirement li {
  list-style-type: disc !important;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.ActionButton.delete,
.ActionButton.danger {
  color: white;
  background-color: #f44336;
}

.ActionButton.delete:hover,
.ActionButton.danger:hover {
  background-color: #ea1c0d;
}

.ActionButton.warning {
  color: white;
  background-color: #fbbd08;
}

.ActionButton.warning:hover {
  background-color: #cd9903;
}

.ActionButton.success {
  color: white;
  background-color: #4caf50;
}

.ActionButton.success:hover {
  background-color: #3d8b40;
}

.ActionButton.confirm {
  margin-left: 1rem !important;
}

.ActionButton.disabled .preloader-wrapper {
  height: 1.5em;
  width: 1.5em;
  top: .25em;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.modal {
  z-index: 1501 !important;
  border-radius: 16px;
}

.modal .confirm {
  border-radius: 2rem;
}

.modal .confirm.delete {
  color: white;
  background-color: #f44336;
}

.modal .confirm.create {
  color: white;
  background-color: #4caf50;
}

.modal .confirm.modify {
  color: white;
  background-color: #fbbd08;
}

.BillingTierModal .uppercase {
  text-transform: uppercase;
}

.MediaModal .close-action {
  position: absolute;
  right: 24px;
}

.MediaModal .media {
  height: 450px;
}

@media screen and (min-width: 640px) {
  .MediaModal .media {
    height: 550px;
  }
}

.ExportMessagesModal__container {
  display: inline-block;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}

#globalAck .modal-content {
  text-align: center;
}

#globalAck .acknowledge {
  text-align: center;
}

#globalAck .acknowledge .acknowledge__button {
  float: none;
}

#globalAck .acknowledge .acknowledge__button.danger {
  background-color: #f44336;
}

.UnsubscribeModal h4 {
  margin: 0px;
  padding: 24px 0 20px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 22px;
}

.UnsubscribeModal label,
.UnsubscribeModal .input-field label {
  color: rgba(0, 0, 0, 0.6);
}

.UnsubscribeModal .required {
  margin-left: 3px;
  color: red;
}

.UnsubscribeModal .bottom-margin {
  margin-bottom: 1rem;
}

.UnsubscribeModal .top-margin {
  margin-top: 1rem;
}
.NotificationToggles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 2rem;
  position: relative;
}

.NotificationToggles__chat {
  margin-right: 2.5rem;
}

.NotificationToggles__dropdown li > a > i {
  float: none;
  margin: 0 12px 0 0;
}

.NotificationToggles__toggle {
  width: 4rem;
  margin-right: 2rem;
  color: gray;
  cursor: pointer;
}

.NotificationToggles__toggle i {
  color: gray;
}

.NotificationToggles__toggle input + div {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.NotificationToggles__toggle-small {
  width: 2rem;
  margin-right: 2rem;
}

.NotificationToggles__toggle-large {
  width: 9rem;
  margin-right: 1rem;
  font-size: .8rem;
}

.NotificationToggles #New-Badge {
  position: absolute;
  top: 1.6rem;
  right: 0;
  background: #F44336;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: whistlePulse;
  animation-name: whistlePulse;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.Segment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: .4em 1em;
  background-color: #e4e7ea;
  color: #0d1c2b;
  font-size: .9rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
}

.Segment--action {
  cursor: pointer;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.Avatar {
  margin: 0 .5rem;
  padding: 0;
  height: 4rem;
  width: 4rem;
  text-align: center;
  color: #274d7d;
  overflow: hidden;
  line-height: 0;
  position: relative;
  padding: 5px;
}

.Avatar__circle {
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.31);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.31);
  width: 100%;
  height: 100%;
}

.Avatar.hover {
  cursor: pointer;
}

.Avatar.small {
  height: 2rem;
  width: 2rem;
}

.Avatar.small .Avatar__icon i {
  font-size: 2rem;
}

.Avatar.large {
  height: 84px;
  width: 84px;
}

.Avatar.large .Avatar__icon {
  font-size: 1.5rem;
  line-height: 2rem;
}

.Avatar.large .Avatar__icon i {
  font-size: 6rem;
  color: #274d7d;
  left: -0.85rem;
  top: -0.75rem;
}

.Avatar.large .Avatar__icon img {
  height: 64px;
  width: 64px;
}

.Avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.Avatar__edit {
  position: absolute;
  bottom: 0;
  right: 0;
}

.Avatar__edit button {
  padding: 0 !important;
  background-color: #fbbd08 !important;
  border-radius: 50%;
}

.Avatar__edit-icon {
  color: white !important;
  font-size: 16px !important;
}

.Avatar__name {
  color: white;
}

.Avatar i {
  font-size: 4rem;
  position: absolute;
  left: 0rem;
  right: 0;
  top: 0rem;
  bottom: 0;
}
.FileUploader__text {
  display: none;
}

@media screen and (min-width: 1024px) {
  .FileUploader__text {
    display: inline-block;
  }
}

.FileUploader__absolute {
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  z-index: 100;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.WhistleDrawer {
  border-top-right-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
  overflow: hidden !important;
}

.WhistleDrawer__user {
  padding: 1rem;
  padding-top: 2rem;
  padding-bottom: 0;
  text-align: center;
}

.WhistleDrawer__user-avatar {
  margin: 0 auto;
}

.WhistleDrawer__name {
  font-size: 1.5rem;
  line-height: 2rem;
  margin-top: 1rem;
}

.WhistleDrawer__email {
  line-height: 2rem;
  color: gray;
  margin-bottom: 1rem;
}

.WhistleDrawer .Segment {
  line-height: 2rem;
}

.WhistleDrawer__properties {
  overflow: scroll;
  height: calc(100vh - 200px);
}

.WhistleDrawer__property-row {
  padding: .5rem 1rem;
  display: block;
  color: black;
}

.WhistleDrawer__property-row:hover {
  background-color: #f5f5f5;
}

.WhistleDrawer__property-row--selected {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  background-color: #e4e7ea;
  color: #0d1c2b;
  font-size: .9rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
}

.WhistleDrawer__property-row--selected:hover {
  background-color: rgba(0, 179, 134, 0.1);
}

.WhistleDrawer__property-name {
  line-height: 1.5rem;
  margin-left: 1rem;
  margin-top: 1rem;
}

.WhistleDrawer__property-badge-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1rem;
  min-height: 1rem;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

nav {
  background-color: #fff;
  color: #0d1c2b;
}

@media print {
  nav {
    display: none;
  }
}

nav .nav-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

nav .brand-logo {
  position: relative;
  color: #274d7d;
  padding-left: 22px;
  max-width: 80%;
  left: 0;
  -webkit-transform: none;
  transform: none;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
}

nav .brand-logo i {
  float: right !important;
}

@media (min-width: 640px) {
  nav .brand-logo {
    max-width: 40%;
  }
}

@media screen and (min-width: 992px) {
  nav .brand-logo {
    max-width: 80%;
  }
}

nav .user-actions {
  display: none;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  float: right;
  padding: 0 22px;
}

nav .user-actions i {
  line-height: initial;
  height: initial;
  display: inline-block;
  position: relative;
  top: 7px;
}

nav .user-actions .user-name-dropdown {
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

nav .user-actions .dropdown-content {
  width: 300px !important;
  top: 4rem !important;
}

@media screen and (min-width: 992px) {
  nav .brand-logo {
    left: 0;
    -webkit-transform: none;
    transform: none;
  }

  nav .user-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.TaskStatusBadge {
  padding: .25em .5em;
  margin-top: .5em;
  height: 1.5em;
  color: white;
  text-align: center;
  font-size: .8em;
  font-weight: 300;
  line-height: 1.1em;
}

.TaskStatusBadge i {
  font-size: .8rem;
  vertical-align: middle;
  color: white !important;
}

.TaskStatusBadge.UNASSIGNED {
  background-color: #fa8a19;
}

.TaskStatusBadge.ASSIGNED {
  background-color: #0c7abf;
}

.TaskStatusBadge.LATE {
  background-color: #f44336;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.ChatTypeBadge {
  font-size: 1rem;
  color: #373737;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5rem;
}

.ChatTypeBadge i {
  margin-right: .5rem;
}

.ChatTypeBadge__img {
  height: 1.5em;
  position: relative;
  top: 0px;
  margin-right: .25rem;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.VideoChatIcon {
  height: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.VideoChatIcon .unread {
  color: #f44336 !important;
  margin-right: .5rem;
}

.VideoChatIcon .read {
  color: #984983 !important;
  margin-right: .5rem;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.ConversationList {
  max-height: 0;
  overflow: hidden;
}

.ConversationList__list {
  padding: .5em;
  color: #444;
  padding-right: 0;
}

.ConversationList.expanded {
  max-height: 100000px;
}

.ConversationList__convo {
  position: relative;
  padding: 0.85rem 0.5em;
  cursor: pointer;
  color: #0d1c2b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 1em;
  border-bottom: 1px solid #d2d2d2;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.ConversationList__convo .select-toggle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.ConversationList__convo .info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 270px;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.ConversationList__convo .info__name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ConversationList__convo .info__type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.ConversationList__convo .info__type-body {
  font-size: .8rem;
  color: #3a3a3a;
  height: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.1rem;
  margin-top: 0.2rem;
  font-style: italic;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: .2s ease;
  transition: .2s ease;
}

.ConversationList__convo .info__type-badges {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: .2rem;
}

.ConversationList__convo .info__type-badges--hover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: .2s ease;
  transition: .2s ease;
  height: 45px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: .2rem;
}

.ConversationList__convo:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.ConversationList__convo:hover.has-toggle .select-toggle {
  opacity: 1;
  left: 0.5rem;
}

.ConversationList__convo:hover.has-toggle .info {
  padding-left: 1.5rem;
}

.ConversationList__convo:hover .info__type-body {
  opacity: 1;
}

.ConversationList__convo:hover .info__type-badges--hover {
  opacity: 0;
}

.ConversationList__convo.checked .select-toggle {
  opacity: 1;
  left: 0.5rem;
}

.ConversationList__convo.checked .info {
  padding-left: 1.5rem;
}

.ConversationList__convo .actions {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75px;
  flex: 0 0 75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.ConversationList__convo .actions__status {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.ConversationList__convo .actions__time {
  font-size: .8rem;
  margin-bottom: 4px;
}

.ConversationList__convo .actions i {
  color: #373737;
}

.ConversationList__convo.selected {
  background: #e4e7ea;
  -webkit-box-shadow: inset 0 1px 4px #c7ced4;
  box-shadow: inset 0 1px 4px #c7ced4;
}

.ConversationList__convo .Badge {
  display: inline-block;
  margin: 0;
}

.ConversationList__empty {
  color: #585858;
  font-weight: 100;
  padding: 1em;
  text-align: center;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.DepartmentList {
  margin: 0;
}

.DepartmentList__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.DepartmentList__name i.edit {
  margin-left: .5rem;
}

.DepartmentList__name i.edit:hover {
  color: #274d7d;
}

.DepartmentList__department {
  position: relative;
  padding: .5em 1em;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  margin: .2rem 0;
  margin-right: .5rem;
  background-color: #e4e7ea;
  color: #0d1c2b;
  font-size: .9rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
}

.DepartmentList__department .Badge {
  padding: 0.35rem;
  line-height: 1em;
  position: absolute;
  right: 2.5em;
  top: 0.6em;
  width: 1.5rem;
  height: 1.5rem;
}

.DepartmentList__department i.toggle {
  color: #373737;
  float: right;
  border-radius: 50%;
}

.DepartmentList__department .edit {
  opacity: 0;
  color: lightgray;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.DepartmentList__department:hover .edit {
  opacity: 1;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.PrimaryButtonContainer {
  padding: 1em;
  max-width: 400px;
  margin: 0 auto;
}

.PrimaryButtonContainer__button {
  width: 100%;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.SegmentSelector {
  margin: 1em;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.SegmentSelector__segment {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  color: #0d1c2b;
  cursor: pointer;
  border-right: 1px solid #707070;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.SegmentSelector__segment:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.SegmentSelector__segment:last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-right: none;
}

.SegmentSelector__segment:hover:not(.selected) {
  background-color: rgba(0, 0, 0, 0.1);
}

.SegmentSelector__segment.selected {
  color: #274d7d;
  font-weight: bold;
  background-color: #e4e7ea;
  border-color: #e4e7ea;
}
.SidebarSearchInput {
  margin-top: 1rem;
  padding: 0 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.SidebarSearchInput #sidebar-seach-input {
  margin: 0;
  border: 2px solid #ddd;
  border-radius: 1.5rem;
  padding: .5rem 1rem;
  height: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.ConversationItemPlaceholder {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  background: #f6f7f9;
  background-image: -webkit-gradient(linear, left top, right top, from(#f6f7f9), color-stop(20%, #e9ebee), color-stop(40%, #f6f7f9), to(#f6f7f9));
  background-image: linear-gradient(to right, #f6f7f9 0%, #e9ebee 20%, #f6f7f9 40%, #f6f7f9 100%);
  background-repeat: no-repeat;
  background-size: 800px 104px;
  padding: 0.85rem 0.5em;
  padding-left: 1em;
  border-bottom: 1px solid #d2d2d2;
}

@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }

  100% {
    background-position: 468px 0;
  }
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }

  100% {
    background-position: 468px 0;
  }
}

.ConversationItemPlaceholder__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.2rem;
  margin-bottom: 1rem;
}

.ConversationItemPlaceholder__row:last-child {
  margin-bottom: 0;
}

.ConversationItemPlaceholder__segment--large {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
  background-color: #e1e1e1;
  margin-right: 1rem;
}

.ConversationItemPlaceholder__segment--medium {
  width: 60px;
  background-color: #e1e1e1;
}

.ConversationItemPlaceholder__segment--small {
  width: 30px;
  background-color: #e1e1e1;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.GuestChatSidebar .SidebarSearchInput {
  margin-top: 0;
}

.GuestChatSidebar__department-container {
  overflow-y: auto;
  position: absolute;
  width: 100%;
  bottom: 0;
  top: 81px;
  top: 8rem;
}

.GuestChatSidebar__department-container.has-segment {
  top: 10.2em;
}
/**
 * Variables declared here can be overridden by consuming applications, with
 * the help of the `!default` flag.
 *
 * @example
 *     // overriding $hoverColor
 *     $hoverColor: rgba(red, 0.05);
 *
 *     // overriding image path
 *     $flagsImagePath: "images/";
 *
 *     // import the scss file after the overrides
 *     @import "bower_component/intl-tel-input/src/css/intlTelInput";
 */

.intl-tel-input {
  position: relative;
  display: inline-block;
}

.intl-tel-input * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.intl-tel-input .hide {
  display: none;
}

.intl-tel-input .v-hide {
  visibility: hidden;
}

.intl-tel-input input,
.intl-tel-input input[type=text],
.intl-tel-input input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}

.intl-tel-input .flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}

.intl-tel-input .selected-flag {
  z-index: 1;
  position: relative;
  width: 36px;
  height: 100%;
  padding: 0 0 0 8px;
}

.intl-tel-input .selected-flag .iti-flag {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.intl-tel-input .selected-flag .iti-arrow {
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}

.intl-tel-input .selected-flag .iti-arrow.up {
  border-top: none;
  border-bottom: 4px solid #555;
}

.intl-tel-input .country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #CCC;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
}

.intl-tel-input .country-list.dropup {
  bottom: 100%;
  margin-bottom: -1px;
}

.intl-tel-input .country-list .flag-box {
  display: inline-block;
  width: 20px;
}

@media (max-width: 500px) {
  .intl-tel-input .country-list {
    white-space: normal;
  }
}

.intl-tel-input .country-list .divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CCC;
}

.intl-tel-input .country-list .country {
  padding: 5px 10px;
}

.intl-tel-input .country-list .country .dial-code {
  color: #999;
}

.intl-tel-input .country-list .country.highlight {
  background-color: rgba(0, 0, 0, 0.05);
}

.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .dial-code {
  vertical-align: middle;
}

.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name {
  margin-right: 6px;
}

.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type=text],
.intl-tel-input.allow-dropdown input[type=tel],
.intl-tel-input.separate-dial-code input,
.intl-tel-input.separate-dial-code input[type=text],
.intl-tel-input.separate-dial-code input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}

.intl-tel-input.allow-dropdown .flag-container,
.intl-tel-input.separate-dial-code .flag-container {
  right: auto;
  left: 0;
}

.intl-tel-input.allow-dropdown .selected-flag,
.intl-tel-input.separate-dial-code .selected-flag {
  width: 46px;
}

.intl-tel-input.allow-dropdown .flag-container:hover {
  cursor: pointer;
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover,
.intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
  cursor: default;
}

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag,
.intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
  background-color: transparent;
}

.intl-tel-input.separate-dial-code .selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
  display: table;
}

.intl-tel-input.separate-dial-code .selected-dial-code {
  display: table-cell;
  vertical-align: middle;
  padding-left: 28px;
}

.intl-tel-input.separate-dial-code.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
  padding-left: 66px;
}

.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
  width: 60px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
  padding-left: 76px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
  width: 70px;
}

.intl-tel-input.separate-dial-code.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
  padding-left: 74px;
}

.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
  width: 68px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
  padding-left: 84px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
  width: 78px;
}

.intl-tel-input.separate-dial-code.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
  padding-left: 82px;
}

.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
  width: 76px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
  padding-left: 92px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
  width: 86px;
}

.intl-tel-input.separate-dial-code.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
  padding-left: 90px;
}

.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
  width: 84px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
  padding-left: 100px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
  width: 94px;
}

.intl-tel-input.iti-container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}

.intl-tel-input.iti-container:hover {
  cursor: pointer;
}

.iti-mobile .intl-tel-input.iti-container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}

.iti-mobile .intl-tel-input .country-list {
  max-height: 100%;
  width: 100%;
}

.iti-mobile .intl-tel-input .country-list .country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti-flag {
  width: 20px;
}

.iti-flag.be {
  width: 18px;
}

.iti-flag.ch {
  width: 15px;
}

.iti-flag.mc {
  width: 19px;
}

.iti-flag.ne {
  width: 18px;
}

.iti-flag.np {
  width: 13px;
}

.iti-flag.va {
  width: 15px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-size: 5630px 15px;
  }
}

.iti-flag.ac {
  height: 10px;
  background-position: 0px 0px;
}

.iti-flag.ad {
  height: 14px;
  background-position: -22px 0px;
}

.iti-flag.ae {
  height: 10px;
  background-position: -44px 0px;
}

.iti-flag.af {
  height: 14px;
  background-position: -66px 0px;
}

.iti-flag.ag {
  height: 14px;
  background-position: -88px 0px;
}

.iti-flag.ai {
  height: 10px;
  background-position: -110px 0px;
}

.iti-flag.al {
  height: 15px;
  background-position: -132px 0px;
}

.iti-flag.am {
  height: 10px;
  background-position: -154px 0px;
}

.iti-flag.ao {
  height: 14px;
  background-position: -176px 0px;
}

.iti-flag.aq {
  height: 14px;
  background-position: -198px 0px;
}

.iti-flag.ar {
  height: 13px;
  background-position: -220px 0px;
}

.iti-flag.as {
  height: 10px;
  background-position: -242px 0px;
}

.iti-flag.at {
  height: 14px;
  background-position: -264px 0px;
}

.iti-flag.au {
  height: 10px;
  background-position: -286px 0px;
}

.iti-flag.aw {
  height: 14px;
  background-position: -308px 0px;
}

.iti-flag.ax {
  height: 13px;
  background-position: -330px 0px;
}

.iti-flag.az {
  height: 10px;
  background-position: -352px 0px;
}

.iti-flag.ba {
  height: 10px;
  background-position: -374px 0px;
}

.iti-flag.bb {
  height: 14px;
  background-position: -396px 0px;
}

.iti-flag.bd {
  height: 12px;
  background-position: -418px 0px;
}

.iti-flag.be {
  height: 15px;
  background-position: -440px 0px;
}

.iti-flag.bf {
  height: 14px;
  background-position: -460px 0px;
}

.iti-flag.bg {
  height: 12px;
  background-position: -482px 0px;
}

.iti-flag.bh {
  height: 12px;
  background-position: -504px 0px;
}

.iti-flag.bi {
  height: 12px;
  background-position: -526px 0px;
}

.iti-flag.bj {
  height: 14px;
  background-position: -548px 0px;
}

.iti-flag.bl {
  height: 14px;
  background-position: -570px 0px;
}

.iti-flag.bm {
  height: 10px;
  background-position: -592px 0px;
}

.iti-flag.bn {
  height: 10px;
  background-position: -614px 0px;
}

.iti-flag.bo {
  height: 14px;
  background-position: -636px 0px;
}

.iti-flag.bq {
  height: 14px;
  background-position: -658px 0px;
}

.iti-flag.br {
  height: 14px;
  background-position: -680px 0px;
}

.iti-flag.bs {
  height: 10px;
  background-position: -702px 0px;
}

.iti-flag.bt {
  height: 14px;
  background-position: -724px 0px;
}

.iti-flag.bv {
  height: 15px;
  background-position: -746px 0px;
}

.iti-flag.bw {
  height: 14px;
  background-position: -768px 0px;
}

.iti-flag.by {
  height: 10px;
  background-position: -790px 0px;
}

.iti-flag.bz {
  height: 14px;
  background-position: -812px 0px;
}

.iti-flag.ca {
  height: 10px;
  background-position: -834px 0px;
}

.iti-flag.cc {
  height: 10px;
  background-position: -856px 0px;
}

.iti-flag.cd {
  height: 15px;
  background-position: -878px 0px;
}

.iti-flag.cf {
  height: 14px;
  background-position: -900px 0px;
}

.iti-flag.cg {
  height: 14px;
  background-position: -922px 0px;
}

.iti-flag.ch {
  height: 15px;
  background-position: -944px 0px;
}

.iti-flag.ci {
  height: 14px;
  background-position: -961px 0px;
}

.iti-flag.ck {
  height: 10px;
  background-position: -983px 0px;
}

.iti-flag.cl {
  height: 14px;
  background-position: -1005px 0px;
}

.iti-flag.cm {
  height: 14px;
  background-position: -1027px 0px;
}

.iti-flag.cn {
  height: 14px;
  background-position: -1049px 0px;
}

.iti-flag.co {
  height: 14px;
  background-position: -1071px 0px;
}

.iti-flag.cp {
  height: 14px;
  background-position: -1093px 0px;
}

.iti-flag.cr {
  height: 12px;
  background-position: -1115px 0px;
}

.iti-flag.cu {
  height: 10px;
  background-position: -1137px 0px;
}

.iti-flag.cv {
  height: 12px;
  background-position: -1159px 0px;
}

.iti-flag.cw {
  height: 14px;
  background-position: -1181px 0px;
}

.iti-flag.cx {
  height: 10px;
  background-position: -1203px 0px;
}

.iti-flag.cy {
  height: 13px;
  background-position: -1225px 0px;
}

.iti-flag.cz {
  height: 14px;
  background-position: -1247px 0px;
}

.iti-flag.de {
  height: 12px;
  background-position: -1269px 0px;
}

.iti-flag.dg {
  height: 10px;
  background-position: -1291px 0px;
}

.iti-flag.dj {
  height: 14px;
  background-position: -1313px 0px;
}

.iti-flag.dk {
  height: 15px;
  background-position: -1335px 0px;
}

.iti-flag.dm {
  height: 10px;
  background-position: -1357px 0px;
}

.iti-flag.do {
  height: 13px;
  background-position: -1379px 0px;
}

.iti-flag.dz {
  height: 14px;
  background-position: -1401px 0px;
}

.iti-flag.ea {
  height: 14px;
  background-position: -1423px 0px;
}

.iti-flag.ec {
  height: 14px;
  background-position: -1445px 0px;
}

.iti-flag.ee {
  height: 13px;
  background-position: -1467px 0px;
}

.iti-flag.eg {
  height: 14px;
  background-position: -1489px 0px;
}

.iti-flag.eh {
  height: 10px;
  background-position: -1511px 0px;
}

.iti-flag.er {
  height: 10px;
  background-position: -1533px 0px;
}

.iti-flag.es {
  height: 14px;
  background-position: -1555px 0px;
}

.iti-flag.et {
  height: 10px;
  background-position: -1577px 0px;
}

.iti-flag.eu {
  height: 14px;
  background-position: -1599px 0px;
}

.iti-flag.fi {
  height: 12px;
  background-position: -1621px 0px;
}

.iti-flag.fj {
  height: 10px;
  background-position: -1643px 0px;
}

.iti-flag.fk {
  height: 10px;
  background-position: -1665px 0px;
}

.iti-flag.fm {
  height: 11px;
  background-position: -1687px 0px;
}

.iti-flag.fo {
  height: 15px;
  background-position: -1709px 0px;
}

.iti-flag.fr {
  height: 14px;
  background-position: -1731px 0px;
}

.iti-flag.ga {
  height: 15px;
  background-position: -1753px 0px;
}

.iti-flag.gb {
  height: 10px;
  background-position: -1775px 0px;
}

.iti-flag.gd {
  height: 12px;
  background-position: -1797px 0px;
}

.iti-flag.ge {
  height: 14px;
  background-position: -1819px 0px;
}

.iti-flag.gf {
  height: 14px;
  background-position: -1841px 0px;
}

.iti-flag.gg {
  height: 14px;
  background-position: -1863px 0px;
}

.iti-flag.gh {
  height: 14px;
  background-position: -1885px 0px;
}

.iti-flag.gi {
  height: 10px;
  background-position: -1907px 0px;
}

.iti-flag.gl {
  height: 14px;
  background-position: -1929px 0px;
}

.iti-flag.gm {
  height: 14px;
  background-position: -1951px 0px;
}

.iti-flag.gn {
  height: 14px;
  background-position: -1973px 0px;
}

.iti-flag.gp {
  height: 14px;
  background-position: -1995px 0px;
}

.iti-flag.gq {
  height: 14px;
  background-position: -2017px 0px;
}

.iti-flag.gr {
  height: 14px;
  background-position: -2039px 0px;
}

.iti-flag.gs {
  height: 10px;
  background-position: -2061px 0px;
}

.iti-flag.gt {
  height: 13px;
  background-position: -2083px 0px;
}

.iti-flag.gu {
  height: 11px;
  background-position: -2105px 0px;
}

.iti-flag.gw {
  height: 10px;
  background-position: -2127px 0px;
}

.iti-flag.gy {
  height: 12px;
  background-position: -2149px 0px;
}

.iti-flag.hk {
  height: 14px;
  background-position: -2171px 0px;
}

.iti-flag.hm {
  height: 10px;
  background-position: -2193px 0px;
}

.iti-flag.hn {
  height: 10px;
  background-position: -2215px 0px;
}

.iti-flag.hr {
  height: 10px;
  background-position: -2237px 0px;
}

.iti-flag.ht {
  height: 12px;
  background-position: -2259px 0px;
}

.iti-flag.hu {
  height: 10px;
  background-position: -2281px 0px;
}

.iti-flag.ic {
  height: 14px;
  background-position: -2303px 0px;
}

.iti-flag.id {
  height: 14px;
  background-position: -2325px 0px;
}

.iti-flag.ie {
  height: 10px;
  background-position: -2347px 0px;
}

.iti-flag.il {
  height: 15px;
  background-position: -2369px 0px;
}

.iti-flag.im {
  height: 10px;
  background-position: -2391px 0px;
}

.iti-flag.in {
  height: 14px;
  background-position: -2413px 0px;
}

.iti-flag.io {
  height: 10px;
  background-position: -2435px 0px;
}

.iti-flag.iq {
  height: 14px;
  background-position: -2457px 0px;
}

.iti-flag.ir {
  height: 12px;
  background-position: -2479px 0px;
}

.iti-flag.is {
  height: 15px;
  background-position: -2501px 0px;
}

.iti-flag.it {
  height: 14px;
  background-position: -2523px 0px;
}

.iti-flag.je {
  height: 12px;
  background-position: -2545px 0px;
}

.iti-flag.jm {
  height: 10px;
  background-position: -2567px 0px;
}

.iti-flag.jo {
  height: 10px;
  background-position: -2589px 0px;
}

.iti-flag.jp {
  height: 14px;
  background-position: -2611px 0px;
}

.iti-flag.ke {
  height: 14px;
  background-position: -2633px 0px;
}

.iti-flag.kg {
  height: 12px;
  background-position: -2655px 0px;
}

.iti-flag.kh {
  height: 13px;
  background-position: -2677px 0px;
}

.iti-flag.ki {
  height: 10px;
  background-position: -2699px 0px;
}

.iti-flag.km {
  height: 12px;
  background-position: -2721px 0px;
}

.iti-flag.kn {
  height: 14px;
  background-position: -2743px 0px;
}

.iti-flag.kp {
  height: 10px;
  background-position: -2765px 0px;
}

.iti-flag.kr {
  height: 14px;
  background-position: -2787px 0px;
}

.iti-flag.kw {
  height: 10px;
  background-position: -2809px 0px;
}

.iti-flag.ky {
  height: 10px;
  background-position: -2831px 0px;
}

.iti-flag.kz {
  height: 10px;
  background-position: -2853px 0px;
}

.iti-flag.la {
  height: 14px;
  background-position: -2875px 0px;
}

.iti-flag.lb {
  height: 14px;
  background-position: -2897px 0px;
}

.iti-flag.lc {
  height: 10px;
  background-position: -2919px 0px;
}

.iti-flag.li {
  height: 12px;
  background-position: -2941px 0px;
}

.iti-flag.lk {
  height: 10px;
  background-position: -2963px 0px;
}

.iti-flag.lr {
  height: 11px;
  background-position: -2985px 0px;
}

.iti-flag.ls {
  height: 14px;
  background-position: -3007px 0px;
}

.iti-flag.lt {
  height: 12px;
  background-position: -3029px 0px;
}

.iti-flag.lu {
  height: 12px;
  background-position: -3051px 0px;
}

.iti-flag.lv {
  height: 10px;
  background-position: -3073px 0px;
}

.iti-flag.ly {
  height: 10px;
  background-position: -3095px 0px;
}

.iti-flag.ma {
  height: 14px;
  background-position: -3117px 0px;
}

.iti-flag.mc {
  height: 15px;
  background-position: -3139px 0px;
}

.iti-flag.md {
  height: 10px;
  background-position: -3160px 0px;
}

.iti-flag.me {
  height: 10px;
  background-position: -3182px 0px;
}

.iti-flag.mf {
  height: 14px;
  background-position: -3204px 0px;
}

.iti-flag.mg {
  height: 14px;
  background-position: -3226px 0px;
}

.iti-flag.mh {
  height: 11px;
  background-position: -3248px 0px;
}

.iti-flag.mk {
  height: 10px;
  background-position: -3270px 0px;
}

.iti-flag.ml {
  height: 14px;
  background-position: -3292px 0px;
}

.iti-flag.mm {
  height: 14px;
  background-position: -3314px 0px;
}

.iti-flag.mn {
  height: 10px;
  background-position: -3336px 0px;
}

.iti-flag.mo {
  height: 14px;
  background-position: -3358px 0px;
}

.iti-flag.mp {
  height: 10px;
  background-position: -3380px 0px;
}

.iti-flag.mq {
  height: 14px;
  background-position: -3402px 0px;
}

.iti-flag.mr {
  height: 14px;
  background-position: -3424px 0px;
}

.iti-flag.ms {
  height: 10px;
  background-position: -3446px 0px;
}

.iti-flag.mt {
  height: 14px;
  background-position: -3468px 0px;
}

.iti-flag.mu {
  height: 14px;
  background-position: -3490px 0px;
}

.iti-flag.mv {
  height: 14px;
  background-position: -3512px 0px;
}

.iti-flag.mw {
  height: 14px;
  background-position: -3534px 0px;
}

.iti-flag.mx {
  height: 12px;
  background-position: -3556px 0px;
}

.iti-flag.my {
  height: 10px;
  background-position: -3578px 0px;
}

.iti-flag.mz {
  height: 14px;
  background-position: -3600px 0px;
}

.iti-flag.na {
  height: 14px;
  background-position: -3622px 0px;
}

.iti-flag.nc {
  height: 10px;
  background-position: -3644px 0px;
}

.iti-flag.ne {
  height: 15px;
  background-position: -3666px 0px;
}

.iti-flag.nf {
  height: 10px;
  background-position: -3686px 0px;
}

.iti-flag.ng {
  height: 10px;
  background-position: -3708px 0px;
}

.iti-flag.ni {
  height: 12px;
  background-position: -3730px 0px;
}

.iti-flag.nl {
  height: 14px;
  background-position: -3752px 0px;
}

.iti-flag.no {
  height: 15px;
  background-position: -3774px 0px;
}

.iti-flag.np {
  height: 15px;
  background-position: -3796px 0px;
}

.iti-flag.nr {
  height: 10px;
  background-position: -3811px 0px;
}

.iti-flag.nu {
  height: 10px;
  background-position: -3833px 0px;
}

.iti-flag.nz {
  height: 10px;
  background-position: -3855px 0px;
}

.iti-flag.om {
  height: 10px;
  background-position: -3877px 0px;
}

.iti-flag.pa {
  height: 14px;
  background-position: -3899px 0px;
}

.iti-flag.pe {
  height: 14px;
  background-position: -3921px 0px;
}

.iti-flag.pf {
  height: 14px;
  background-position: -3943px 0px;
}

.iti-flag.pg {
  height: 15px;
  background-position: -3965px 0px;
}

.iti-flag.ph {
  height: 10px;
  background-position: -3987px 0px;
}

.iti-flag.pk {
  height: 14px;
  background-position: -4009px 0px;
}

.iti-flag.pl {
  height: 13px;
  background-position: -4031px 0px;
}

.iti-flag.pm {
  height: 14px;
  background-position: -4053px 0px;
}

.iti-flag.pn {
  height: 10px;
  background-position: -4075px 0px;
}

.iti-flag.pr {
  height: 14px;
  background-position: -4097px 0px;
}

.iti-flag.ps {
  height: 10px;
  background-position: -4119px 0px;
}

.iti-flag.pt {
  height: 14px;
  background-position: -4141px 0px;
}

.iti-flag.pw {
  height: 13px;
  background-position: -4163px 0px;
}

.iti-flag.py {
  height: 11px;
  background-position: -4185px 0px;
}

.iti-flag.qa {
  height: 8px;
  background-position: -4207px 0px;
}

.iti-flag.re {
  height: 14px;
  background-position: -4229px 0px;
}

.iti-flag.ro {
  height: 14px;
  background-position: -4251px 0px;
}

.iti-flag.rs {
  height: 14px;
  background-position: -4273px 0px;
}

.iti-flag.ru {
  height: 14px;
  background-position: -4295px 0px;
}

.iti-flag.rw {
  height: 14px;
  background-position: -4317px 0px;
}

.iti-flag.sa {
  height: 14px;
  background-position: -4339px 0px;
}

.iti-flag.sb {
  height: 10px;
  background-position: -4361px 0px;
}

.iti-flag.sc {
  height: 10px;
  background-position: -4383px 0px;
}

.iti-flag.sd {
  height: 10px;
  background-position: -4405px 0px;
}

.iti-flag.se {
  height: 13px;
  background-position: -4427px 0px;
}

.iti-flag.sg {
  height: 14px;
  background-position: -4449px 0px;
}

.iti-flag.sh {
  height: 10px;
  background-position: -4471px 0px;
}

.iti-flag.si {
  height: 10px;
  background-position: -4493px 0px;
}

.iti-flag.sj {
  height: 15px;
  background-position: -4515px 0px;
}

.iti-flag.sk {
  height: 14px;
  background-position: -4537px 0px;
}

.iti-flag.sl {
  height: 14px;
  background-position: -4559px 0px;
}

.iti-flag.sm {
  height: 15px;
  background-position: -4581px 0px;
}

.iti-flag.sn {
  height: 14px;
  background-position: -4603px 0px;
}

.iti-flag.so {
  height: 14px;
  background-position: -4625px 0px;
}

.iti-flag.sr {
  height: 14px;
  background-position: -4647px 0px;
}

.iti-flag.ss {
  height: 10px;
  background-position: -4669px 0px;
}

.iti-flag.st {
  height: 10px;
  background-position: -4691px 0px;
}

.iti-flag.sv {
  height: 12px;
  background-position: -4713px 0px;
}

.iti-flag.sx {
  height: 14px;
  background-position: -4735px 0px;
}

.iti-flag.sy {
  height: 14px;
  background-position: -4757px 0px;
}

.iti-flag.sz {
  height: 14px;
  background-position: -4779px 0px;
}

.iti-flag.ta {
  height: 10px;
  background-position: -4801px 0px;
}

.iti-flag.tc {
  height: 10px;
  background-position: -4823px 0px;
}

.iti-flag.td {
  height: 14px;
  background-position: -4845px 0px;
}

.iti-flag.tf {
  height: 14px;
  background-position: -4867px 0px;
}

.iti-flag.tg {
  height: 13px;
  background-position: -4889px 0px;
}

.iti-flag.th {
  height: 14px;
  background-position: -4911px 0px;
}

.iti-flag.tj {
  height: 10px;
  background-position: -4933px 0px;
}

.iti-flag.tk {
  height: 10px;
  background-position: -4955px 0px;
}

.iti-flag.tl {
  height: 10px;
  background-position: -4977px 0px;
}

.iti-flag.tm {
  height: 14px;
  background-position: -4999px 0px;
}

.iti-flag.tn {
  height: 14px;
  background-position: -5021px 0px;
}

.iti-flag.to {
  height: 10px;
  background-position: -5043px 0px;
}

.iti-flag.tr {
  height: 14px;
  background-position: -5065px 0px;
}

.iti-flag.tt {
  height: 12px;
  background-position: -5087px 0px;
}

.iti-flag.tv {
  height: 10px;
  background-position: -5109px 0px;
}

.iti-flag.tw {
  height: 14px;
  background-position: -5131px 0px;
}

.iti-flag.tz {
  height: 14px;
  background-position: -5153px 0px;
}

.iti-flag.ua {
  height: 14px;
  background-position: -5175px 0px;
}

.iti-flag.ug {
  height: 14px;
  background-position: -5197px 0px;
}

.iti-flag.um {
  height: 11px;
  background-position: -5219px 0px;
}

.iti-flag.us {
  height: 11px;
  background-position: -5241px 0px;
}

.iti-flag.uy {
  height: 14px;
  background-position: -5263px 0px;
}

.iti-flag.uz {
  height: 10px;
  background-position: -5285px 0px;
}

.iti-flag.va {
  height: 15px;
  background-position: -5307px 0px;
}

.iti-flag.vc {
  height: 14px;
  background-position: -5324px 0px;
}

.iti-flag.ve {
  height: 14px;
  background-position: -5346px 0px;
}

.iti-flag.vg {
  height: 10px;
  background-position: -5368px 0px;
}

.iti-flag.vi {
  height: 14px;
  background-position: -5390px 0px;
}

.iti-flag.vn {
  height: 14px;
  background-position: -5412px 0px;
}

.iti-flag.vu {
  height: 12px;
  background-position: -5434px 0px;
}

.iti-flag.wf {
  height: 14px;
  background-position: -5456px 0px;
}

.iti-flag.ws {
  height: 10px;
  background-position: -5478px 0px;
}

.iti-flag.xk {
  height: 15px;
  background-position: -5500px 0px;
}

.iti-flag.ye {
  height: 14px;
  background-position: -5522px 0px;
}

.iti-flag.yt {
  height: 14px;
  background-position: -5544px 0px;
}

.iti-flag.za {
  height: 14px;
  background-position: -5566px 0px;
}

.iti-flag.zm {
  height: 14px;
  background-position: -5588px 0px;
}

.iti-flag.zw {
  height: 10px;
  background-position: -5610px 0px;
}

.iti-flag {
  width: 20px;
  height: 15px;
  -webkit-box-shadow: 0px 0px 1px 0px #888;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url(./assets/flags.ae33acae404631e997ef8d91dae08ccd.png);
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-image: url(./assets/flags@2x.f2c77a6b7e26ff160fdb4193b383b1ea.png);
  }
}

.iti-flag.np {
  background-color: transparent;
}
.PhoneInput .phone-error {
  background-color: #ffefef !important;
  border-bottom: 1px solid #F44336 !important;
  -webkit-box-shadow: 0 1px 0 0 #F44336 !important;
  box-shadow: 0 1px 0 0 #F44336 !important;
}

.PhoneInput .intl-tel-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 20px 0;
}

.PhoneInput .intl-tel-input .country-list .divider {
  padding: 0;
  margin: 0;
}

.PhoneInput input {
  border: 2px solid #ddd !important;
  border-radius: 4px !important;
}

.PhoneInput__wrapper {
  margin-top: 1.5rem;
}
.Label {
  font-size: 1rem;
  font-weight: bold;
  display: block;
  margin-bottom: 0.5rem;
  text-align: left;
}
.InputField {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
  margin-bottom: .5rem;
  width: 100%;
}

.InputField input[type=text].InputField__input,
.InputField input[type=number].InputField__input {
  padding: 0.5rem;
  margin-bottom: 0;
  font-size: 1rem;
  border-radius: 4px;
  border: 2px solid #ddd;
  background-color: #fff;
  text-align: left;
  outline: 0;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  color: rgba(0, 0, 0, 0.87);
}

.InputField input[type=text].InputField__input::-webkit-input-placeholder,
.InputField input[type=number].InputField__input::-webkit-input-placeholder {
  color: #7FDBC4;
}

.InputField input[type=text].InputField__input:-ms-input-placeholder,
.InputField input[type=number].InputField__input:-ms-input-placeholder {
  color: #7FDBC4;
}

.InputField input[type=text].InputField__input::-ms-input-placeholder,
.InputField input[type=number].InputField__input::-ms-input-placeholder {
  color: #7FDBC4;
}

.InputField input[type=text].InputField__input::placeholder,
.InputField input[type=number].InputField__input::placeholder {
  color: #7FDBC4;
}

.InputField input[type=text].InputField__input:focus,
.InputField input[type=text].InputField__input:active,
.InputField input[type=number].InputField__input:focus,
.InputField input[type=number].InputField__input:active {
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
  border: 2px solid #274d7d;
}

.InputField input[type=text].InputField__input--small,
.InputField input[type=number].InputField__input--small {
  padding: 0.5rem;
  font-size: 1rem;
}

.InputField input[type=text].InputField__input--invalid,
.InputField input[type=number].InputField__input--invalid {
  border: 2px solid #F44336;
  background-color: rgba(244, 67, 54, 0.13);
}

.InputField input[type=text].InputField__input--prefix,
.InputField input[type=number].InputField__input--prefix {
  padding-left: 2rem;
}

.InputField textarea.InputField__textarea {
  padding: 0.5rem;
  margin-bottom: 0;
  font-size: 1rem;
  border-radius: 4px;
  border: 2px solid #ddd;
  background-color: #fff;
  text-align: left;
  outline: 0;
  resize: vertical;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  min-height: 4rem;
}

.InputField textarea.InputField__textarea::-webkit-input-placeholder {
  color: #7FDBC4;
}

.InputField textarea.InputField__textarea:-ms-input-placeholder {
  color: #7FDBC4;
}

.InputField textarea.InputField__textarea::-ms-input-placeholder {
  color: #7FDBC4;
}

.InputField textarea.InputField__textarea::placeholder {
  color: #7FDBC4;
}

.InputField textarea.InputField__textarea:focus,
.InputField textarea.InputField__textarea:active {
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
  border: 2px solid #274d7d;
}

.InputField textarea.InputField__textarea--small {
  padding: 0.5rem;
  font-size: 1rem;
}

.InputField textarea.InputField__textarea--invalid {
  border: 2px solid #F44336;
  background-color: rgba(244, 67, 54, 0.13);
}

.InputField textarea.InputField__textarea--prefix {
  padding-left: 2rem;
}

.InputField--small {
  margin-bottom: 0.5rem;
}

.InputField--center {
  text-align: center;
}

.InputField__info-text {
  color: #777676;
  font-family: Roboto;
  margin-top: .5rem;
  line-height: 1rem;
  font-size: 0.9rem;
}

.InputField__info-text--error {
  color: #F44336;
}

.InputField__prefix {
  position: absolute;
  left: .5rem;
  bottom: 1.2rem;
  z-index: 1;
  font-weight: bold;
  font-size: 1.2rem;
}

.InputField__instructions {
  color: #777676;
  margin-bottom: .5rem;
  margin-top: -.5rem;
  font-size: .9rem;
}
.DatePicker {
  position: relative;
}

.DatePicker__clear {
  position: absolute;
  right: 0;
  cursor: pointer;
  bottom: 1rem;
}

.DatePicker__clear i {
  font-size: 1rem;
  padding: .2rem;
  border-radius: 50%;
  background: lightgray;
}

.DatePicker__clear i:hover {
  background: rgba(0, 0, 0, 0.3);
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.CompanyChannelTypeSelector__selected {
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
  margin-top: .5rem;
  margin-bottom: .5rem;
  padding: 0 1rem;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #9e9e9e;
}

.CompanyChannelTypeSelector__selected:hover {
  background-color: #f5f5f5;
}

.ChannelTypeRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: .5rem 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ChannelTypeRow--selected {
  font-weight: bold;
}

.ChannelTypeRow__type-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-right: 1rem;
}

.ChannelTypeRow__type-img {
  width: 35px;
}

.ChannelTypeRow__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.ChannelTypeRow__title {
  padding: 0;
  line-height: 2rem;
}

.ChannelTypeRow__name {
  padding: 0;
  line-height: 1.5rem;
  font-size: 0.9rem;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.ConversationInfoForm {
  margin-top: 1rem;
}

.ConversationInfoForm__paper {
  padding: 1rem;
  -webkit-box-shadow: 0 2px 4px #d2d2d2;
  box-shadow: 0 2px 4px #d2d2d2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 4px;
}

.ConversationInfoForm__whatsapp-info {
  font-size: 14px;
  font-weight: 300;
  display: block;
  margin-bottom: 1rem;
}

.ConversationInfoForm__row {
  margin-bottom: 1rem;
}

.ConversationInfoForm__name {
  position: relative;
}

.ConversationInfoForm__tags {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ConversationInfoForm__tags label {
  margin-bottom: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: .5rem;
  font-weight: bold;
}

.SearchResultsContainer {
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
  position: absolute;
  top: 4.5rem;
  left: .5rem;
  background: white;
  width: 100%;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  z-index: 100;
  height: 0;
  overflow: auto;
}

.SearchResultsContainer__row {
  padding: .5rem 1rem;
  cursor: pointer;
  white-space: nowrap;
}

.SearchResultsContainer__row:hover {
  background-color: rgba(45, 43, 43, 0.17);
}

.SearchResultsContainer__row--sub {
  color: #777373;
  margin-left: 0.5rem;
}

.SearchResultsContainer--open {
  max-height: 140px;
  height: auto;
}
/**
 * Draft v0.11.7
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.DraftEditor-editorContainer,
.DraftEditor-root,
.public-DraftEditor-content {
  height: inherit;
  text-align: initial;
}

.public-DraftEditor-content[contenteditable=true] {
  -webkit-user-modify: read-write-plaintext-only;
}

.DraftEditor-root {
  position: relative;
}

.DraftEditor-editorContainer {
  background-color: rgba(255, 255, 255, 0);
  border-left: .1px solid transparent;
  position: relative;
  z-index: 1;
}

.public-DraftEditor-block {
  position: relative;
}

.DraftEditor-alignLeft .public-DraftStyleDefault-block {
  text-align: left;
}

.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {
  left: 0;
  text-align: left;
}

.DraftEditor-alignCenter .public-DraftStyleDefault-block {
  text-align: center;
}

.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

.DraftEditor-alignRight .public-DraftStyleDefault-block {
  text-align: right;
}

.DraftEditor-alignRight .public-DraftEditorPlaceholder-root {
  right: 0;
  text-align: right;
}

.public-DraftEditorPlaceholder-root {
  color: #9197a3;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.public-DraftEditorPlaceholder-hasFocus {
  color: #bdc1c9;
}

.DraftEditorPlaceholder-hidden {
  display: none;
}

.public-DraftStyleDefault-block {
  position: relative;
  white-space: pre-wrap;
}

.public-DraftStyleDefault-ltr {
  direction: ltr;
  text-align: left;
}

.public-DraftStyleDefault-rtl {
  direction: rtl;
  text-align: right;
}

.public-DraftStyleDefault-listLTR {
  direction: ltr;
}

.public-DraftStyleDefault-listRTL {
  direction: rtl;
}

.public-DraftStyleDefault-ol,
.public-DraftStyleDefault-ul {
  margin: 16px 0;
  padding: 0;
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
  margin-left: 1.5em;
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
  margin-right: 1.5em;
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
  margin-left: 3em;
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
  margin-right: 3em;
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
  margin-left: 4.5em;
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
  margin-right: 4.5em;
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
  margin-left: 6em;
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
  margin-right: 6em;
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
  margin-left: 7.5em;
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
  margin-right: 7.5em;
}

.public-DraftStyleDefault-unorderedListItem {
  list-style-type: square;
  position: relative;
}

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
  list-style-type: disc;
}

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
  list-style-type: circle;
}

.public-DraftStyleDefault-orderedListItem {
  list-style-type: none;
  position: relative;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {
  left: -36px;
  position: absolute;
  text-align: right;
  width: 30px;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
  position: absolute;
  right: -36px;
  text-align: left;
  width: 30px;
}

.public-DraftStyleDefault-orderedListItem:before {
  content: counter(ol0) ". ";
  counter-increment: ol0;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
  content: counter(ol1, lower-alpha) ". ";
  counter-increment: ol1;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
  content: counter(ol2, lower-roman) ". ";
  counter-increment: ol2;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
  content: counter(ol3) ". ";
  counter-increment: ol3;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
  content: counter(ol4, lower-alpha) ". ";
  counter-increment: ol4;
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
  counter-reset: ol0;
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
  counter-reset: ol1;
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
  counter-reset: ol2;
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
  counter-reset: ol3;
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
  counter-reset: ol4;
}
.m6zwb4v,
.m6zwb4v:visited {
  color: #575f67;
  cursor: pointer;
  display: inline-block;
  background: #e6f3ff;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 2px;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.m6zwb4v:hover,
.m6zwb4v:focus {
  color: #677584;
  background: #edf5fd;
  outline: 0;
}

.m6zwb4v:active {
  color: #222;
  background: #455261;
}

.mnw6qvm {
  border: 1px solid #eee;
  position: absolute;
  min-width: 220px;
  max-width: 440px;
  background: #fff;
  border-radius: 2px;
  -webkit-box-shadow: 0px 4px 30px 0px gainsboro;
  box-shadow: 0px 4px 30px 0px gainsboro;
  cursor: pointer;
  padding-top: 8px;
  padding-bottom: 8px;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.m1ymsnxd {
  padding: 7px 10px 3px 10px;
  -webkit-transition: background-color 0.4s cubic-bezier(0.27, 1.27, 0.48, 0.56);
  transition: background-color 0.4s cubic-bezier(0.27, 1.27, 0.48, 0.56);
}

.m1ymsnxd:active {
  background-color: #cce7ff;
}

.m126ak5t {
  padding: 7px 10px 3px 10px;
  -webkit-transition: background-color 0.4s cubic-bezier(0.27, 1.27, 0.48, 0.56);
  transition: background-color 0.4s cubic-bezier(0.27, 1.27, 0.48, 0.56);
  background-color: #e6f3ff;
}

.m126ak5t:active {
  background-color: #cce7ff;
}

.mtiwdxc {
  display: inline-block;
  margin-left: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 368px;
  font-size: 0.9em;
  margin-bottom: 0.2em;
}

.myz2dw1 {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 12px;
}
.draftJsToolbar__buttonWrapper__1Dmqh {
  display: inline-block;
}

.draftJsToolbar__button__qi1gf {
  background: #fbfbfb;
  color: #888;
  font-size: 18px;
  border: 0;
  padding-top: 5px;
  vertical-align: bottom;
  height: 34px;
  width: 36px;
}

.draftJsToolbar__button__qi1gf svg {
  fill: #888;
}

.draftJsToolbar__button__qi1gf:hover,
.draftJsToolbar__button__qi1gf:focus {
  background: #f3f3f3;
  outline: 0;
  /* reset for :focus */
}

.draftJsToolbar__active__3qcpF {
  background: #efefef;
  color: #444;
}

.draftJsToolbar__active__3qcpF svg {
  fill: #444;
}

.draftJsToolbar__separator__3U7qt {
  display: inline-block;
  border-right: 1px solid #ddd;
  height: 24px;
  margin: 0 0.5em;
}

.draftJsToolbar__toolbar__dNtBH {
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px 0px gainsboro;
  box-shadow: 0px 1px 3px 0px gainsboro;
  z-index: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.draftJsToolbar__toolbar__dNtBH:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 4px;
  margin-left: -4px;
}

.draftJsToolbar__toolbar__dNtBH:before {
  border-color: rgba(221, 221, 221, 0);
  border-top-color: #ddd;
  border-width: 6px;
  margin-left: -6px;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.ChannelSelector__button {
  padding: .5rem 1rem;
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
}

.ChannelSelector__button:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.ChannelSelector__channel {
  padding: .4rem 1rem;
  font-size: .9rem;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  position: relative;
}

.ChannelSelector__channel-title {
  font-size: 0.8rem;
  font-weight: bold;
  text-transform: uppercase;
  color: grey;
  line-height: 0.8rem;
}

.ChannelSelector__channel-label-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: .5rem;
}

.ChannelSelector__channel-label {
  line-height: 1;
  padding-top: 5px;
}

.ChannelSelector__channel-badge {
  font-size: 1rem;
}

.ChannelSelector__channel-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.Toolbar {
  position: relative;
  height: 3rem;
  border-bottom: 1px solid #d2d2d2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.ToolbarButton {
  padding: 0 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #274d7d;
  height: 2rem;
  margin: 0 .25rem;
  cursor: pointer;
  border-radius: .25rem;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.ToolbarButton i {
  margin-right: .2rem;
}

.ToolbarButton__text {
  display: none;
  cursor: pointer;
}

@media screen and (min-width: 1160px) {
  .ToolbarButton__text {
    display: inline-block;
  }
}

.ToolbarButton:hover {
  background-color: #e6e6e6;
}
.InsertWidgetButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.InsertWidgetButton__action-logo {
  position: relative;
  top: 0.7rem;
}

.InsertWidgetButton__tripadvisor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.InsertWidgetButton__tripadvisor-name {
  font-size: .9rem;
  text-align: center;
  line-height: 3rem;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.PresenceIcon {
  width: 1em;
  height: 1em;
  display: inline-block;
  background: #777373;
  border-radius: 50%;
  position: relative;
  top: 2px;
  margin-right: .7em;
}

.PresenceIcon.active {
  background-color: #4caf50;
}
.MentionsEntry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: .2rem;
}

.MentionsEntry__status {
  width: 20px;
}

.MentionsEntry__avatar .Avatar {
  margin: 0 0.5rem;
}

.MentionsEntry__info div:not(:first-child) {
  color: #838383;
  font-weight: 300;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.SnackBarNotification {
  background: #323232;
  color: white;
  padding: .5em 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 50;
}

.SnackBarNotification__message {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.SnackBarNotification a {
  color: #274d7d;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.TransitionButton {
  text-align: center;
}

.TransitionButton:hover .TransitionButton__from {
  opacity: 0;
}

.TransitionButton:hover .TransitionButton__to {
  opacity: 1;
}

.TransitionButton__to {
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
  opacity: 0;
}

.TransitionButton__from {
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
  position: relative;
  opacity: 1;
  top: -1.75rem;
}
.FileSummaryChip {
  background: #F5F5F5;
  padding: 4px 8px;
  border-radius: 5px;
  font-size: 1rem;
  display: inline-block;
  margin-right: 1em;
  margin-bottom: 2px;
}

.FileSummaryChip i {
  cursor: pointer;
  font-size: 1rem;
  vertical-align: middle;
}

.FileSummaryChip__file-icon {
  margin-right: 5px;
  margin-left: 0;
  margin-bottom: 2px;
}
.emoji-mart,
.emoji-mart * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.15;
}

.emoji-mart {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  font-size: 16px;
  display: inline-block;
  color: #222427;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background: #fff;
}

.emoji-mart .emoji-mart-emoji {
  padding: 6px;
}

.emoji-mart-bar {
  border: 0 solid #d9d9d9;
}

.emoji-mart-bar:first-child {
  border-bottom-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.emoji-mart-bar:last-child {
  border-top-width: 1px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.emoji-mart-anchors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 6px;
  color: #858585;
  line-height: 0;
}

.emoji-mart-anchor {
  position: relative;
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
  padding: 12px 4px;
  overflow: hidden;
  -webkit-transition: color .1s ease-out;
  transition: color .1s ease-out;
}

.emoji-mart-anchor:hover,
.emoji-mart-anchor-selected {
  color: #464646;
}

.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
  bottom: 0;
}

.emoji-mart-anchor-bar {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #464646;
}

.emoji-mart-anchors i {
  display: inline-block;
  width: 100%;
  max-width: 22px;
}

.emoji-mart-anchors svg {
  fill: currentColor;
  max-height: 18px;
}

.emoji-mart-scroll {
  overflow-y: scroll;
  height: 270px;
  padding: 0 6px 6px 6px;
  will-change: transform;
  /* avoids "repaints on scroll" in mobile Chrome */
}

.emoji-mart-search {
  margin-top: 6px;
  padding: 0 6px;
}

.emoji-mart-search input {
  font-size: 16px;
  display: block;
  width: 100%;
  padding: .2em .6em;
  border-radius: 25px;
  border: 1px solid #d9d9d9;
  outline: 0;
}

.emoji-mart-category .emoji-mart-emoji span {
  z-index: 1;
  position: relative;
  text-align: center;
  cursor: default;
}

.emoji-mart-category .emoji-mart-emoji:hover:before {
  z-index: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f4f4f4;
  border-radius: 100%;
}

.emoji-mart-category-label {
  z-index: 2;
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.emoji-mart-category-label span {
  display: block;
  width: 100%;
  font-weight: 500;
  padding: 5px 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.95);
}

.emoji-mart-emoji {
  position: relative;
  display: inline-block;
  font-size: 0;
}

.emoji-mart-no-results {
  font-size: 14px;
  text-align: center;
  padding-top: 70px;
  color: #858585;
}

.emoji-mart-no-results .emoji-mart-category-label {
  display: none;
}

.emoji-mart-no-results .emoji-mart-no-results-label {
  margin-top: .2em;
}

.emoji-mart-no-results .emoji-mart-emoji:hover:before {
  content: none;
}

.emoji-mart-preview {
  position: relative;
  height: 70px;
}

.emoji-mart-preview-emoji,
.emoji-mart-preview-data,
.emoji-mart-preview-skins {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.emoji-mart-preview-emoji {
  left: 12px;
}

.emoji-mart-preview-data {
  left: 68px;
  right: 12px;
  word-break: break-all;
}

.emoji-mart-preview-skins {
  right: 30px;
  text-align: right;
}

.emoji-mart-preview-name {
  font-size: 14px;
}

.emoji-mart-preview-shortname {
  font-size: 12px;
  color: #888;
}

.emoji-mart-preview-shortname + .emoji-mart-preview-shortname,
.emoji-mart-preview-shortname + .emoji-mart-preview-emoticon,
.emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {
  margin-left: .5em;
}

.emoji-mart-preview-emoticon {
  font-size: 11px;
  color: #bbb;
}

.emoji-mart-title span {
  display: inline-block;
  vertical-align: middle;
}

.emoji-mart-title .emoji-mart-emoji {
  padding: 0;
}

.emoji-mart-title-label {
  color: #999A9C;
  font-size: 26px;
  font-weight: 300;
}

.emoji-mart-skin-swatches {
  font-size: 0;
  padding: 2px 0;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  background-color: #fff;
}

.emoji-mart-skin-swatches-opened .emoji-mart-skin-swatch {
  width: 16px;
  padding: 0 2px;
}

.emoji-mart-skin-swatches-opened .emoji-mart-skin-swatch-selected:after {
  opacity: .75;
}

.emoji-mart-skin-swatch {
  display: inline-block;
  width: 0;
  vertical-align: middle;
  -webkit-transition-property: width, padding;
  transition-property: width, padding;
  -webkit-transition-duration: .125s;
  transition-duration: .125s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.emoji-mart-skin-swatch:nth-child(1) {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.emoji-mart-skin-swatch:nth-child(2) {
  -webkit-transition-delay: .03s;
  transition-delay: .03s;
}

.emoji-mart-skin-swatch:nth-child(3) {
  -webkit-transition-delay: .06s;
  transition-delay: .06s;
}

.emoji-mart-skin-swatch:nth-child(4) {
  -webkit-transition-delay: .09s;
  transition-delay: .09s;
}

.emoji-mart-skin-swatch:nth-child(5) {
  -webkit-transition-delay: .12s;
  transition-delay: .12s;
}

.emoji-mart-skin-swatch:nth-child(6) {
  -webkit-transition-delay: .15s;
  transition-delay: .15s;
}

.emoji-mart-skin-swatch-selected {
  position: relative;
  width: 16px;
  padding: 0 2px;
}

.emoji-mart-skin-swatch-selected:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  margin: -2px 0 0 -2px;
  background-color: #fff;
  border-radius: 100%;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
}

.emoji-mart-skin {
  display: inline-block;
  width: 100%;
  padding-top: 100%;
  max-width: 12px;
  border-radius: 100%;
}

.emoji-mart-skin-tone-1 {
  background-color: #ffc93a;
}

.emoji-mart-skin-tone-2 {
  background-color: #fadcbc;
}

.emoji-mart-skin-tone-3 {
  background-color: #e0bb95;
}

.emoji-mart-skin-tone-4 {
  background-color: #bf8f68;
}

.emoji-mart-skin-tone-5 {
  background-color: #9b643d;
}

.emoji-mart-skin-tone-6 {
  background-color: #594539;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.EmojiPicker {
  position: relative;
}

.EmojiPicker--open .EmojiPicker__button-wrapper {
  background: #fbbd08;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.EmojiPicker__button-wrapper {
  display: block;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: relative;
  color: #999;
  background: white;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.EmojiPicker__button-wrapper:hover {
  background: #fbbd08;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.EmojiPicker__button {
  cursor: pointer;
  position: relative;
  left: -2px;
  top: -2px;
}

.EmojiPicker__picker {
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0;
  visibility: hidden;
  left: -9000px;
  top: -500px;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.EmojiPicker__picker--open {
  opacity: 1;
  z-index: 100000;
  visibility: visible;
}

.EmojiPicker__picker .emoji-mart-search input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

span.emoji {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: baseline;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 1em;
  height: 1em;
}

span.emoji-sizer {
  line-height: 0.81em;
  font-size: 1em;
  margin: -2px 0;
}

span.emoji-outer {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  height: 1em;
  width: 1em;
}

span.emoji-inner {
  display: -moz-inline-box;
  display: inline-block;
  text-indent: -9999px;
  width: 100%;
  height: 100%;
  vertical-align: baseline;
  *vertical-align: auto;
  *zoom: 1;
}

img.emoji {
  width: 1em;
  height: 1em;
}
.TranslatePicker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: .5rem 1.5rem 0;
}

.TranslatePicker__action {
  display: inline-block;
  margin-bottom: .5rem;
}

.TranslatePicker__action button {
  font-size: .8rem;
  padding: 0 1rem;
}

.TranslatePicker__action-secondary {
  margin-left: 1.5rem;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.SchedulePicker__timezone {
  padding: 0 .5rem;
  text-align: center;
  color: #373737;
  padding: .5rem;
  border: 1px solid #d2d2d2;
  border-radius: 2px;
  margin-bottom: 1rem;
}

.SchedulePicker__recurrance-types {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 .5rem;
}

.SchedulePicker__recurrance-schedule {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: .5rem;
}

.SchedulePicker__recurrance-schedule label {
  margin-right: 1rem;
  color: #373737;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

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

.InternalToggle__toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  padding: .25rem .75rem;
  cursor: pointer;
  background: white;
  -webkit-box-shadow: 0 2px 4px #d2d2d2;
  box-shadow: 0 2px 4px #d2d2d2;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.InternalToggle__toggle:hover {
  background-color: #e6e6e6;
}

.InternalToggle__toggle--selected {
  background-color: #e4e7ea;
}

.InternalToggle__toggle--selected:hover {
  background-color: white;
}

.InternalToggle__toggle--info {
  margin-left: .5rem;
  font-size: .8rem;
  font-weight: 300;
}

.InternalToggle__toggle i {
  font-size: 1rem;
  margin-right: .2rem;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.RecipientList__row {
  position: relative;
}

.RecipientList__row .row {
  margin-bottom: 0;
}

.RecipientList__days {
  margin-top: 2rem;
  font-weight: bold;
}

.RecipientList__remove {
  position: absolute;
  right: 0;
  top: 0;
  padding: .5rem;
  cursor: pointer;
  color: #f44336;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.RecipientList__remove:active,
.RecipientList__remove:hover,
.RecipientList__remove:focus {
  color: #ea1c0d;
  background-color: gainsboro;
}

.RecipientList__add {
  margin-top: 1rem;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.EmailRecipientsContainer {
  padding: .5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.EmailRecipientsContainer__details {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

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

.EmailRecipientsContainer__label {
  color: #585858;
  font-weight: bold;
  font-size: 0.9rem;
  min-width: 2rem;
}

.EmailRecipientsContainer__section {
  color: #373737;
  font-weight: 300;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  font-size: 0.9rem;
  margin-bottom: .25rem;
}

.EmailRecipientsContainer--add {
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out;
  margin-right: 0.5rem;
  background-color: lightgray;
  border-radius: 50%;
  font-size: 1.2rem !important;
  cursor: pointer;
}

.EmailRecipientsContainer--add:hover {
  background-color: #bababa;
}

.EmailRecipientsContainer__subject-container {
  padding: .5rem;
  padding-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.EmailRecipientsContainer__subject-input {
  border: none !important;
  padding: .5rem !important;
  height: 1rem !important;
  margin-left: .5rem !important;
}

.EmailRecipientsContainer__subject-input:active,
.EmailRecipientsContainer__subject-input:focus {
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.DraggableList {
  position: relative;
}

.DraggableList__drag {
  position: absolute;
  width: 100%;
  left: 0;
  background: white;
  z-index: 100;
}

.DraggableListRow {
  position: relative;
}

.DraggableListRow__row {
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}
.SearchInput {
  height: 3em;
  margin-top: 0;
  overflow: hidden;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 2rem;
}

.SearchInput input {
  width: 100%;
  margin: 0;
  border: 0 !important;
  padding: 0 1rem !important;
  padding-right: 3em;
}

.SearchInput input:focus {
  border: none !important;
}

.SearchInput i {
  position: absolute;
  right: .5em;
  top: .5em;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.PaginatedList__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: .5rem;
}

.PaginatedList__header-left {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.PaginatedList .PaginationArrows {
  text-align: right;
}

.PaginatedList .PaginationArrows button.btn-flat {
  margin: 0 5px;
}
.SurveyTemplateList__template-text {
  font-size: 14px;
  line-height: 16px;
  margin: 4px 0px 0px;
  color: rgba(0, 0, 0, 0.54);
}

.SurveyTemplateList__type-info {
  margin-top: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.SurveyTemplateList__template-type {
  background: #e0e0e0;
  padding: .5rem;
  margin-right: .5rem;
  border-radius: 4px;
  font-size: .9rem;
}

.SurveyTemplateList__template-media {
  padding: .5rem 0;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.FormFlowInsertList__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #d2d2d2;
  cursor: pointer;
}

.FormFlowInsertList__row:hover {
  background-color: #f5f5f5;
}

.FormFlowInsertList__request {
  margin-right: 1rem;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.TemplateList__tabs {
  color: #373737;
  line-height: 1.5rem;
}

.TemplateList__list {
  margin-top: .5rem;
}

.TemplateList__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.TemplateList__row:hover {
  background-color: rgba(45, 43, 43, 0.17);
}

.TemplateList__left {
  padding: 1rem;
}

.TemplateList__center {
  padding: 1rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.TemplateList__edit {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  bottom: 0;
  right: 1rem !important;
}

.TemplateList__template-text {
  margin-top: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: normal;
}

.TemplateList__template-text .ChatTypeBadge {
  padding-right: 2rem;
}

.TemplateList__secondary-text {
  height: 100% !important;
}

.TemplateList__template-media {
  padding: .5rem 0;
}

.TemplateList__template-categories {
  margin-top: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.TemplateList__chip {
  height: 24px;
  margin-right: 5px !important;
}

.TemplateList__chip span {
  font-size: 12px !important;
  line-height: 24px !important;
}

.TemplateList h4 {
  margin: 3rem;
  text-align: center;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.ResponsiveTable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.ResponsiveHeader {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  border-bottom: 1px solid #dcdbdb;
}

.ResponsiveHeader .column {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 1rem .7rem;
  background: rgba(0, 0, 0, 0.05);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: bold;
}

.ResponsiveHeader .column.with-select {
  padding-left: 50px;
}

.ResponsiveHeader .column.toggle {
  text-align: center;
  -webkit-box-flex: 0.25;
  -ms-flex: 0.25;
  flex: 0.25;
  cursor: pointer;
}

.ResponsiveHeader .column.large {
  -webkit-box-flex: 1.5;
  -ms-flex: 1.5;
  flex: 1.5;
}

.ResponsiveHeader .column.large .chip {
  margin-left: 1.5rem;
  margin-top: 5px;
}

.ResponsiveHeader .column.half {
  -webkit-box-flex: 0.5;
  -ms-flex: 0.5;
  flex: 0.5;
}

.ResponsiveHeader .column.medium {
  -webkit-box-flex: .75;
  -ms-flex: .75;
  flex: .75;
}

.ResponsiveRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #dcdbdb;
  color: initial;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.ResponsiveRow:hover {
  background: rgba(211, 209, 209, 0.15);
}

.ResponsiveRow.no-border {
  border: none;
}

.ResponsiveRow .column {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem .7rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ResponsiveRow .column .icon {
  width: 24px;
}

.ResponsiveRow .column.half {
  -webkit-box-flex: 0.5;
  -ms-flex: 0.5;
  flex: 0.5;
}

.ResponsiveRow .column.toggle {
  -webkit-box-flex: 0.25;
  -ms-flex: 0.25;
  flex: 0.25;
  cursor: pointer;
}

.ResponsiveRow .column.large {
  -webkit-box-flex: 1.5;
  -ms-flex: 1.5;
  flex: 1.5;
}

.ResponsiveRow .column.large .chip {
  margin-left: 1.5rem;
  margin-top: 5px;
}

.ResponsiveRow .column.text {
  text-overflow: initial;
  white-space: initial;
  overflow: visible;
}

.ResponsiveRow .column.medium {
  -webkit-box-flex: .75;
  -ms-flex: .75;
  flex: .75;
}

.ResponsiveRow .column.text {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
}

.ResponsiveRow .column.with-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ResponsiveRow .column.with-icon i {
  margin-right: .3rem;
}

.ResponsiveControls {
  display: none;
  color: white;
}

.ResponsiveControls.selected {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fbbd08;
}

.ResponsiveControls__count {
  padding: 1rem;
}

.ResponsiveControls .btn-flat {
  color: white;
  margin-right: 1em;
}

.ResponsiveControls button.btn {
  margin-left: 1em;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.HelpIcon {
  padding: 0 !important;
  height: 2.5rem !important;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.HelpIcon .material-icons {
  color: #373737 !important;
}

.HelpIcon:hover .material-icons {
  color: #274d7d !important;
}

.help-icon-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.SectionHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.SectionHeader__back {
  -webkit-box-flex: 0;
  -ms-flex: 0 150px;
  flex: 0 150px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.SectionHeader__back--small {
  -webkit-box-flex: 0;
  -ms-flex: 0 70px;
  flex: 0 70px;
}

.SectionHeader__header {
  margin: 0;
  font-size: 2rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.SectionHeader__wbutton .SectionHeader__header {
  display: inline;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.SectionHeader__description {
  margin-bottom: 1rem;
}

.SectionHeader .btn:last-child {
  margin-left: 1rem;
}
.VariablesList {
  padding: 0 1rem;
}

.VariablesList input {
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.VariablesList .ResponsiveRow {
  cursor: pointer;
}

.VariablesList__loading {
  margin: 5rem auto;
  text-align: center;
}

.VariablesList__icon-red {
  color: red;
}

.VariablesList__icon-default {
  color: #274d7d;
}

.VariablesList__error-title {
  font-weight: bold;
  margin-top: 1rem;
  color: #000;
}

.VariablesList__error-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: .5rem;
  color: #000;
  padding: .5rem 1rem;
  border-radius: .5rem;
  border: 1px solid lightgrey;
}

.VariablesList__error-text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.InsertVariableButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.InsertVariableButton__edit {
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out;
  background-color: #fbbd08 !important;
}

.InsertVariableButton__edit:hover {
  opacity: 0.9;
  background-color: #ffce42 !important;
}

.InsertVariableButton__text {
  display: none;
  cursor: pointer;
}

@media screen and (min-width: 1024px) {
  .InsertVariableButton__text {
    display: inline-block;
  }
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.Variable {
  display: inline-block;
  position: relative;
  background: rgba(0, 179, 134, 0.13);
  text-align: center;
  color: #274d7d;
  border-radius: 2px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  cursor: default;
  padding: 0 4px;
  -webkit-box-shadow: 0 2px 4px #d2d2d2;
  box-shadow: 0 2px 4px #d2d2d2;
}

.Variable__date-format {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

.Variable__date-format i {
  color: #373737;
  font-size: 1rem;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.Variable__date-format i:hover {
  color: #515151;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.AttachMedia {
  position: relative;
  width: 100%;
  cursor: pointer;
}

.AttachMedia .clear i {
  vertical-align: bottom;
}
.Thumbnail {
  height: 60px;
  background: lightgray;
  width: 60px;
  border-radius: 0.5rem;
  overflow: hidden;
}

.Thumbnail img {
  max-height: 60px;
  min-width: 60px;
  width: auto;
  -o-object-fit: contain;
  object-fit: contain;
}
.ProductListModal .ResponsiveHeader .toggle {
  text-align: center;
}

.ProductListModal .ResponsiveHeader .center {
  text-align: center;
}

.ProductListModal__search {
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
  display: inline-block;
  margin-top: 1rem;
  padding: 0 1rem;
}

.ProductListModal__search input[type="search"] {
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.ProductListModal__search button {
  vertical-align: middle;
}

.ProductListModal__header-btn {
  float: right;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}

.ProductListModal__header-btn button {
  margin-left: 1rem;
}

.ProductListModal__no-search {
  text-align: center;
  margin: 5rem 0;
}

.ProductListModal__product {
  cursor: pointer;
}

.ProductListModal__product i.expandIcon {
  -webkit-transition: -webkit-transform 700ms ease;
  transition: -webkit-transform 700ms ease;
  transition: transform 700ms ease;
  transition: transform 700ms ease, -webkit-transform 700ms ease;
}

.ProductListModal__product i.expandIcon.rotate {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.ProductListModal__modifiers-row {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.ProductListModal__modifiers-row .toggle {
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ProductListModal__modifiers-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0.75;
  -ms-flex: 0.75;
  flex: 0.75;
}

.ProductListModal__modifiers-col hr {
  margin: 0.5rem 0;
}

.ProductListModal__modifiers-col .row {
  margin-bottom: 10px;
}

.ProductListModal__modifiers-col .row button {
  padding: 0 1rem;
  float: right;
  margin-right: 2rem;
  font-size: 0.8rem;
}

.ProductListModal__add-modified {
  margin-right: 0;
}

.ProductListModal__mod-text {
  margin-top: 10px;
}

.ProductListModal__qty {
  margin: 0 1rem;
}

.ProductListModal__qty-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

.ProductListModal__attributes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ProductListModal__attributes .ClipboardButton {
  margin-right: 1rem;
}

.ProductListModal__add-mod.btn {
  background-color: #984983;
}

.ProductListModal__add-mod.btn:hover {
  background-color: #984983;
}

.ProductListModal__remove-mod.btn {
  background-color: #F44333;
}

.ProductListModal__remove-mod.btn:hover {
  background-color: #F44333;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.ClipboardButton__copy-button {
  font-size: .8rem;
  cursor: pointer;
}

.ClipboardButton__copy-button i {
  color: #274d7d;
}

.ClipboardButton__copy-link {
  position: absolute;
  top: -100vh;
  left: -100vw;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.ChatMessageBox {
  width: 100%;
  background-color: #fff;
}

.ChatMessageBox .gtranslate-logo {
  width: 1.5rem;
  position: relative;
  top: 0.2rem;
}

.ChatMessageBox__container {
  position: relative;
  border-radius: 2px;
  z-index: 100;
}

.ChatMessageBox__file-container {
  position: relative;
  width: 100%;
}

.ChatMessageBox__send-container {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ChatMessageBox__send-container button {
  padding: 0 1rem;
}

.ChatMessageBox__send-button .ChatTypeBadge {
  margin: 0 0.4rem 0 0.6rem;
}

.ChatMessageBox__send-counter {
  margin-right: .5rem;
  background: #efefef;
  padding: 0.3rem .6rem;
  z-index: 10;
  border-radius: 1.5rem;
  color: gray;
}

.ChatMessageBox__send-counter.error {
  color: #f44336;
  border: 2px solid #f44336;
}

.ChatMessageBox__schedule {
  padding: 0 1rem;
}

.ChatMessageBox__schedule--loading {
  pointer-events: none;
  background-color: #DFDFDF !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: default;
}

.ChatMessageBox .InsertButton,
.ChatMessageBox .SendMessageButton {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  height: 100%;
}

.ChatMessageBox .InsertButton i,
.ChatMessageBox .SendMessageButton i {
  margin-left: .25rem;
}

.ChatMessageBox .InsertButton {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.ChatMessageBox .InsertButton i {
  font-size: 2rem;
}

.ChatMessageBox .SendMessageButton {
  color: #fff;
}

.ChatMessageBox__preview {
  width: 100%;
  height: 100%;
  border: none;
}

.ChatMessageBox__input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: none;
  min-height: 6.5em;
  max-height: 10em;
  padding: 0.6em 1em;
  padding-bottom: 4rem;
  border-top: 1px solid #d2d2d2;
  overflow-y: auto;
  line-height: 1.5rem;
  font-size: 1.1rem;
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out;
}

.ChatMessageBox__input--internal {
  background-color: #fef3d1;
}

.ChatMessageBox__input--schedule {
  padding-right: 12rem;
}

.ChatMessageBox__input .DraftEditor-root {
  padding-bottom: 0.5em;
}

.ChatMessageBox__input--expanded {
  min-height: 30vh;
}

.ChatMessageBox__input--expanded.html,
.ChatMessageBox__input--expanded.preview,
.ChatMessageBox__input--expanded.text {
  min-height: 45vh;
}

.ChatMessageBox__translate-trigger {
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
  cursor: pointer;
  color: #999;
  position: relative;
  top: 1rem;
}

.ChatMessageBox__translate-trigger:hover {
  color: #274d7d;
}

.ChatMessageBox__translate-popover {
  padding: 0 0.5rem;
}

.popover-small-error {
  display: block;
  line-height: 1rem;
  position: absolute;
  top: 3.9rem;
  left: 5rem;
}

.SchedulePopover {
  padding: 1rem;
}

.SchedulePopover__actions {
  text-align: center;
  padding: .5rem;
}

.Signature {
  color: #767373;
  background: #fcfbfb;
  padding: 2px;
  border-radius: 2px;
  padding-left: 0;
  margin-left: 2px;
}
.draftJsToolbar__toolbar__dNtBH {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-top: 1px solid #ddd;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.EditorTypeToggle {
  display: inline-block;
  float: right;
}

.EditorTypeToggle__button {
  background: #fbfbfb;
  color: #888;
  font-size: 14px;
  border: 0;
  vertical-align: bottom;
  height: 34px;
  width: 66px;
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out;
}

.EditorTypeToggle__button:focus,
.EditorTypeToggle__button:hover,
.EditorTypeToggle__button--selected {
  background: #e2e1e1;
}

.EditorTypeToggle__button--selected {
  color: #274d7d;
}
.StartConversationView {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: calc(100vh - 138px);
}

.StartConversationView h5 {
  margin: 1rem 0;
  text-align: center;
}

.StartConversationView .ConversationInfoForm {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: auto;
  padding: 0 5%;
  padding-bottom: 3rem;
}

#start-conversation-modal {
  width: 80%;
}

#start-conversation-modal .modal-content {
  padding: 0;
}

#start-conversation-modal .modal-content h4 {
  padding: 1rem 2rem;
}

#start-conversation-modal .modal-content .StartConversationView {
  height: auto;
  height: calc(85vh - 210px);
}

#start-conversation-modal .modal-content .ConversationInfoForm {
  padding: 0 2rem;
  padding-bottom: 3rem;
}

#start-conversation-modal .modal-footer {
  height: 0;
  padding: 0;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.Table {
  overflow: auto;
}

.Table thead {
  background: rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid #707070;
}

.Table .actions-center {
  text-align: center;
  cursor: pointer;
}

.Table td.actions-center button {
  margin: 0 .5em;
}

.Table td,
.Table th {
  padding: 1rem;
}

.Table tr {
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.Table tr:hover {
  background-color: #f5f5f5;
}

.Table .date {
  min-width: 120px;
}
.CampaignEditorTable__date {
  position: relative;
  top: -.5rem;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.ColumnEditorHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
}

.ColumnEditorHeader__column {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 150px;
  flex: 0 0 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: .75rem;
  background-color: #ddd;
  margin-right: 4px;
  border: 2px solid #707070;
  height: 3rem;
  font-weight: bold;
  cursor: pointer;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
  -webkit-box-shadow: 0 2px 4px #d2d2d2;
  box-shadow: 0 2px 4px #d2d2d2;
}

.ColumnEditorHeader__column--selected {
  background-color: #fff;
  border-color: #274d7d;
  background-color: rgba(1, 179, 134, 0.15);
}

.ColumnEditorHeader__column:hover {
  background-color: #f5f5f5;
}

.ColumnEditorHeader__standard-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.ReservationTemplateEditor__table {
  width: 100%;
  overflow-x: scroll;
}

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

.ReservationTemplateEditor__row:hover {
  background-color: #f5f5f5;
}

.ReservationTemplateEditor__col {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 150px;
  flex: 0 0 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: .75rem;
  background-color: #f6f6f6;
  margin-right: 4px;
  height: 3rem;
  font-size: 1rem;
  padding-left: 2rem;
}

.ReservationTemplateEditor__col--selected {
  background-color: #fff;
  border-color: #274d7d;
}

.ReservationTemplateEditor__row-count {
  text-align: center;
  font-weight: bold;
  margin-bottom: .5rem;
  color: #59625f;
  font-size: 0.9rem;
}

.ReservationTemplateEditor__filename {
  padding: .5rem 0.75rem;
  background: rgba(251, 189, 8, 0.35);
  border-radius: 4px;
  margin-right: 1rem;
}

.ReservationTemplateEditor__filename:empty {
  display: none;
}

.ReservationTemplateEditor__filename.error {
  background-color: #ffefef;
}

.ReservationTemplateEditor__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
}
.StartCampaignView {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: calc(100vh - 138px);
}

.StartCampaignView h5 {
  margin: 2rem 0;
  text-align: center;
}

.StartCampaignView__inner {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: auto;
  padding: 0 1rem;
}

.StartCampaignView__filename {
  margin-left: 1rem;
  padding: .5rem 0.75rem;
  background: rgba(251, 189, 8, 0.35);
  border-radius: 4px;
}

.StartCampaignView__filename:empty {
  display: none;
}

.StartCampaignView__filename.error {
  background-color: #ffefef;
}

.StartCampaignView__messages {
  padding: 1em;
  padding-bottom: 0;
  font-weight: 500;
  padding: 1em;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.StartCampaignView__messages--left {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.StartCampaignView__RecipientList {
  margin-bottom: 4rem;
}

.CampaignUploadInstructs__cols {
  margin-left: 2rem;
}

.CampaignUploadInstructs .sample-upload-btn {
  margin-right: 1rem;
}

.CampaignUploadInstructs__preview {
  width: 100%;
  margin: 1rem 0;
}
.RangeTextInput {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.RangeTextInput__input {
  width: 5rem !important;
  text-align: center;
}

.RangeTextInput__delimeter {
  padding: 1rem;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.SurveyTemplateEditor {
  padding: 1rem;
  margin: 2rem 0;
}

.SurveyTemplateEditor__choice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.SurveyTemplateEditor__choice--remove {
  cursor: pointer;
  color: #f44336;
}

.SurveyTemplateEditor__question .ChatMessageBox {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.ScheduleButton.with-text {
  line-height: 1.8rem;
}

.ScheduleButton.with-text i {
  position: relative;
  top: 4px;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.StartSurveyView__nav,
.StartSurveyView__summary {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  margin-bottom: 2rem;
  padding: 0 1rem;
}

.StartSurveyView__summary {
  padding: 1rem;
}

.StartSurveyView__paper {
  padding: 1rem;
  -webkit-box-shadow: 0 2px 4px #d2d2d2;
  box-shadow: 0 2px 4px #d2d2d2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 4px;
}

.StartSurveyView__finished {
  color: gray;
  font-size: 24px;
  font-weight: 100;
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.StartSurveyView__finished i {
  margin-right: 1rem;
}

.StartSurveyView__instruction {
  margin: 1rem 0;
  -webkit-box-flex: 1.25;
  -ms-flex: 1.25;
  flex: 1.25;
}

.StartSurveyView__button {
  text-align: center;
  margin: 1rem;
  margin-top: 0;
}

.StartSurveyView__button--right {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 1rem 0;
  text-align: right;
}

.StartSurveyView__button--right .btn {
  margin-left: 1rem;
}

.StartSurveyView__button .ScheduleButton {
  margin-left: .5rem;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.SortHeader {
  cursor: pointer;
  min-width: 90px;
  background: rgba(0, 0, 0, 0.05);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.SortHeader i {
  margin-left: 0px;
}

.SortHeader:hover {
  background-color: rgba(45, 43, 43, 0.17);
}

.SortHeader.selected {
  background-color: rgba(45, 43, 43, 0.17);
}

.SortHeader.date {
  min-width: 165px;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.ScheduledMessagesHistory__header-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ScheduledMessagesHistory__header {
  margin: 0;
  margin-left: 1rem;
  font-weight: normal;
}

.ScheduledMessagesHistory__date-selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0.5rem 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.ScheduledMessagesHistory__datepicker {
  display: inline-block;
  width: 6rem;
}

.ScheduledMessagesHistory__inner {
  padding: 0;
}

.ScheduledMessagesHistory__Columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #0d1c2b;
}

.ScheduledMessagesHistory__Columns.hasRan {
  background: #e4fff1;
}

.ScheduledMessagesHistory__Columns.isDisabled {
  background: #ffbbbb;
}

.ScheduledMessagesHistory__Columns .column {
  padding: 0 .7rem;
}

.ScheduledMessagesHistory__runtime.column {
  min-width: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ScheduledMessagesHistory__runtime.column i {
  margin-right: 1rem;
}

.ScheduledMessagesHistory__body.column {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
  max-width: 400px;
  min-width: 260px;
}

.ScheduledMessagesHistory__icon {
  vertical-align: middle;
  padding-left: 5px;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.StartConversationTabsContainer {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.StartConversationTabsContainer .StartConversationTabs {
  position: absolute;
  left: 0;
  right: 0;
}

.StartConversationTabsContainer #tab_0 {
  padding: 0;
}

@media screen and (max-width: 640px) {
  .StartConversationTabsContainer {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .StartConversationTabsContainer .TabContainer {
    height: calc(100vh - 88px);
  }
}
.DynamicRequestForm {
  margin-top: 1rem;
}

.DynamicRequestForm__integration {
  text-align: center;
}

.DynamicRequestForm__select {
  cursor: pointer;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.ErrorBanner {
  background-color: #f77066;
  padding: 1rem;
  border-radius: 4px;
  margin-bottom: 1rem;
  color: white;
}
.TaskRequestModal__search-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem 0;
  position: fixed;
  left: 1.5rem;
  right: 1.5rem;
  top: 5.25rem;
  background: white;
  z-index: 1;
}

.TaskRequestModal__search {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.TaskRequestModal__search-list {
  margin-top: 5.5rem;
}
.JobModal__logo {
  max-width: 100px;
  margin: 0 auto;
}

.JobModal__logo img {
  width: 100%;
}
.JobModal__logo {
  max-width: 140px;
  margin: 0 auto;
}

.JobModal__logo img {
  width: 100%;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.DateTimeRange {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.DateTimeRange__row {
  margin-right: 2rem;
}

.DateTimeRange__label {
  font-weight: bold;
}

.DateTimeRange__input {
  border-radius: 4px !important;
  border: 2px solid #ddd !important;
  background-color: #fff !important;
  padding: 0.5rem !important;
  height: 2rem !important;
  margin-top: .5rem !important;
  width: auto !important;
  margin-bottom: 0.5rem !important;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

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

.WeekDaySelector__Day {
  cursor: pointer;
  padding: .5rem;
  border-radius: 50%;
  background-color: #707070;
  height: 2rem;
  width: 2rem;
  font-size: .8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: .5rem;
  color: #fff;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.WeekDaySelector__Day:hover {
  background-color: #8a8a8a;
}

.WeekDaySelector__Day.selected {
  background-color: #274d7d;
}

.WeekDaySelector__Day.selected:hover {
  background-color: #3365a4;
}

.WeekDaySelector--disabled .WeekDaySelector__Day {
  cursor: pointer;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.ScheduleInput__pre {
  padding: 0.6rem;
  margin-bottom: 1rem;
  color: gray;
  cursor: pointer;
  border-radius: 4px;
  border: 2px solid #ddd;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ScheduleInput__date-ranges {
  position: relative;
  margin-bottom: 1rem;
}

.ScheduleInput__repeat {
  margin-top: 1rem;
}

.ScheduleInput__date-cancel {
  cursor: pointer;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.ScheduleInput__date-cancel:hover {
  color: rgba(0, 0, 0, 0.1) !important;
}

.ScheduleInput__separation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ScheduleInput__separation .InputField {
  max-width: 5rem;
  margin: 0.5rem;
}

.ScheduleInput__separation .InputField input {
  width: 5rem !important;
  margin: 0 !important;
}
.RoomSelectInput__popover-container {
  padding: 1rem;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.RoomsSelectTree {
  width: 100%;
  min-width: 300px;
}

.RoomsSelectTree .SidebarSearchInput {
  padding: 0;
}

.RoomsSelectTree__container {
  border: 2px solid #ddd;
  border-radius: 1rem;
  height: 250px;
  margin-top: .5rem;
  overflow-y: auto;
}

.RoomsSelectTree__row {
  padding: .5rem;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.RoomsSelectTree__row:hover {
  background-color: #f5f5f5;
}

.RoomsSelectTree__row-section {
  padding: 0 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-weight: bold;
}

.RoomsSelectTree__row-sub-room {
  padding-left: 1rem;
}

.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.TicketForm__types {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 2rem;
}

.TicketForm__type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 1rem;
  border: 3px solid #BDBDBD;
  border-radius: .5rem;
  margin: 0.5rem;
  width: 8rem;
  cursor: pointer;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.TicketForm__type--selected {
  border-color: #8BC34A;
  background-color: #f5f5f5;
}

.TicketForm__type--selected span {
  color: #8BC34A !important;
}

.TicketForm__type:hover {
  background-color: #f5f5f5;
}

.TicketForm__type-title {
  text-align: center;
}

.TicketForm__type-icon span {
  font-size: 3rem !important;
}

.TicketForm__create-task {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 1rem;
}

.TicketForm__task-input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.TicketForm__description {
  margin-bottom: 1rem;
}

.TicketForm__task-create {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.TicketCreateForm {
  overflow-y: auto;
  height: calc(100vh - 180px);
}

.TicketCreateForm__small {
  height: calc(100vh - 250px);
}

.TicketCreateForm__header {
  padding: 0 2rem;
  font-size: 2rem;
  line-height: 1.7rem;
  text-align: center;
  font-weight: bold;
  margin-bottom: 2rem;
}

.TicketCreateForm__submit {
  text-align: center;
  margin-top: 2rem;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.EmailBody__toggle {
  border-radius: 4px;
  padding: .5rem;
  cursor: pointer;
  color: #274d7d;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
  padding: .25rem .5rem;
  font-size: 0.8rem;
  margin: 1rem 0;
}

.EmailBody__toggle:active,
.EmailBody__toggle:hover,
.EmailBody__toggle:focus {
  color: #1b3556;
  background-color: gainsboro;
}

.EmailBody__message-body {
  font-size: 1rem;
  word-break: break-word;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.TicketStatus {
  padding: 0.25rem;
  border-radius: .25rem;
  font-size: .8rem;
}

.TicketStatus--text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: .5rem;
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.TicketStatus--unassigned {
  background-color: #f44336;
  color: white;
}

.TicketStatus--unassigned:hover {
  background-color: #f32c1e;
}

.TicketStatus--start {
  background-color: #2196f3;
  color: white;
  cursor: pointer;
}

.TicketStatus--start:hover {
  background-color: #0d8aee;
}

.TicketStatus--assigned {
  background-color: #984983;
  color: white;
}

.TicketStatus--assigned:hover {
  background-color: #874174;
}

.TicketStatus--completed {
  background-color: #4caf50;
  color: white;
}

.TicketStatus--cancelled {
  background-color: #707070;
  color: white;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.TicketRowCompact {
  border: 1px solid #e0e0e0;
  border-bottom: 0;
  color: #0d1c2b;
  padding: .5rem;
  display: block;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.TicketRowCompact:last-child {
  border-bottom: 1px solid #e0e0e0;
}

.TicketRowCompact:hover {
  background-color: #f5f5f5;
}

.TicketRowCompact--inline {
  padding: 0;
  border: none;
  border-bottom: none !important;
}

.TicketRowCompact__info {
  margin-right: 1rem;
}

.TicketRowCompact__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.TicketRowCompact__title--column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.TicketRowCompact__title-text {
  font-size: .9rem;
}

.TicketRowCompact__type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: .25rem;
}

.TicketRowCompact__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.TicketRowCompact__room {
  font-size: .8rem;
  color: gray;
  margin: .25rem;
}

.TicketRowCompact .chip {
  font-size: 0.8rem;
}
.ImagePlaceholder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 300px;
  width: 300px;
  background-color: #e7e7e7;
}

.ImagePlaceholder span {
  font-size: 14px;
  font-weight: bold;
  color: #898989;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.MediaSummary {
  border: 1px solid lightgray;
  padding: 4px .5rem;
  border-radius: 1rem;
  margin-bottom: .5rem;
  margin-right: .5rem;
  display: inline-block;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.MediaSummary:hover {
  background-color: #ededed;
}

.MediaSummary__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.MediaSummary__name {
  word-break: break-all;
}

.MediaSummary i {
  font-size: 1rem;
}

.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.WorkflowTriggerSummary {
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
  border-radius: 6px;
  padding: 1rem;
  display: block;
  color: #0d1c2b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.WorkflowTriggerSummary.shadow {
  -webkit-box-shadow: 0 2px 4px #d2d2d2;
  box-shadow: 0 2px 4px #d2d2d2;
  margin: 1rem .5rem;
}

.WorkflowTriggerSummary:hover {
  background-color: #f5f5f5;
}

.WorkflowTriggerSummary__type-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.2rem;
  margin-bottom: .5rem;
}

.WorkflowTriggerSummary__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 1rem;
}

.WorkflowTriggerSummary__details {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.WorkflowTriggerSummary__actions {
  position: absolute;
  right: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 0.5rem;
}

.WorkflowTriggerSummary__actions .remove {
  color: #f44336 !important;
}

.WorkflowTriggerSummary__integration {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.WorkflowTriggerSummary__integration img {
  max-height: 40px;
  margin-top: 5px;
  margin-right: 1rem;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.QueuedTriggersList {
  min-width: 65%;
  max-width: 70%;
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-right: 5rem;
  margin-top: 1rem;
}

.QueuedTriggersList__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.QueuedTriggersList__list {
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.QueuedTriggersListTrigger {
  border-bottom: 1px solid #d2d2d2;
}

.QueuedTriggersListTrigger:last-child {
  border-bottom: none;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.AdvertiseUpsell {
  position: relative;
}

.AdvertiseUpsell__panel-container {
  background-color: #274d7d;
  max-height: 550px;
  min-height: 550px;
  overflow: hidden;
}

.AdvertiseUpsell__panel-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 900px;
  margin: 0 auto;
}

.AdvertiseUpsell__panel-wrapper--col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.AdvertiseUpsell__header-top {
  color: white;
}

.AdvertiseUpsell__header-top h2 {
  font-size: 2rem;
  margin: 1rem;
  text-align: center;
  margin-top: 2rem;
}

.AdvertiseUpsell__panel-img-top img {
  height: 480px;
  margin: 0 auto;
}

.AdvertiseUpsell__header {
  color: white;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 9rem 2rem;
}

.AdvertiseUpsell__header h1 {
  font-size: 3rem;
  font-weight: bold;
  margin: 0;
}

.AdvertiseUpsell__header h2 {
  font-size: 2rem;
}

.AdvertiseUpsell__hero {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 7rem;
  color: white;
  font-weight: bold;
  padding: 9rem 1rem;
  text-align: center;
  font-style: italic;
}

.AdvertiseUpsell__start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: white;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.AdvertiseUpsell__panel-img {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.AdvertiseUpsell__panel-img img {
  width: 100%;
}

.AdvertiseUpsell__panel-copy {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: white;
}

.AdvertiseUpsell__panel-copy--right {
  padding: 3rem 3rem 0 0;
}

.AdvertiseUpsell__panel-copy--left {
  padding: 3rem 0 0 3rem;
}

.AdvertiseUpsell__panel-copy h3 {
  font-size: 3rem;
  font-weight: 500;
}

.AdvertiseUpsell__panel-copy p {
  font-size: 1.5rem;
}

.AdvertiseUpsell .slick-next {
  right: 50px;
  z-index: 100;
}

.AdvertiseUpsell .slick-prev {
  left: 50px;
  z-index: 100;
}

.AdvertiseUpsell .slick-next:before,
.AdvertiseUpsell .slick-prev:before {
  font-size: 35px;
  line-height: 1;
  opacity: 1;
  color: #fff;
}
.TaskEnablmentRequest .empty {
  padding: 1rem !important;
}

.TaskEnablmentRequest__thumbnails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
}

.TaskEnablmentRequest__thumb img {
  max-height: 380px;
  width: auto;
  margin: 0 auto;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.44);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.44);
}

.TaskEnablmentRequest .slick-next {
  right: 50px;
  z-index: 100;
}

.TaskEnablmentRequest .slick-prev {
  left: 50px;
  z-index: 100;
}

.TaskEnablmentRequest .slick-next:before,
.TaskEnablmentRequest .slick-prev:before {
  font-size: 35px;
  line-height: 1;
  opacity: 1;
  color: #00b485;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.Shine {
  /*  */
}

.Shine__box,
.SuggestTask__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 6px;
  padding-bottom: 6px;
}

.Shine__box button.btn,
.SuggestTask__box button.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px;
}

.Shine__container,
.SuggestTask__container {
  position: relative;
  width: 100%;
}

.Shine__button,
.SuggestTask__button {
  position: relative;
  background-color: #79AFF6;
  border: none;
  color: white;
  display: inline-block;
  padding: 0px 8px;
  border-radius: 5px;
  font-size: 1rem;
  vertical-align: middle;
  cursor: pointer;
  margin-bottom: 0.2em;
}

.Shine__button:focus,
.SuggestTask__button:focus {
  outline: none;
  background-color: #79AFF6;
}

.Shine__shine,
.SuggestTask__shine {
  /*   positioning */
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  z-index: 200;
  /*   gradient   */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(1%, rgba(255, 255, 255, 0.03)), color-stop(30%, rgba(255, 255, 255, 0.6)), color-stop(50%, rgba(255, 255, 255, 0.85)), color-stop(70%, rgba(255, 255, 255, 0.85)), color-stop(71%, rgba(255, 255, 255, 0.85)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
  /* IE6-9 */
  /*  forming the shine element
        play around with the width, skew and gradient to get different effects
      */
  width: 10%;
  height: 100%;
  transform: skew(-10deg, 0deg);
  -webkit-transform: skew(-10deg, 0deg);
  -moz-transform: skew(-10deg, 0deg);
  -ms-transform: skew(-10deg, 0deg);
  -o-transform: skew(-10deg, 0deg);
  /*  animating it  */
  animation: move 2s;
  animation-iteration-count: infinite;
  animation-delay: 1s;
  -webkit-animation: move 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 1s;
  -moz-transform: skew(-10deg, 0deg);
  -moz-animation: move 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-delay: 1s;
  -ms-transform: skew(-10deg, 0deg);
  -ms-animation: move 2s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-delay: 1s;
  -o-transform: skew(-10deg, 0deg);
  -o-animation: move 2s;
  -o-animation-iteration-count: infinite;
  -o-animation-delay: 1s;
}

@keyframes move {
  0% {
    left: 0;
    opacity: 0.2;
  }

  5% {
    opacity: 0.2;
  }

  48% {
    opacity: 0.2;
  }

  80% {
    opacity: 0.2;
  }

  100% {
    left: 82%;
  }
}

@-webkit-keyframes move {
  0% {
    left: 0;
    opacity: 0.2;
  }

  5% {
    opacity: 0.2;
  }

  48% {
    opacity: 0.2;
  }

  80% {
    opacity: 0.2;
  }

  100% {
    left: 82%;
  }
}

.SuggestTask__box {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.SuggestTask__action {
  cursor: pointer;
  margin-right: .5rem;
}

.SuggestTask__action--settings {
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
  position: relative;
  z-index: 100;
}

.SuggestTask__action--settings-open {
  opacity: 1;
}

.SuggestTask__settings-popover {
  margin-bottom: 1rem;
}

.SuggestTask__integration-icon {
  width: auto !important;
}
.Widget__logo {
  margin: 0 auto;
  position: relative;
  display: inline-block;
  width: 100px;
  cursor: pointer;
}

.Widget__logo--img {
  width: 100%;
}
.Suggestions__container {
  position: relative;
  margin: 1rem calc(43.5px + 2.6rem) 1rem 0;
  min-width: 50%;
  max-width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

@media screen and (min-width: 640px) {
  .Suggestions__container {
    min-width: 40%;
    max-width: 80%;
  }
}

.Suggestions__error {
  line-height: 0.1rem;
  display: block;
}

.Suggestions__list {
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.ChatMessage {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: .75rem 0 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

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

@supports not (-ms-high-contrast: none) {
  .ChatMessage__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    /* Non-IE styles here */
  }
}

.ChatMessage__info-container {
  padding: 1rem;
  margin: 0 .75rem;
  background: #f1f1f1;
  border-radius: .5rem;
}

.ChatMessage__info-label {
  font-weight: 200;
}

.ChatMessage .Mention {
  color: #575f67;
  display: inline-block;
  background: #ffe497;
  padding: 0 2px;
  border-radius: 2px;
  text-decoration: none;
}

.ChatMessage:last-child {
  margin-bottom: 1rem;
}

.ChatMessage__integration-icon {
  width: auto !important;
}

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

.ChatMessage__message-body {
  font-size: 1.15rem;
  word-break: break-word;
}

.ChatMessage__action-right {
  color: #707070;
  position: relative;
  right: -1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  border-radius: 8px;
  padding: .25rem;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.ChatMessage__action-right:hover {
  background-color: #bdbdbd;
}

.ChatMessage--left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  text-align: left;
}

.ChatMessage--left .ChatMessage__message--bubble {
  margin-right: 3.5rem;
  margin-left: 0rem;
}

.ChatMessage--left .ChatMessage__message--bubble.secondary {
  margin-left: 2rem;
  margin-top: .5rem;
}

.ChatMessage--left .ChatMessage__message--bubble.secondary:after {
  content: '';
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: -19px;
  left: 6px;
  background: #ffffff;
  border-radius: 50%;
  -webkit-box-shadow: -9px 0px 0 0 #f2f2f2;
  box-shadow: -9px 0px 0 0 #f2f2f2;
  -webkit-transform: rotate(-58deg);
  transform: rotate(-58deg);
  z-index: 0;
}

.ChatMessage--left .ChatMessage__message--bubble.media {
  max-width: 66%;
}

.ChatMessage--left .ChatMessage__message--bubble.media .ChatMessage__media {
  border-top-left-radius: 4px;
  border-top-right-radius: 20px;
}

@media screen and (min-width: 640px) {
  .ChatMessage--left .ChatMessage__message--bubble.media {
    max-width: 45%;
  }
}

.ChatMessage--left .ChatMessage__message--bubble.media:hover {
  cursor: pointer;
}

.ChatMessage--left .ChatMessage__message--bubble.media--hide-image:hover {
  cursor: initial;
}

.ChatMessage--left .ChatMessage__action {
  cursor: pointer;
  margin-left: .5rem;
}

.ChatMessage--left .ChatMessage__action--settings {
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
  padding: 4px 0;
  border-radius: 0.5rem;
}

.ChatMessage--left .ChatMessage__action--settings i {
  font-size: 2rem;
  color: gray;
}

.ChatMessage--left .ChatMessage__action--settings-open {
  opacity: 1;
  right: -2.5rem;
  background: #f0f0f0;
}

.ChatMessage--left:hover .ChatMessage__action--settings {
  opacity: 1;
  right: -2.5rem;
  background: #f0f0f0;
}

.ChatMessage--right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  text-align: right;
}

.ChatMessage--right .ChatMessage__meta {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.ChatMessage--right .ChatMessage__message--bubble {
  border-radius: 20px 4px 20px 20px;
  margin-left: 4rem;
  margin-right: 0rem;
  background: #e4fff1;
}

.ChatMessage--right .ChatMessage__message--bubble.secondary {
  margin-right: 2rem;
  margin-top: .5rem;
}

.ChatMessage--right .ChatMessage__message--bubble.secondary:after {
  content: '';
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: -19px;
  right: 6px;
  background: #fff;
  border-radius: 50%;
  -webkit-box-shadow: -9px -3px 0 0 #f2f2f2 !important;
  box-shadow: -9px -3px 0 0 #f2f2f2 !important;
  -webkit-transform: rotate(-155deg);
  transform: rotate(-155deg);
}

.ChatMessage--right .ChatMessage__message--bubble.internal {
  background: #ffeebd !important;
}

.ChatMessage--right .ChatMessage__message--bubble.internal:after {
  -webkit-box-shadow: 11px 3px 0 0 #ffeebd;
  box-shadow: 11px 3px 0 0 #ffeebd;
}

.ChatMessage--right .ChatMessage__message--bubble.media {
  max-width: 66%;
}

.ChatMessage--right .ChatMessage__message--bubble.media .ChatMessage__media {
  border-top-left-radius: 20px;
  border-top-right-radius: 4px;
}

@media screen and (min-width: 640px) {
  .ChatMessage--right .ChatMessage__message--bubble.media {
    max-width: 45%;
  }
}

.ChatMessage--right .ChatMessage__message--bubble.media:hover {
  cursor: pointer;
}

.ChatMessage--right .ChatMessage__action {
  cursor: pointer;
  margin-right: .5rem;
}

.ChatMessage--right .ChatMessage__action--settings {
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  padding: 4px 0;
  border-radius: 0.5rem;
}

.ChatMessage--right .ChatMessage__action--settings i {
  font-size: 2rem;
  color: gray;
}

.ChatMessage--right .ChatMessage__action--settings-open {
  opacity: 1;
  left: -2.5rem;
  background: #f0f0f0;
}

.ChatMessage--right:hover .ChatMessage__action--settings {
  opacity: 1;
  left: -2.5rem;
  background: #f0f0f0;
}

.ChatMessage--left .ChatMessage__message--bubble.task,
.ChatMessage--right .ChatMessage__message--bubble.task {
  background-color: #fff !important;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border: 1px solid #f2f2f2;
  padding-right: 2rem;
}

.ChatMessage--left .ChatMessage__message--bubble.task:after,
.ChatMessage--right .ChatMessage__message--bubble.task:after {
  content: '';
  width: 0px;
  height: 0px;
}

.ChatMessage__day {
  text-align: center;
  font-size: .8rem;
  color: lightgray;
  border-bottom: 1px solid lightgray;
  height: .6rem;
  margin-bottom: 1rem;
}

.ChatMessage__day--text {
  padding: 0 1rem;
  background-color: white;
}

.ChatMessage__message,
.ChatMessage__content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.ChatMessage__time {
  font-size: .8rem;
  text-align: center;
  color: gray;
  line-height: 1.6rem;
  margin-bottom: 0.2rem;
  padding: 0 .3rem;
}

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

.ChatMessage__meta {
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: .25rem;
  min-height: 1.5rem;
}

.ChatMessage__meta-info {
  font-size: 0.9rem;
  color: gray;
  padding: 0 .25rem;
}

.ChatMessage__meta-info--subject {
  font-weight: bold;
  font-size: 1rem;
  color: #0d1c2b;
}

.ChatMessage__action-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 0.8rem;
}

.ChatMessage__media {
  position: relative;
  position: relative;
  margin: -.5rem -1rem;
  margin-bottom: 0.5rem;
  overflow: hidden;
}

.ChatMessage__media-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ChatMessage__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.ChatMessage__settings-popover {
  margin-bottom: 1rem;
}

.ChatMessage__internal {
  font-size: 0.6rem;
  margin: 5px 0 10px;
}

.ChatMessage__internal--icon {
  font-size: 0.8rem !important;
  vertical-align: top;
  padding-right: 5px;
}

.ChatMessage__survey {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: .25rem 0;
  font-size: .8rem;
  color: #373737;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.ChatMessage__survey:hover {
  color: #274d7d;
}

.ChatMessage__survey .survey-icon {
  font-size: 1.3rem;
  margin-right: 0.35rem;
  color: #fbbd08;
}

.ChatMessage__message--bubble {
  text-align: left;
  position: relative;
  padding: 0.5rem 1rem;
  display: inline-block;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 4px 20px 20px;
  max-width: 100%;
}

.ChatMessage__message--bubble.html {
  background-color: #fff;
  display: block;
  border-bottom: 1px solid #707070;
  border-radius: 0;
}

.ChatMessage__message--bubble.html .ChatMessage__body-wrapper {
  width: 100%;
}

.ChatMessage__message--meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: .8rem;
  color: gray;
  margin-right: .5rem;
}

.ChatMessage__message--meta .emoji-mart-emoji {
  margin-left: 0.5rem;
}

.ChatMessage__message--meta i {
  font-size: .8rem;
  margin-right: 4px;
}

.ChatMessage__message--meta a {
  color: inherit;
}

.ChatMessage__message--meta a:hover {
  text-decoration: underline;
}

.TaskMessage__ticket {
  font-size: 1rem;
  margin-bottom: .25rem;
  color: #373737;
  font-weight: bold;
}

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

.TaskMessage__status {
  font-weight: bold;
  font-size: .8rem;
  margin-right: 1rem;
}

.TaskMessage__status-icon {
  display: inline;
}

.TaskMessage__status-icon img {
  width: auto;
  margin-right: .5rem;
  height: 1rem;
}

.TaskMessage__status-icon--fcs {
  height: 2rem !important;
}

.TaskMessage__integration {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right;
  font-weight: bold;
  font-size: .8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.ChatContainer .progress {
  margin: 0 !important;
}

.ChatMessageList__window {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: auto !important;
}

.ChatMessageList__empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  font-size: 2rem;
  font-weight: 100;
  color: #d2d2d2;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.TypingIndicator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #676767;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 1rem;
}

.TypingIndicator .dot {
  margin: .1rem;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: gray;
}

.TypingIndicator .dot:first-child {
  margin-left: .5rem;
}

.TypingIndicator__content {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  background: #f6f7f9;
  background-image: -webkit-gradient(linear, left top, right top, from(#f6f7f9), color-stop(20%, #e9ebee), color-stop(40%, #f6f7f9), to(#f6f7f9));
  background-image: linear-gradient(to right, #f6f7f9 0%, #e9ebee 20%, #f6f7f9 40%, #f6f7f9 100%);
  background-repeat: no-repeat;
  background-size: 800px 104px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  display: inline-block;
  padding: 0.2rem .5rem;
  border-radius: 1rem;
  font-size: .8rem;
}

@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }

  100% {
    background-position: 468px 0;
  }
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }

  100% {
    background-position: 468px 0;
  }
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.GuestList .PaginatedList__header {
  padding: 0;
  margin-bottom: 1rem;
}

.GuestList__row {
  cursor: pointer;
}

.GuestList__row:hover {
  background-color: rgba(45, 43, 43, 0.17) !important;
}

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

.GuestList__row-avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.GuestChannelOptions__more {
  padding: 6px !important;
  height: auto !important;
}

.GuestChannelOptions__status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.GuestChannelOptions__status--check {
  margin: 0 0.5rem;
  opacity: 0.7;
  color: green !important;
}

.GuestChannelOptions__status--pending {
  margin: 0 0.5rem;
  opacity: 0.7;
}

.GuestChannelOptions__status--close {
  margin: 0 0.5rem;
  opacity: 0.7;
  color: red !important;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.GuestChannelsSummary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: .5rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.GuestChannelsSummary__channel {
  padding: .4rem 1rem;
  padding-right: 0.5rem;
  font-size: .9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.GuestChannelsSummary__channel-title {
  font-size: 0.8rem;
  font-weight: bold;
  text-transform: uppercase;
  color: grey;
}

.GuestChannelsSummary__channel-label-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: .5rem;
}

.GuestChannelsSummary__channel-badge {
  font-size: 1rem;
}

.GuestChannelsSummary__channel-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.GuestChannelsSummary__channel-add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  padding: .5rem;
  border-radius: 2px;
  color: gray;
  font-weight: 100;
  border-radius: 2rem;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.GuestChannelsSummary__channel-add:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.AddChannelModal__type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 5rem;
}

.AddChannelModal__type-selector {
  margin-right: 2rem;
  width: 13rem;
}

.AddChannelModal .PhoneInput {
  margin-top: 1.6rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.AddChannelModal__type-input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: 0.2rem;
}

.AddChannelModal__header-back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.AddChannelModal__title {
  text-align: center;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.DescriptionList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: .5rem 1rem;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.DescriptionList:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.DescriptionList--row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.DescriptionList--row .DescriptionList__label {
  margin-right: .5rem;
}

.DescriptionList--last {
  margin-bottom: .5rem;
}

.DescriptionList__label {
  font-size: 1rem;
  min-width: 60px;
  color: #575757;
}

.DescriptionList__value {
  font-size: 1rem;
  font-weight: normal;
  word-break: break-word;
  max-height: 60px;
  overflow: hidden;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.GuestProfileCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: .5rem 0;
}

.GuestProfileCard--column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.GuestProfileCard--column .GuestProfileCard__name {
  text-align: center;
  margin: .5rem 0;
}

.GuestProfileCard--card {
  border-radius: .5rem;
  -webkit-box-shadow: 0 2px 4px #d2d2d2;
  box-shadow: 0 2px 4px #d2d2d2;
}

.GuestProfileCard__avatar {
  padding: 0 1rem;
  cursor: pointer;
  position: relative;
}

.GuestProfileCard__avatar .Avatar {
  margin: 0;
}

.GuestProfileCard__avatar i {
  position: absolute;
  top: -.5rem;
  right: -0.5rem;
  color: #fbbd08;
}

.GuestProfileCard__guest {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.GuestProfileCard__name {
  margin-bottom: .2rem;
  font-size: 1.2rem;
}

.GuestProfileCard__tags {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.GuestProfileCard__tags-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0.5rem;
}
.GuestCard__btn-container {
  width: 100%;
  margin: 2rem auto 1rem;
  text-align: center;
  display: inline-block;
}

.GuestCard__body {
  margin-left: 1rem;
}

.GuestCard__body strong {
  padding-right: 4px;
}

.GuestCard__body hr {
  width: 50%;
  border-color: gray;
  opacity: 0.3;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.MergeGuestModal__title {
  text-align: center;
}
.ChatContainer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.ChatContainer .FBLocked {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(251, 189, 8, 0.85);
  z-index: 100;
  padding: .5em 1em;
  text-align: center;
  border-radius: 2px;
  color: white;
  font-weight: 400;
  font-size: 1.4em;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.GuestChatContainerHeader {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 3.5em;
  flex: 0 0 3.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 3.5em;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid #dfdfdf;
  z-index: 100;
  padding: .25rem;
  padding-left: 1rem;
}

.GuestChatContainerHeader__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
}

.GuestChatContainerHeader__channel-selector {
  margin: 0 1rem;
}

.GuestChatContainerHeader__secondary {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.GuestPreferences {
  margin: 0 1rem 1rem;
  position: relative;
  /* mdl-demo is a custom classname to increases the specificity of our styles. It can be anything. 
  * The idea is that it is easy to extend/override builtin styles with very little effort.
  */
  /* checkbox styles */
}

.GuestPreferences__label {
  margin-right: 1rem;
}

.GuestPreferences__group {
  margin: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.GuestPreferences__add {
  margin: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem;
}

.GuestPreferences__icon {
  position: absolute !important;
  bottom: 0;
  right: 0;
}

.GuestPreferences__request-field input {
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.GuestPreferences input {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  margin-bottom: 0;
}

.GuestPreferences input[type="text"] {
  border: 1px solid lightgray;
  border-radius: .5rem;
  padding: .5rem 1rem;
  height: 2rem;
  margin-top: 1rem;
}

.GuestPreferences input[type="text"]:focus {
  border-bottom: 1px solid lightgray;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.GuestPreferences .dropdown-trigger {
  border: none !important;
}

.GuestPreferences .dropdown-trigger .tag-list .tag-item {
  display: inline-block;
  margin-right: 5px;
}

.GuestPreferences .dropdown-trigger .tag-list .tag-item:last-child {
  width: calc(85% - 36px);
  display: block;
}

.GuestPreferences .dropdown-trigger .tag-list span.tag {
  border: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 0.2rem 0.7rem;
  padding-right: .2rem;
  font-family: Roboto, sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: default;
  text-decoration: none;
  margin-top: 10px;
  outline: none;
  color: rgba(0, 0, 0, 0.6);
  font-size: 13px;
  font-weight: inherit;
  position: relative;
  background-color: #e0e0e0;
  border-radius: 16px;
  white-space: nowrap;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.GuestPreferences .dropdown-trigger .tag-list span.tag button {
  height: 24px;
  width: 24px;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  cursor: pointer;
  background-color: gray;
  color: #e0e0e0;
  margin-left: 0.5rem;
  border: none;
  border-radius: 50%;
}

.GuestPreferences .dropdown-trigger .tag-list span.tag button:hover {
  opacity: 0.5;
}

.GuestPreferences .dropdown-trigger .tag {
  padding: 3px 6px;
}

.GuestPreferences .dropdown-trigger .tag .tag-remove {
  padding-left: 6px;
}

.GuestPreferences .dropdown-content {
  max-height: 300px;
  display: block;
  opacity: 1;
  z-index: 200 !important;
  width: 100%;
}

.GuestPreferences .dropdown-content .searchLoader {
  display: none;
}

.GuestPreferences .dropdown-content input[type="checkbox"] {
  opacity: 1;
  position: relative;
  left: 0;
}

.GuestPreferences .dropdown-content input[type="checkbox"][disabled] {
  display: none;
}

.GuestPreferences .dropdown-content .no-matches {
  padding: 1rem;
  display: block;
}

.GuestPreferences .dropdown-content .disabled .toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  width: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  padding-right: 4px;
}

.GuestPreferences .mdl-demo ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.GuestPreferences .mdl-demo .dropdown-trigger > span:after {
  font-size: 12px;
  color: #555;
}

.GuestPreferences .mdl-demo .toggle {
  font: normal normal normal 18px/1 "Material Icons";
  color: #555;
  white-space: pre;
  margin-right: 4px;
}

.GuestPreferences .mdl-demo .toggle.collapsed::after {
  cursor: pointer;
  content: "\E5CC";
  vertical-align: middle;
}

.GuestPreferences .mdl-demo .toggle.expanded::after {
  cursor: pointer;
  content: "\E5CF";
  vertical-align: middle;
}

.GuestPreferences .mdl-demo .checkbox-item {
  position: relative;
  width: 1rem;
  height: 1rem;
  margin-right: 0.75rem;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  vertical-align: middle;
}

.GuestPreferences .mdl-demo .checkbox-item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border: 2px solid #aaa;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.GuestPreferences .mdl-demo .checkbox-item:checked:before {
  height: 50%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-top-style: none;
  border-right-style: none;
  border-color: #2196f3;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.FormFlowRequestHistoryCompact__row {
  border: 1px solid #e0e0e0;
  border-bottom: 0;
  color: #0d1c2b;
  padding: .5rem;
  display: block;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.FormFlowRequestHistoryCompact__row:last-child {
  border-bottom: 1px solid #e0e0e0;
}

.FormFlowRequestHistoryCompact__row:hover {
  background-color: #f5f5f5;
}

.FormFlowRequestHistoryCompact__row--completed {
  cursor: pointer;
}

.FormFlowRequestHistoryCompact__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.FormFlowRequestHistoryCompact__date {
  font-size: .8rem;
  color: gray;
  margin: .25rem;
}

.FormFlowRequestHistoryCompact .chip {
  font-size: 0.8rem;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.FlexiPassDigitalKeyList {
  padding: .5rem 0;
}

.FlexiPassDigitalKeyList__row {
  border-bottom: 1px solid #d2d2d2;
  color: #0d1c2b;
  padding: .5rem;
  margin-bottom: .5rem;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.FlexiPassDigitalKeyList__row:last-child {
  border-bottom: 0;
}

.FlexiPassDigitalKeyList__row:hover {
  background-color: #f5f5f5;
}

.FlexiPassDigitalKeyList__info-container {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

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

.FlexiPassDigitalKeyList__data {
  margin-right: 2rem;
}

.FlexiPassDigitalKeyList__label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.FlexiPassDigitalKeyList__value {
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
}

.FlexiPassDigitalKeyList__valid {
  font-size: .8rem;
  color: gray;
  margin-top: .5rem;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.RemoteLockDigitalKeyList {
  padding: .5rem 0;
}

.RemoteLockDigitalKeyList__row {
  border-bottom: 1px solid #d2d2d2;
  color: #0d1c2b;
  padding: .5rem;
  margin-bottom: .5rem;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.RemoteLockDigitalKeyList__row:last-child {
  border-bottom: 0;
}

.RemoteLockDigitalKeyList__row:hover {
  background-color: #f5f5f5;
}

.RemoteLockDigitalKeyList__info-container {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

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

.RemoteLockDigitalKeyList__data {
  margin-right: 2rem;
}

.RemoteLockDigitalKeyList__label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.RemoteLockDigitalKeyList__value {
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
}

.RemoteLockDigitalKeyList__valid {
  font-size: .8rem;
  color: gray;
  margin-top: .5rem;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.guestchat .RightPanel.Panel {
  overflow-y: auto;
  position: static;
}

.ConversationInfoHeader {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ConversationInfoHeader__back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem;
}

@media (min-width: 640px) {
  .ConversationInfoHeader__back {
    display: none;
  }
}

.ConversationInfoHeader .ChatTypeBadge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 1rem .9rem;
  padding-right: 0;
}

.ConversationInfoHeader__action {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 105px;
  flex: 0 0 105px;
  color: #f44336;
  font-weight: 400;
  padding: 1rem 0.5rem;
  cursor: pointer;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.ConversationInfoHeader__action:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.ConversationInfoBar {
  padding-top: 1rem;
}

.ConversationInfoBar__reservation {
  color: initial;
}

.ConversationInfoBar__section {
  margin-top: 5px;
}

.ConversationInfoBar__property {
  padding: 0 1rem;
  margin-top: 1rem;
}

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

.ConversationInfoBar__reservation-dates .DescriptionList {
  border: none;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.whistle-horizontal-gradient {
  background: #274d7d;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#274d7d), color-stop(75%, #14fb6c));
  background: linear-gradient(to right, #274d7d 0%, #14fb6c 75%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#274d7d', endColorstr='$tertiary-color',GradientType=1 );
  /* IE6-9 */
  width: 100wh;
  height: 8px;
}

.whistle-horizontal-gradient-loading {
  background: linear-gradient(75deg, #274d7d, #14fb6c);
  width: 100wh;
  height: 8px;
  background: linear-gradient(-75deg, #274d7d, #14fb6c, #274d7d, #14fb6c);
  background-size: 400% 400%;
  -webkit-animation: Spinner 5s linear infinite;
  animation: Spinner 5s linear infinite;
}

@-webkit-keyframes Spinner {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@keyframes Spinner {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}
.unapprovedUser {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.unapprovedUser i {
  display: block;
  width: 100px;
  margin: 0px auto;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.PrimarySectionHeader {
  position: relative;
  padding: .75em 1em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  margin: .2rem 0;
  margin-right: .5rem;
  background-color: #e4e7ea;
  color: #0d1c2b;
  font-size: .9rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
}

.PrimarySectionHeader--action {
  padding: 0 1rem;
  padding-right: 0;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.NavItem {
  position: relative;
  line-height: 48px;
}

.NavItem .Badge {
  position: absolute;
  right: 0;
  z-index: 100;
  top: .8rem;
}

.NavItem.header {
  padding: 32px 32px 0;
  margin-bottom: 8px;
}

.NavItem.footer {
  text-align: center;
  font-size: 0.9rem;
  color: gray;
  font-weight: bold;
}

.NavItem .selected {
  background: #e4e7ea;
  -webkit-box-shadow: inset 0 1px 4px #c7ced4;
  box-shadow: inset 0 1px 4px #c7ced4;
}

.NavItem .selected:hover {
  background: #c7ced4;
}

.NavItem__actions {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.NavItem__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.NavItem__action i {
  color: gray;
}

.NavItem a {
  color: #0d1c2b;
  display: block;
  line-height: 38px;
  height: 38px;
  padding: 0 30px;
  font-weight: 500;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.NavItem a:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.NavItem a:hover .NavItem__actions {
  opacity: 1;
}

.NavItem a i {
  margin-left: .5rem;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.NavigationSidebar {
  margin: 0;
}

.NavigationSidebar .Avatar {
  margin: 0 auto;
}

.NavigationSidebar__ListItem {
  position: relative;
  line-height: 48px;
}

.NavigationSidebar__ListItem .Badge {
  position: absolute;
  right: 0;
  z-index: 100;
  top: .8rem;
}

.NavigationSidebar__ListItem.header {
  padding: 32px 32px 0;
  margin-bottom: 8px;
}

.NavigationSidebar__ListItem.footer {
  text-align: center;
  font-size: 0.9rem;
  color: gray;
  font-weight: bold;
}

.NavigationSidebar__ListItem .selected {
  background: #e4e7ea;
  -webkit-box-shadow: inset 0 1px 4px #c7ced4;
  box-shadow: inset 0 1px 4px #c7ced4;
}

.NavigationSidebar__ListItem .selected:hover {
  background: #c7ced4;
}
.CompanySidebar__company-name {
  line-height: 1.5rem;
  padding: 1rem 0;
  text-align: center;
}

.CompanySidebar .Avatar {
  margin: 0 auto;
}

.CompanySidebar .Avatar.large .Avatar__icon i {
  font-size: 3rem;
  top: 1rem;
  left: 0.25rem;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.AvailabilitySchedule {
  margin-bottom: 2rem;
}

.AvailabilitySchedule__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.AvailabilitySchedule__day-select {
  margin-right: .5rem;
  margin-top: 1rem;
  cursor: pointer;
}

.AvailabilitySchedule__time {
  margin: 0.5rem;
  cursor: pointer;
}

.AvailabilitySchedule__action {
  cursor: pointer;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.AvailabilitySchedule__action--delete {
  color: #f44336;
}

.AvailabilitySchedule__action--delete:hover {
  color: #f77066;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.ChatBotButtonsEditor__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  margin-bottom: 1rem;
}

.ChatBotButtonsEditor__type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-right: 1rem;
}

.ChatBotButtonsEditor__type label {
  font-weight: bold;
  margin-bottom: .5rem;
}

.ChatBotButtonsEditor__title {
  margin-right: 1rem;
}

.ChatBotButtonsEditor__payload {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.ChatBotButtonsEditor__payload label {
  font-weight: bold;
  margin-bottom: .5rem;
}

.ChatBotButtonsEditor__remove {
  position: absolute;
  right: 0;
  top: 1.5rem;
  padding: .5rem;
  cursor: pointer;
  color: #f44336;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.ChatBotButtonsEditor__remove:active,
.ChatBotButtonsEditor__remove:hover,
.ChatBotButtonsEditor__remove:focus {
  color: #ea1c0d;
  background-color: gainsboro;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.ChatBotResponseRow {
  padding: 1rem;
  border-bottom: 1px solid lightgray;
  padding-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  position: relative;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.ChatBotResponseRow:hover {
  background-color: #f7f7f7;
}

.ChatBotResponseRow__action {
  position: absolute;
  top: .5rem;
  right: 1rem;
}

.ChatBotResponseRow__title {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 0.5rem;
}

.ChatBotResponseRow .description {
  margin-bottom: 1rem;
}

.ChatBotResponseRow__label {
  text-transform: uppercase;
  color: gray;
  font-weight: bold;
  font-size: .75rem;
  margin-bottom: .5rem;
}

.ChatBotResponseRow__text {
  padding: 1rem;
  background: #e9e9e9;
  border-radius: 20px;
  margin-bottom: 0.5rem;
}

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

.ChatBotResponseRow__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: default;
  text-decoration: none;
  outline: none;
  font-size: inherit;
  font-weight: inherit;
  position: relative;
  background-color: #274d7d;
  border-radius: 2rem;
  white-space: nowrap;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: .5rem;
  margin-bottom: .5rem;
  color: #fff;
  padding: 0.5rem 0.8rem;
}
.AvailabilityContainer {
  height: calc(100vh - 90px);
  overflow-y: auto;
}
.VariablesPanel {
  background: transparent;
  overflow: auto;
}

.Variables {
  padding: 0 1rem;
}
.SplashScreen {
  height: 100vh;
  /*background: linear-gradient(to bottom right, #274d7d 0%, #fbbd08 75%);*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: white;
}

.SplashScreen__logo {
  text-align: center;
}

.SplashScreen__logo img {
  width: 100%;
  max-width: 170px;
}

.SplashScreen__info {
  font-family: 'Roboto Slab',serif;
  color: #4a4a4a;
  margin-top: 1rem;
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

body {
  background: #fafafa;
}

label {
  font-size: 1rem;
}

h6 {
  font-size: 1.2rem;
  font-weight: bold;
}

::-webkit-scrollbar {
  background-color: #fff;
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  background: rgba(53, 57, 71, 0.3);
  border-radius: 4px;
}

::-webkit-input-placeholder {
  color: #777777 !important;
}

:-moz-placeholder {
  color: #777777 !important;
}

::-moz-placeholder {
  color: #777777 !important;
}

:-ms-input-placeholder {
  color: #777777 !important;
}

.row .col {
  padding: 0 .5rem;
}

label {
  color: #373737;
}

input[type=text]:focus + label.active:after,
input[type=password]:focus + label.active:after,
input[type=email]:focus + label.active:after,
input[type=text] + label.active:after,
input[type=password] + label.active:after,
input[type=email] + label.active:after {
  top: 4.5em !important;
}

.input-field.col label {
  width: 100%;
  padding-left: .5rem;
  left: 0 !important;
}

.input-field label {
  font-size: 1rem;
  font-weight: bold;
  color: #373737;
}

.input-field label:not(.label-icon).active {
  font-size: 1rem;
  color: #373737;
}

.input-field label:not(.label-icon) {
  font-size: 1rem;
  -webkit-transform: translateY(-140%);
  transform: translateY(-140%);
}

.logo {
  height: 100px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.side-nav a.brand-logo:hover {
  background-color: #0d1c2b;
}

.main-gradient-loader {
  height: 8px;
}

.dashboard__sidebar {
  width: 100px;
  position: absolute;
}

.dashboard__content {
  margin-left: 100px;
  position: relative;
}

.btn {
  background-color: #274d7d;
  border-radius: 2rem;
}

.btn-large,
.btn-large:hover,
.btn:hover {
  background-color: #3365a4;
}

.tabs {
  background-color: #274d7d;
}

.tabs .indicator {
  background-color: #fff;
}

.tabs .tab a {
  color: rgba(255, 255, 255, 0.7);
}

.tabs .tab a.active,
.tabs .tab a:hover {
  color: #fff;
}

.datepickers-container input[type=range] + .thumb {
  background-color: transparent;
}

.EmptyMainViewMessage {
  padding: 7em;
  position: relative;
  top: 21%;
  color: grey;
  text-align: center;
  background-color: white;
}

.empty {
  text-align: center;
  padding: 2em 1em;
  background: white;
  margin-top: 1em;
  border-radius: 2px;
  color: gray;
  font-size: 24px;
  font-weight: 100;
}

.empty__action {
  font-size: 1rem;
  font-weight: normal;
  margin-top: 1rem;
}

.more-info i {
  font-size: 1rem;
}

.chip.selected.add {
  -webkit-box-shadow: 0 2px 4px #d2d2d2;
  box-shadow: 0 2px 4px #d2d2d2;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.chip.selected.add:hover {
  background-color: #3365a4;
}

.block {
  display: block;
}

.fullwidth {
  width: 100%;
}

.pull-right {
  float: right;
}

.flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.center {
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.vertical-center {
  vertical-align: middle;
}

.text-left {
  text-align: left;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.text-right {
  text-align: right;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.normal-padding-sides {
  padding: 0 1rem;
}

.normal-padding-right {
  padding-right: 1rem;
}

.normal-padding-left {
  padding-left: 1rem;
}

.normal-padding {
  padding: 1rem;
}

.normal-margin {
  margin: 1rem;
}

.normal-margin-top {
  margin-top: 1rem;
}

.normal-margin-bottom {
  margin-bottom: 1rem;
}

.no-margin {
  margin: 0;
}

.pointer {
  cursor: pointer;
}

.inline {
  display: inline-block;
}

.light-callout {
  padding: .5em;
  background: #fafafa;
  border-radius: 4px;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.section h5 {
  position: relative;
  display: inline;
}

.section h5 .Badge {
  position: absolute;
  margin: 0;
  margin-left: 1rem;
}

.Tabs {
  border-right: 1px solid #fff !important;
}

.Tabs:last-child {
  border-right: none !important;
}

.Tabs--selected {
  color: #274d7d !important;
  background-color: #e4e7ea !important;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.description {
  margin: .5rem 0;
  background-color: rgba(0, 0, 0, 0.05);
  padding: .5rem .75rem;
  border-radius: 4px;
  font-style: italic;
  font-size: 1rem;
}

.bullet-list {
  margin-top: 2rem;
  margin-left: 3rem;
}

.bullet-list li {
  list-style-type: disc !important;
  margin: 1rem 0;
}

.cover-all {
  width: 100%;
  height: 100%;
  border: none;
}

.Input__loading {
  position: absolute;
  right: .5rem;
  top: 2rem;
}

.preloader-wrapper.extra-small {
  width: 20px;
  height: 20px;
}

.col .row {
  margin-left: auto;
  margin-right: auto;
}

input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea {
  margin: inherit;
  padding: inherit;
}

.x-hellosign-embedded--in-modal {
  z-index: 100;
}

.x-hellosign-embedded__modal-content {
  max-width: 90% !important;
}

@-webkit-keyframes pulseGreen {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(3, 179, 134, 0.7);
    box-shadow: 0 0 0 0 rgba(3, 179, 134, 0.7);
  }

  70% {
    -webkit-box-shadow: 0 0 0 20px rgba(3, 179, 134, 0);
    box-shadow: 0 0 0 20px rgba(3, 179, 134, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(3, 179, 134, 0);
    box-shadow: 0 0 0 0 rgba(3, 179, 134, 0);
  }
}

@keyframes pulseGreen {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(3, 179, 134, 0.7);
    box-shadow: 0 0 0 0 rgba(3, 179, 134, 0.7);
  }

  70% {
    -webkit-box-shadow: 0 0 0 20px rgba(3, 179, 134, 0);
    box-shadow: 0 0 0 20px rgba(3, 179, 134, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(3, 179, 134, 0);
    box-shadow: 0 0 0 0 rgba(3, 179, 134, 0);
  }
}
.primary-color {
  color: #274d7d;
}

.light-color {
  color: #979797;
}

.secondary-bg-color {
  background-color: #e4e7ea;
}

.base-text-color {
  color: #0d1c2b;
}

.read-text {
  color: #984983;
}

.danger-text {
  color: #f44336;
}

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

.replied-text {
  color: #274d7d;
}

.inactive-text {
  color: #777373;
}

.prescence-active-text {
  color: #4caf50 !important;
}

.small {
  font-size: 0.8rem;
}

.light {
  color: #676767;
}

.italic {
  font-style: italic;
}

.highlight {
  padding: 0.2rem 0.5rem;
  background: #ffc107;
  border-radius: 2px;
}

.highlight-disabled {
  padding: 0.5rem 1rem;
  background: #ddd;
  border-radius: 2px;
}

.light-highlight {
  padding: 0.2rem 0.5rem;
  background: #ddd;
  border-radius: 2px;
  font-size: 0.8rem;
}

.tertiary-highlight {
  padding: 0.2rem 0.5rem;
  background: #984983;
  color: #fff;
  border-radius: 2px;
  font-size: 0.9rem;
}

.border-top {
  border-top: 1px solid #707070;
}

.Login {
  margin: 10vh 0;
}

.Login__card {
  overflow: hidden;
}

.Login__sub {
  margin-top: 3rem;
}

.Login .btn-flat {
  padding: 0 1em;
  font-size: 11px;
}

@media screen and (min-width: 640px) {
  .Login .btn-flat {
    padding: 0 2rem;
    font-size: initial;
  }
}

.Login .back-button {
  position: absolute;
  display: block;
  top: 19px;
}

.Login .secondary-action {
  background-color: transparent !important;
  color: #0c7abf;
  font-size: 14px;
}

.Login .secondary-action i {
  color: #0c7abf;
}

.Login .secondary-action:hover,
.Login .secondary-action:focus {
  background-color: transparent !important;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.Login .MFASelect__mfa-option {
  padding: 1rem;
  cursor: pointer;
  -webkit-box-shadow: 0 2px 4px #d2d2d2;
  box-shadow: 0 2px 4px #d2d2d2;
}

.Login .MFASelect__mfa-option:hover {
  background-color: #f5f5f5;
}

.Login .MFASelect__mfa-option-title {
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.Login .MFASelect__mfa-option-info {
  color: #373737;
}
input[type=text] + label:after,
input[type=password] + label:after,
input[type=email] + label:after {
  top: 3em;
}

input[type=text]:focus + label.active:after,
input[type=password]:focus + label.active:after,
input[type=email]:focus + label.active:after,
input[type=text] + label.active:after,
input[type=password] + label.active:after,
input[type=email] + label.active:after {
  top: 5.5em;
}
.Maintenance {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: white;
}

.Maintenance__container {
  text-align: center;
}

.Maintenance__image {
  width: 100%;
  max-width: 170px;
}

.Maintenance__text {
  font-family: 'Roboto Slab',serif;
  color: #4a4a4a;
  margin-top: 1rem;
  text-align: center;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url(fonts/MaterialIcons-Regular.eot);
  /* For IE6-8 */
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(fonts/MaterialIcons-Regular.woff2) format("woff2"), url(fonts/MaterialIcons-Regular.woff) format("woff"), url(fonts/MaterialIcons-Regular.ttf) format("truetype");
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
}

.mi {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
}

.mi-3d-rotation:before {
  content: "\e84d";
}

.mi-ac-unit:before {
  content: "\eb3b";
}

.mi-access-alarm:before {
  content: "\e190";
}

.mi-access-alarms:before {
  content: "\e191";
}

.mi-access-time:before {
  content: "\e192";
}

.mi-accessibility:before {
  content: "\e84e";
}

.mi-accessible:before {
  content: "\e914";
}

.mi-account-balance:before {
  content: "\e84f";
}

.mi-account-balance-wallet:before {
  content: "\e850";
}

.mi-account-box:before {
  content: "\e851";
}

.mi-account-circle:before {
  content: "\e853";
}

.mi-adb:before {
  content: "\e60e";
}

.mi-add:before {
  content: "\e145";
}

.mi-add-a-photo:before {
  content: "\e439";
}

.mi-add-alarm:before {
  content: "\e193";
}

.mi-add-alert:before {
  content: "\e003";
}

.mi-add-box:before {
  content: "\e146";
}

.mi-add-circle:before {
  content: "\e147";
}

.mi-add-circle-outline:before {
  content: "\e148";
}

.mi-add-location:before {
  content: "\e567";
}

.mi-add-shopping-cart:before {
  content: "\e854";
}

.mi-add-to-photos:before {
  content: "\e39d";
}

.mi-add-to-queue:before {
  content: "\e05c";
}

.mi-adjust:before {
  content: "\e39e";
}

.mi-airline-seat-flat:before {
  content: "\e630";
}

.mi-airline-seat-flat-angled:before {
  content: "\e631";
}

.mi-airline-seat-individual-suite:before {
  content: "\e632";
}

.mi-airline-seat-legroom-extra:before {
  content: "\e633";
}

.mi-airline-seat-legroom-normal:before {
  content: "\e634";
}

.mi-airline-seat-legroom-reduced:before {
  content: "\e635";
}

.mi-airline-seat-recline-extra:before {
  content: "\e636";
}

.mi-airline-seat-recline-normal:before {
  content: "\e637";
}

.mi-airplanemode-active:before {
  content: "\e195";
}

.mi-airplanemode-inactive:before {
  content: "\e194";
}

.mi-airplay:before {
  content: "\e055";
}

.mi-airport-shuttle:before {
  content: "\eb3c";
}

.mi-alarm:before {
  content: "\e855";
}

.mi-alarm-add:before {
  content: "\e856";
}

.mi-alarm-off:before {
  content: "\e857";
}

.mi-alarm-on:before {
  content: "\e858";
}

.mi-album:before {
  content: "\e019";
}

.mi-all-inclusive:before {
  content: "\eb3d";
}

.mi-all-out:before {
  content: "\e90b";
}

.mi-android:before {
  content: "\e859";
}

.mi-announcement:before {
  content: "\e85a";
}

.mi-apps:before {
  content: "\e5c3";
}

.mi-archive:before {
  content: "\e149";
}

.mi-arrow-back:before {
  content: "\e5c4";
}

.mi-arrow-downward:before {
  content: "\e5db";
}

.mi-arrow-drop-down:before {
  content: "\e5c5";
}

.mi-arrow-drop-down-circle:before {
  content: "\e5c6";
}

.mi-arrow-drop-up:before {
  content: "\e5c7";
}

.mi-arrow-forward:before {
  content: "\e5c8";
}

.mi-arrow-upward:before {
  content: "\e5d8";
}

.mi-art-track:before {
  content: "\e060";
}

.mi-aspect-ratio:before {
  content: "\e85b";
}

.mi-assessment:before {
  content: "\e85c";
}

.mi-assignment:before {
  content: "\e85d";
}

.mi-assignment-ind:before {
  content: "\e85e";
}

.mi-assignment-late:before {
  content: "\e85f";
}

.mi-assignment-return:before {
  content: "\e860";
}

.mi-assignment-returned:before {
  content: "\e861";
}

.mi-assignment-turned-in:before {
  content: "\e862";
}

.mi-assistant:before {
  content: "\e39f";
}

.mi-assistant-photo:before {
  content: "\e3a0";
}

.mi-attach-file:before {
  content: "\e226";
}

.mi-attach-money:before {
  content: "\e227";
}

.mi-attachment:before {
  content: "\e2bc";
}

.mi-audiotrack:before {
  content: "\e3a1";
}

.mi-autorenew:before {
  content: "\e863";
}

.mi-av-timer:before {
  content: "\e01b";
}

.mi-backspace:before {
  content: "\e14a";
}

.mi-backup:before {
  content: "\e864";
}

.mi-battery-alert:before {
  content: "\e19c";
}

.mi-battery-charging-full:before {
  content: "\e1a3";
}

.mi-battery-full:before {
  content: "\e1a4";
}

.mi-battery-std:before {
  content: "\e1a5";
}

.mi-battery-unknown:before {
  content: "\e1a6";
}

.mi-beach-access:before {
  content: "\eb3e";
}

.mi-beenhere:before {
  content: "\e52d";
}

.mi-block:before {
  content: "\e14b";
}

.mi-bluetooth:before {
  content: "\e1a7";
}

.mi-bluetooth-audio:before {
  content: "\e60f";
}

.mi-bluetooth-connected:before {
  content: "\e1a8";
}

.mi-bluetooth-disabled:before {
  content: "\e1a9";
}

.mi-bluetooth-searching:before {
  content: "\e1aa";
}

.mi-blur-circular:before {
  content: "\e3a2";
}

.mi-blur-linear:before {
  content: "\e3a3";
}

.mi-blur-off:before {
  content: "\e3a4";
}

.mi-blur-on:before {
  content: "\e3a5";
}

.mi-book:before {
  content: "\e865";
}

.mi-bookmark:before {
  content: "\e866";
}

.mi-bookmark-border:before {
  content: "\e867";
}

.mi-border-all:before {
  content: "\e228";
}

.mi-border-bottom:before {
  content: "\e229";
}

.mi-border-clear:before {
  content: "\e22a";
}

.mi-border-color:before {
  content: "\e22b";
}

.mi-border-horizontal:before {
  content: "\e22c";
}

.mi-border-inner:before {
  content: "\e22d";
}

.mi-border-left:before {
  content: "\e22e";
}

.mi-border-outer:before {
  content: "\e22f";
}

.mi-border-right:before {
  content: "\e230";
}

.mi-border-style:before {
  content: "\e231";
}

.mi-border-top:before {
  content: "\e232";
}

.mi-border-vertical:before {
  content: "\e233";
}

.mi-branding-watermark:before {
  content: "\e06b";
}

.mi-brightness-1:before {
  content: "\e3a6";
}

.mi-brightness-2:before {
  content: "\e3a7";
}

.mi-brightness-3:before {
  content: "\e3a8";
}

.mi-brightness-4:before {
  content: "\e3a9";
}

.mi-brightness-5:before {
  content: "\e3aa";
}

.mi-brightness-6:before {
  content: "\e3ab";
}

.mi-brightness-7:before {
  content: "\e3ac";
}

.mi-brightness-auto:before {
  content: "\e1ab";
}

.mi-brightness-high:before {
  content: "\e1ac";
}

.mi-brightness-low:before {
  content: "\e1ad";
}

.mi-brightness-medium:before {
  content: "\e1ae";
}

.mi-broken-image:before {
  content: "\e3ad";
}

.mi-brush:before {
  content: "\e3ae";
}

.mi-bubble-chart:before {
  content: "\e6dd";
}

.mi-bug-report:before {
  content: "\e868";
}

.mi-build:before {
  content: "\e869";
}

.mi-burst-mode:before {
  content: "\e43c";
}

.mi-business:before {
  content: "\e0af";
}

.mi-business-center:before {
  content: "\eb3f";
}

.mi-cached:before {
  content: "\e86a";
}

.mi-cake:before {
  content: "\e7e9";
}

.mi-call:before {
  content: "\e0b0";
}

.mi-call-end:before {
  content: "\e0b1";
}

.mi-call-made:before {
  content: "\e0b2";
}

.mi-call-merge:before {
  content: "\e0b3";
}

.mi-call-missed:before {
  content: "\e0b4";
}

.mi-call-missed-outgoing:before {
  content: "\e0e4";
}

.mi-call-received:before {
  content: "\e0b5";
}

.mi-call-split:before {
  content: "\e0b6";
}

.mi-call-to-action:before {
  content: "\e06c";
}

.mi-camera:before {
  content: "\e3af";
}

.mi-camera-alt:before {
  content: "\e3b0";
}

.mi-camera-enhance:before {
  content: "\e8fc";
}

.mi-camera-front:before {
  content: "\e3b1";
}

.mi-camera-rear:before {
  content: "\e3b2";
}

.mi-camera-roll:before {
  content: "\e3b3";
}

.mi-cancel:before {
  content: "\e5c9";
}

.mi-card-giftcard:before {
  content: "\e8f6";
}

.mi-card-membership:before {
  content: "\e8f7";
}

.mi-card-travel:before {
  content: "\e8f8";
}

.mi-casino:before {
  content: "\eb40";
}

.mi-cast:before {
  content: "\e307";
}

.mi-cast-connected:before {
  content: "\e308";
}

.mi-center-focus-strong:before {
  content: "\e3b4";
}

.mi-center-focus-weak:before {
  content: "\e3b5";
}

.mi-change-history:before {
  content: "\e86b";
}

.mi-chat:before {
  content: "\e0b7";
}

.mi-chat-bubble:before {
  content: "\e0ca";
}

.mi-chat-bubble-outline:before {
  content: "\e0cb";
}

.mi-check:before {
  content: "\e5ca";
}

.mi-check-box:before {
  content: "\e834";
}

.mi-check-box-outline-blank:before {
  content: "\e835";
}

.mi-check-circle:before {
  content: "\e86c";
}

.mi-chevron-left:before {
  content: "\e5cb";
}

.mi-chevron-right:before {
  content: "\e5cc";
}

.mi-child-care:before {
  content: "\eb41";
}

.mi-child-friendly:before {
  content: "\eb42";
}

.mi-chrome-reader-mode:before {
  content: "\e86d";
}

.mi-class:before {
  content: "\e86e";
}

.mi-clear:before {
  content: "\e14c";
}

.mi-clear-all:before {
  content: "\e0b8";
}

.mi-close:before {
  content: "\e5cd";
}

.mi-closed-caption:before {
  content: "\e01c";
}

.mi-cloud:before {
  content: "\e2bd";
}

.mi-cloud-circle:before {
  content: "\e2be";
}

.mi-cloud-done:before {
  content: "\e2bf";
}

.mi-cloud-download:before {
  content: "\e2c0";
}

.mi-cloud-off:before {
  content: "\e2c1";
}

.mi-cloud-queue:before {
  content: "\e2c2";
}

.mi-cloud-upload:before {
  content: "\e2c3";
}

.mi-code:before {
  content: "\e86f";
}

.mi-collections:before {
  content: "\e3b6";
}

.mi-collections-bookmark:before {
  content: "\e431";
}

.mi-color-lens:before {
  content: "\e3b7";
}

.mi-colorize:before {
  content: "\e3b8";
}

.mi-comment:before {
  content: "\e0b9";
}

.mi-compare:before {
  content: "\e3b9";
}

.mi-compare-arrows:before {
  content: "\e915";
}

.mi-computer:before {
  content: "\e30a";
}

.mi-confirmation-number:before {
  content: "\e638";
}

.mi-contact-mail:before {
  content: "\e0d0";
}

.mi-contact-phone:before {
  content: "\e0cf";
}

.mi-contacts:before {
  content: "\e0ba";
}

.mi-content-copy:before {
  content: "\e14d";
}

.mi-content-cut:before {
  content: "\e14e";
}

.mi-content-paste:before {
  content: "\e14f";
}

.mi-control-point:before {
  content: "\e3ba";
}

.mi-control-point-duplicate:before {
  content: "\e3bb";
}

.mi-copyright:before {
  content: "\e90c";
}

.mi-create:before {
  content: "\e150";
}

.mi-create-new-folder:before {
  content: "\e2cc";
}

.mi-credit-card:before {
  content: "\e870";
}

.mi-crop:before {
  content: "\e3be";
}

.mi-crop-16-9:before {
  content: "\e3bc";
}

.mi-crop-3-2:before {
  content: "\e3bd";
}

.mi-crop-5-4:before {
  content: "\e3bf";
}

.mi-crop-7-5:before {
  content: "\e3c0";
}

.mi-crop-din:before {
  content: "\e3c1";
}

.mi-crop-free:before {
  content: "\e3c2";
}

.mi-crop-landscape:before {
  content: "\e3c3";
}

.mi-crop-original:before {
  content: "\e3c4";
}

.mi-crop-portrait:before {
  content: "\e3c5";
}

.mi-crop-rotate:before {
  content: "\e437";
}

.mi-crop-square:before {
  content: "\e3c6";
}

.mi-dashboard:before {
  content: "\e871";
}

.mi-data-usage:before {
  content: "\e1af";
}

.mi-date-range:before {
  content: "\e916";
}

.mi-dehaze:before {
  content: "\e3c7";
}

.mi-delete:before {
  content: "\e872";
}

.mi-delete-forever:before {
  content: "\e92b";
}

.mi-delete-sweep:before {
  content: "\e16c";
}

.mi-description:before {
  content: "\e873";
}

.mi-desktop-mac:before {
  content: "\e30b";
}

.mi-desktop-windows:before {
  content: "\e30c";
}

.mi-details:before {
  content: "\e3c8";
}

.mi-developer-board:before {
  content: "\e30d";
}

.mi-developer-mode:before {
  content: "\e1b0";
}

.mi-device-hub:before {
  content: "\e335";
}

.mi-devices:before {
  content: "\e1b1";
}

.mi-devices-other:before {
  content: "\e337";
}

.mi-dialer-sip:before {
  content: "\e0bb";
}

.mi-dialpad:before {
  content: "\e0bc";
}

.mi-directions:before {
  content: "\e52e";
}

.mi-directions-bike:before {
  content: "\e52f";
}

.mi-directions-boat:before {
  content: "\e532";
}

.mi-directions-bus:before {
  content: "\e530";
}

.mi-directions-car:before {
  content: "\e531";
}

.mi-directions-railway:before {
  content: "\e534";
}

.mi-directions-run:before {
  content: "\e566";
}

.mi-directions-subway:before {
  content: "\e533";
}

.mi-directions-transit:before {
  content: "\e535";
}

.mi-directions-walk:before {
  content: "\e536";
}

.mi-disc-full:before {
  content: "\e610";
}

.mi-dns:before {
  content: "\e875";
}

.mi-do-not-disturb:before {
  content: "\e612";
}

.mi-do-not-disturb-alt:before {
  content: "\e611";
}

.mi-do-not-disturb-off:before {
  content: "\e643";
}

.mi-do-not-disturb-on:before {
  content: "\e644";
}

.mi-dock:before {
  content: "\e30e";
}

.mi-domain:before {
  content: "\e7ee";
}

.mi-done:before {
  content: "\e876";
}

.mi-done-all:before {
  content: "\e877";
}

.mi-donut-large:before {
  content: "\e917";
}

.mi-donut-small:before {
  content: "\e918";
}

.mi-drafts:before {
  content: "\e151";
}

.mi-drag-handle:before {
  content: "\e25d";
}

.mi-drive-eta:before {
  content: "\e613";
}

.mi-dvr:before {
  content: "\e1b2";
}

.mi-edit:before {
  content: "\e3c9";
}

.mi-edit-location:before {
  content: "\e568";
}

.mi-eject:before {
  content: "\e8fb";
}

.mi-email:before {
  content: "\e0be";
}

.mi-enhanced-encryption:before {
  content: "\e63f";
}

.mi-equalizer:before {
  content: "\e01d";
}

.mi-error:before {
  content: "\e000";
}

.mi-error-outline:before {
  content: "\e001";
}

.mi-euro-symbol:before {
  content: "\e926";
}

.mi-ev-station:before {
  content: "\e56d";
}

.mi-event:before {
  content: "\e878";
}

.mi-event-available:before {
  content: "\e614";
}

.mi-event-busy:before {
  content: "\e615";
}

.mi-event-note:before {
  content: "\e616";
}

.mi-event-seat:before {
  content: "\e903";
}

.mi-exit-to-app:before {
  content: "\e879";
}

.mi-expand-less:before {
  content: "\e5ce";
}

.mi-expand-more:before {
  content: "\e5cf";
}

.mi-explicit:before {
  content: "\e01e";
}

.mi-explore:before {
  content: "\e87a";
}

.mi-exposure:before {
  content: "\e3ca";
}

.mi-exposure-neg-1:before {
  content: "\e3cb";
}

.mi-exposure-neg-2:before {
  content: "\e3cc";
}

.mi-exposure-plus-1:before {
  content: "\e3cd";
}

.mi-exposure-plus-2:before {
  content: "\e3ce";
}

.mi-exposure-zero:before {
  content: "\e3cf";
}

.mi-extension:before {
  content: "\e87b";
}

.mi-face:before {
  content: "\e87c";
}

.mi-fast-forward:before {
  content: "\e01f";
}

.mi-fast-rewind:before {
  content: "\e020";
}

.mi-favorite:before {
  content: "\e87d";
}

.mi-favorite-border:before {
  content: "\e87e";
}

.mi-featured-play-list:before {
  content: "\e06d";
}

.mi-featured-video:before {
  content: "\e06e";
}

.mi-feedback:before {
  content: "\e87f";
}

.mi-fiber-dvr:before {
  content: "\e05d";
}

.mi-fiber-manual-record:before {
  content: "\e061";
}

.mi-fiber-new:before {
  content: "\e05e";
}

.mi-fiber-pin:before {
  content: "\e06a";
}

.mi-fiber-smart-record:before {
  content: "\e062";
}

.mi-file-download:before {
  content: "\e2c4";
}

.mi-file-upload:before {
  content: "\e2c6";
}

.mi-filter:before {
  content: "\e3d3";
}

.mi-filter-1:before {
  content: "\e3d0";
}

.mi-filter-2:before {
  content: "\e3d1";
}

.mi-filter-3:before {
  content: "\e3d2";
}

.mi-filter-4:before {
  content: "\e3d4";
}

.mi-filter-5:before {
  content: "\e3d5";
}

.mi-filter-6:before {
  content: "\e3d6";
}

.mi-filter-7:before {
  content: "\e3d7";
}

.mi-filter-8:before {
  content: "\e3d8";
}

.mi-filter-9:before {
  content: "\e3d9";
}

.mi-filter-9-plus:before {
  content: "\e3da";
}

.mi-filter-b-and-w:before {
  content: "\e3db";
}

.mi-filter-center-focus:before {
  content: "\e3dc";
}

.mi-filter-drama:before {
  content: "\e3dd";
}

.mi-filter-frames:before {
  content: "\e3de";
}

.mi-filter-hdr:before {
  content: "\e3df";
}

.mi-filter-list:before {
  content: "\e152";
}

.mi-filter-none:before {
  content: "\e3e0";
}

.mi-filter-tilt-shift:before {
  content: "\e3e2";
}

.mi-filter-vintage:before {
  content: "\e3e3";
}

.mi-find-in-page:before {
  content: "\e880";
}

.mi-find-replace:before {
  content: "\e881";
}

.mi-fingerprint:before {
  content: "\e90d";
}

.mi-first-page:before {
  content: "\e5dc";
}

.mi-fitness-center:before {
  content: "\eb43";
}

.mi-flag:before {
  content: "\e153";
}

.mi-flare:before {
  content: "\e3e4";
}

.mi-flash-auto:before {
  content: "\e3e5";
}

.mi-flash-off:before {
  content: "\e3e6";
}

.mi-flash-on:before {
  content: "\e3e7";
}

.mi-flight:before {
  content: "\e539";
}

.mi-flight-land:before {
  content: "\e904";
}

.mi-flight-takeoff:before {
  content: "\e905";
}

.mi-flip:before {
  content: "\e3e8";
}

.mi-flip-to-back:before {
  content: "\e882";
}

.mi-flip-to-front:before {
  content: "\e883";
}

.mi-folder:before {
  content: "\e2c7";
}

.mi-folder-open:before {
  content: "\e2c8";
}

.mi-folder-shared:before {
  content: "\e2c9";
}

.mi-folder-special:before {
  content: "\e617";
}

.mi-font-download:before {
  content: "\e167";
}

.mi-format-align-center:before {
  content: "\e234";
}

.mi-format-align-justify:before {
  content: "\e235";
}

.mi-format-align-left:before {
  content: "\e236";
}

.mi-format-align-right:before {
  content: "\e237";
}

.mi-format-bold:before {
  content: "\e238";
}

.mi-format-clear:before {
  content: "\e239";
}

.mi-format-color-fill:before {
  content: "\e23a";
}

.mi-format-color-reset:before {
  content: "\e23b";
}

.mi-format-color-text:before {
  content: "\e23c";
}

.mi-format-indent-decrease:before {
  content: "\e23d";
}

.mi-format-indent-increase:before {
  content: "\e23e";
}

.mi-format-italic:before {
  content: "\e23f";
}

.mi-format-line-spacing:before {
  content: "\e240";
}

.mi-format-list-bulleted:before {
  content: "\e241";
}

.mi-format-list-numbered:before {
  content: "\e242";
}

.mi-format-paint:before {
  content: "\e243";
}

.mi-format-quote:before {
  content: "\e244";
}

.mi-format-shapes:before {
  content: "\e25e";
}

.mi-format-size:before {
  content: "\e245";
}

.mi-format-strikethrough:before {
  content: "\e246";
}

.mi-format-textdirection-l-to-r:before {
  content: "\e247";
}

.mi-format-textdirection-r-to-l:before {
  content: "\e248";
}

.mi-format-underlined:before {
  content: "\e249";
}

.mi-forum:before {
  content: "\e0bf";
}

.mi-forward:before {
  content: "\e154";
}

.mi-forward-10:before {
  content: "\e056";
}

.mi-forward-30:before {
  content: "\e057";
}

.mi-forward-5:before {
  content: "\e058";
}

.mi-free-breakfast:before {
  content: "\eb44";
}

.mi-fullscreen:before {
  content: "\e5d0";
}

.mi-fullscreen-exit:before {
  content: "\e5d1";
}

.mi-functions:before {
  content: "\e24a";
}

.mi-g-translate:before {
  content: "\e927";
}

.mi-gamepad:before {
  content: "\e30f";
}

.mi-games:before {
  content: "\e021";
}

.mi-gavel:before {
  content: "\e90e";
}

.mi-gesture:before {
  content: "\e155";
}

.mi-get-app:before {
  content: "\e884";
}

.mi-gif:before {
  content: "\e908";
}

.mi-golf-course:before {
  content: "\eb45";
}

.mi-gps-fixed:before {
  content: "\e1b3";
}

.mi-gps-not-fixed:before {
  content: "\e1b4";
}

.mi-gps-off:before {
  content: "\e1b5";
}

.mi-grade:before {
  content: "\e885";
}

.mi-gradient:before {
  content: "\e3e9";
}

.mi-grain:before {
  content: "\e3ea";
}

.mi-graphic-eq:before {
  content: "\e1b8";
}

.mi-grid-off:before {
  content: "\e3eb";
}

.mi-grid-on:before {
  content: "\e3ec";
}

.mi-group:before {
  content: "\e7ef";
}

.mi-group-add:before {
  content: "\e7f0";
}

.mi-group-work:before {
  content: "\e886";
}

.mi-hd:before {
  content: "\e052";
}

.mi-hdr-off:before {
  content: "\e3ed";
}

.mi-hdr-on:before {
  content: "\e3ee";
}

.mi-hdr-strong:before {
  content: "\e3f1";
}

.mi-hdr-weak:before {
  content: "\e3f2";
}

.mi-headset:before {
  content: "\e310";
}

.mi-headset-mic:before {
  content: "\e311";
}

.mi-healing:before {
  content: "\e3f3";
}

.mi-hearing:before {
  content: "\e023";
}

.mi-help:before {
  content: "\e887";
}

.mi-help-outline:before {
  content: "\e8fd";
}

.mi-high-quality:before {
  content: "\e024";
}

.mi-highlight:before {
  content: "\e25f";
}

.mi-highlight-off:before {
  content: "\e888";
}

.mi-history:before {
  content: "\e889";
}

.mi-home:before {
  content: "\e88a";
}

.mi-hot-tub:before {
  content: "\eb46";
}

.mi-hotel:before {
  content: "\e53a";
}

.mi-hourglass-empty:before {
  content: "\e88b";
}

.mi-hourglass-full:before {
  content: "\e88c";
}

.mi-http:before {
  content: "\e902";
}

.mi-https:before {
  content: "\e88d";
}

.mi-image:before {
  content: "\e3f4";
}

.mi-image-aspect-ratio:before {
  content: "\e3f5";
}

.mi-import-contacts:before {
  content: "\e0e0";
}

.mi-import-export:before {
  content: "\e0c3";
}

.mi-important-devices:before {
  content: "\e912";
}

.mi-inbox:before {
  content: "\e156";
}

.mi-indeterminate-check-box:before {
  content: "\e909";
}

.mi-info:before {
  content: "\e88e";
}

.mi-info-outline:before {
  content: "\e88f";
}

.mi-input:before {
  content: "\e890";
}

.mi-insert-chart:before {
  content: "\e24b";
}

.mi-insert-comment:before {
  content: "\e24c";
}

.mi-insert-drive-file:before {
  content: "\e24d";
}

.mi-insert-emoticon:before {
  content: "\e24e";
}

.mi-insert-invitation:before {
  content: "\e24f";
}

.mi-insert-link:before {
  content: "\e250";
}

.mi-insert-photo:before {
  content: "\e251";
}

.mi-invert-colors:before {
  content: "\e891";
}

.mi-invert-colors-off:before {
  content: "\e0c4";
}

.mi-iso:before {
  content: "\e3f6";
}

.mi-keyboard:before {
  content: "\e312";
}

.mi-keyboard-arrow-down:before {
  content: "\e313";
}

.mi-keyboard-arrow-left:before {
  content: "\e314";
}

.mi-keyboard-arrow-right:before {
  content: "\e315";
}

.mi-keyboard-arrow-up:before {
  content: "\e316";
}

.mi-keyboard-backspace:before {
  content: "\e317";
}

.mi-keyboard-capslock:before {
  content: "\e318";
}

.mi-keyboard-hide:before {
  content: "\e31a";
}

.mi-keyboard-return:before {
  content: "\e31b";
}

.mi-keyboard-tab:before {
  content: "\e31c";
}

.mi-keyboard-voice:before {
  content: "\e31d";
}

.mi-kitchen:before {
  content: "\eb47";
}

.mi-label:before {
  content: "\e892";
}

.mi-label-outline:before {
  content: "\e893";
}

.mi-landscape:before {
  content: "\e3f7";
}

.mi-language:before {
  content: "\e894";
}

.mi-laptop:before {
  content: "\e31e";
}

.mi-laptop-chromebook:before {
  content: "\e31f";
}

.mi-laptop-mac:before {
  content: "\e320";
}

.mi-laptop-windows:before {
  content: "\e321";
}

.mi-last-page:before {
  content: "\e5dd";
}

.mi-launch:before {
  content: "\e895";
}

.mi-layers:before {
  content: "\e53b";
}

.mi-layers-clear:before {
  content: "\e53c";
}

.mi-leak-add:before {
  content: "\e3f8";
}

.mi-leak-remove:before {
  content: "\e3f9";
}

.mi-lens:before {
  content: "\e3fa";
}

.mi-library-add:before {
  content: "\e02e";
}

.mi-library-books:before {
  content: "\e02f";
}

.mi-library-music:before {
  content: "\e030";
}

.mi-lightbulb-outline:before {
  content: "\e90f";
}

.mi-line-style:before {
  content: "\e919";
}

.mi-line-weight:before {
  content: "\e91a";
}

.mi-linear-scale:before {
  content: "\e260";
}

.mi-link:before {
  content: "\e157";
}

.mi-linked-camera:before {
  content: "\e438";
}

.mi-list:before {
  content: "\e896";
}

.mi-live-help:before {
  content: "\e0c6";
}

.mi-live-tv:before {
  content: "\e639";
}

.mi-local-activity:before {
  content: "\e53f";
}

.mi-local-airport:before {
  content: "\e53d";
}

.mi-local-atm:before {
  content: "\e53e";
}

.mi-local-bar:before {
  content: "\e540";
}

.mi-local-cafe:before {
  content: "\e541";
}

.mi-local-car-wash:before {
  content: "\e542";
}

.mi-local-convenience-store:before {
  content: "\e543";
}

.mi-local-dining:before {
  content: "\e556";
}

.mi-local-drink:before {
  content: "\e544";
}

.mi-local-florist:before {
  content: "\e545";
}

.mi-local-gas-station:before {
  content: "\e546";
}

.mi-local-grocery-store:before {
  content: "\e547";
}

.mi-local-hospital:before {
  content: "\e548";
}

.mi-local-hotel:before {
  content: "\e549";
}

.mi-local-laundry-service:before {
  content: "\e54a";
}

.mi-local-library:before {
  content: "\e54b";
}

.mi-local-mall:before {
  content: "\e54c";
}

.mi-local-movies:before {
  content: "\e54d";
}

.mi-local-offer:before {
  content: "\e54e";
}

.mi-local-parking:before {
  content: "\e54f";
}

.mi-local-pharmacy:before {
  content: "\e550";
}

.mi-local-phone:before {
  content: "\e551";
}

.mi-local-pizza:before {
  content: "\e552";
}

.mi-local-play:before {
  content: "\e553";
}

.mi-local-post-office:before {
  content: "\e554";
}

.mi-local-printshop:before {
  content: "\e555";
}

.mi-local-see:before {
  content: "\e557";
}

.mi-local-shipping:before {
  content: "\e558";
}

.mi-local-taxi:before {
  content: "\e559";
}

.mi-location-city:before {
  content: "\e7f1";
}

.mi-location-disabled:before {
  content: "\e1b6";
}

.mi-location-off:before {
  content: "\e0c7";
}

.mi-location-on:before {
  content: "\e0c8";
}

.mi-location-searching:before {
  content: "\e1b7";
}

.mi-lock:before {
  content: "\e897";
}

.mi-lock-open:before {
  content: "\e898";
}

.mi-lock-outline:before {
  content: "\e899";
}

.mi-looks:before {
  content: "\e3fc";
}

.mi-looks-3:before {
  content: "\e3fb";
}

.mi-looks-4:before {
  content: "\e3fd";
}

.mi-looks-5:before {
  content: "\e3fe";
}

.mi-looks-6:before {
  content: "\e3ff";
}

.mi-looks-one:before {
  content: "\e400";
}

.mi-looks-two:before {
  content: "\e401";
}

.mi-loop:before {
  content: "\e028";
}

.mi-loupe:before {
  content: "\e402";
}

.mi-low-priority:before {
  content: "\e16d";
}

.mi-loyalty:before {
  content: "\e89a";
}

.mi-mail:before {
  content: "\e158";
}

.mi-mail-outline:before {
  content: "\e0e1";
}

.mi-map:before {
  content: "\e55b";
}

.mi-markunread:before {
  content: "\e159";
}

.mi-markunread-mailbox:before {
  content: "\e89b";
}

.mi-memory:before {
  content: "\e322";
}

.mi-menu:before {
  content: "\e5d2";
}

.mi-merge-type:before {
  content: "\e252";
}

.mi-message:before {
  content: "\e0c9";
}

.mi-mic:before {
  content: "\e029";
}

.mi-mic-none:before {
  content: "\e02a";
}

.mi-mic-off:before {
  content: "\e02b";
}

.mi-mms:before {
  content: "\e618";
}

.mi-mode-comment:before {
  content: "\e253";
}

.mi-mode-edit:before {
  content: "\e254";
}

.mi-monetization-on:before {
  content: "\e263";
}

.mi-money-off:before {
  content: "\e25c";
}

.mi-monochrome-photos:before {
  content: "\e403";
}

.mi-mood:before {
  content: "\e7f2";
}

.mi-mood-bad:before {
  content: "\e7f3";
}

.mi-more:before {
  content: "\e619";
}

.mi-more-horiz:before {
  content: "\e5d3";
}

.mi-more-vert:before {
  content: "\e5d4";
}

.mi-motorcycle:before {
  content: "\e91b";
}

.mi-mouse:before {
  content: "\e323";
}

.mi-move-to-inbox:before {
  content: "\e168";
}

.mi-movie:before {
  content: "\e02c";
}

.mi-movie-creation:before {
  content: "\e404";
}

.mi-movie-filter:before {
  content: "\e43a";
}

.mi-multiline-chart:before {
  content: "\e6df";
}

.mi-music-note:before {
  content: "\e405";
}

.mi-music-video:before {
  content: "\e063";
}

.mi-my-location:before {
  content: "\e55c";
}

.mi-nature:before {
  content: "\e406";
}

.mi-nature-people:before {
  content: "\e407";
}

.mi-navigate-before:before {
  content: "\e408";
}

.mi-navigate-next:before {
  content: "\e409";
}

.mi-navigation:before {
  content: "\e55d";
}

.mi-near-me:before {
  content: "\e569";
}

.mi-network-cell:before {
  content: "\e1b9";
}

.mi-network-check:before {
  content: "\e640";
}

.mi-network-locked:before {
  content: "\e61a";
}

.mi-network-wifi:before {
  content: "\e1ba";
}

.mi-new-releases:before {
  content: "\e031";
}

.mi-next-week:before {
  content: "\e16a";
}

.mi-nfc:before {
  content: "\e1bb";
}

.mi-no-encryption:before {
  content: "\e641";
}

.mi-no-sim:before {
  content: "\e0cc";
}

.mi-not-interested:before {
  content: "\e033";
}

.mi-note:before {
  content: "\e06f";
}

.mi-note-add:before {
  content: "\e89c";
}

.mi-notifications:before {
  content: "\e7f4";
}

.mi-notifications-active:before {
  content: "\e7f7";
}

.mi-notifications-none:before {
  content: "\e7f5";
}

.mi-notifications-off:before {
  content: "\e7f6";
}

.mi-notifications-paused:before {
  content: "\e7f8";
}

.mi-offline-pin:before {
  content: "\e90a";
}

.mi-ondemand-video:before {
  content: "\e63a";
}

.mi-opacity:before {
  content: "\e91c";
}

.mi-open-in-browser:before {
  content: "\e89d";
}

.mi-open-in-new:before {
  content: "\e89e";
}

.mi-open-with:before {
  content: "\e89f";
}

.mi-pages:before {
  content: "\e7f9";
}

.mi-pageview:before {
  content: "\e8a0";
}

.mi-palette:before {
  content: "\e40a";
}

.mi-pan-tool:before {
  content: "\e925";
}

.mi-panorama:before {
  content: "\e40b";
}

.mi-panorama-fish-eye:before {
  content: "\e40c";
}

.mi-panorama-horizontal:before {
  content: "\e40d";
}

.mi-panorama-vertical:before {
  content: "\e40e";
}

.mi-panorama-wide-angle:before {
  content: "\e40f";
}

.mi-party-mode:before {
  content: "\e7fa";
}

.mi-pause:before {
  content: "\e034";
}

.mi-pause-circle-filled:before {
  content: "\e035";
}

.mi-pause-circle-outline:before {
  content: "\e036";
}

.mi-payment:before {
  content: "\e8a1";
}

.mi-people:before {
  content: "\e7fb";
}

.mi-people-outline:before {
  content: "\e7fc";
}

.mi-perm-camera-mic:before {
  content: "\e8a2";
}

.mi-perm-contact-calendar:before {
  content: "\e8a3";
}

.mi-perm-data-setting:before {
  content: "\e8a4";
}

.mi-perm-device-information:before {
  content: "\e8a5";
}

.mi-perm-identity:before {
  content: "\e8a6";
}

.mi-perm-media:before {
  content: "\e8a7";
}

.mi-perm-phone-msg:before {
  content: "\e8a8";
}

.mi-perm-scan-wifi:before {
  content: "\e8a9";
}

.mi-person:before {
  content: "\e7fd";
}

.mi-person-add:before {
  content: "\e7fe";
}

.mi-person-outline:before {
  content: "\e7ff";
}

.mi-person-pin:before {
  content: "\e55a";
}

.mi-person-pin-circle:before {
  content: "\e56a";
}

.mi-personal-video:before {
  content: "\e63b";
}

.mi-pets:before {
  content: "\e91d";
}

.mi-phone:before {
  content: "\e0cd";
}

.mi-phone-android:before {
  content: "\e324";
}

.mi-phone-bluetooth-speaker:before {
  content: "\e61b";
}

.mi-phone-forwarded:before {
  content: "\e61c";
}

.mi-phone-in-talk:before {
  content: "\e61d";
}

.mi-phone-iphone:before {
  content: "\e325";
}

.mi-phone-locked:before {
  content: "\e61e";
}

.mi-phone-missed:before {
  content: "\e61f";
}

.mi-phone-paused:before {
  content: "\e620";
}

.mi-phonelink:before {
  content: "\e326";
}

.mi-phonelink-erase:before {
  content: "\e0db";
}

.mi-phonelink-lock:before {
  content: "\e0dc";
}

.mi-phonelink-off:before {
  content: "\e327";
}

.mi-phonelink-ring:before {
  content: "\e0dd";
}

.mi-phonelink-setup:before {
  content: "\e0de";
}

.mi-photo:before {
  content: "\e410";
}

.mi-photo-album:before {
  content: "\e411";
}

.mi-photo-camera:before {
  content: "\e412";
}

.mi-photo-filter:before {
  content: "\e43b";
}

.mi-photo-library:before {
  content: "\e413";
}

.mi-photo-size-select-actual:before {
  content: "\e432";
}

.mi-photo-size-select-large:before {
  content: "\e433";
}

.mi-photo-size-select-small:before {
  content: "\e434";
}

.mi-picture-as-pdf:before {
  content: "\e415";
}

.mi-picture-in-picture:before {
  content: "\e8aa";
}

.mi-picture-in-picture-alt:before {
  content: "\e911";
}

.mi-pie-chart:before {
  content: "\e6c4";
}

.mi-pie-chart-outlined:before {
  content: "\e6c5";
}

.mi-pin-drop:before {
  content: "\e55e";
}

.mi-place:before {
  content: "\e55f";
}

.mi-play-arrow:before {
  content: "\e037";
}

.mi-play-circle-filled:before {
  content: "\e038";
}

.mi-play-circle-outline:before {
  content: "\e039";
}

.mi-play-for-work:before {
  content: "\e906";
}

.mi-playlist-add:before {
  content: "\e03b";
}

.mi-playlist-add-check:before {
  content: "\e065";
}

.mi-playlist-play:before {
  content: "\e05f";
}

.mi-plus-one:before {
  content: "\e800";
}

.mi-poll:before {
  content: "\e801";
}

.mi-polymer:before {
  content: "\e8ab";
}

.mi-pool:before {
  content: "\eb48";
}

.mi-portable-wifi-off:before {
  content: "\e0ce";
}

.mi-portrait:before {
  content: "\e416";
}

.mi-power:before {
  content: "\e63c";
}

.mi-power-input:before {
  content: "\e336";
}

.mi-power-settings-new:before {
  content: "\e8ac";
}

.mi-pregnant-woman:before {
  content: "\e91e";
}

.mi-present-to-all:before {
  content: "\e0df";
}

.mi-print:before {
  content: "\e8ad";
}

.mi-priority-high:before {
  content: "\e645";
}

.mi-public:before {
  content: "\e80b";
}

.mi-publish:before {
  content: "\e255";
}

.mi-query-builder:before {
  content: "\e8ae";
}

.mi-question-answer:before {
  content: "\e8af";
}

.mi-queue:before {
  content: "\e03c";
}

.mi-queue-music:before {
  content: "\e03d";
}

.mi-queue-play-next:before {
  content: "\e066";
}

.mi-radio:before {
  content: "\e03e";
}

.mi-radio-button-checked:before {
  content: "\e837";
}

.mi-radio-button-unchecked:before {
  content: "\e836";
}

.mi-rate-review:before {
  content: "\e560";
}

.mi-receipt:before {
  content: "\e8b0";
}

.mi-recent-actors:before {
  content: "\e03f";
}

.mi-record-voice-over:before {
  content: "\e91f";
}

.mi-redeem:before {
  content: "\e8b1";
}

.mi-redo:before {
  content: "\e15a";
}

.mi-refresh:before {
  content: "\e5d5";
}

.mi-remove:before {
  content: "\e15b";
}

.mi-remove-circle:before {
  content: "\e15c";
}

.mi-remove-circle-outline:before {
  content: "\e15d";
}

.mi-remove-from-queue:before {
  content: "\e067";
}

.mi-remove-red-eye:before {
  content: "\e417";
}

.mi-remove-shopping-cart:before {
  content: "\e928";
}

.mi-reorder:before {
  content: "\e8fe";
}

.mi-repeat:before {
  content: "\e040";
}

.mi-repeat-one:before {
  content: "\e041";
}

.mi-replay:before {
  content: "\e042";
}

.mi-replay-10:before {
  content: "\e059";
}

.mi-replay-30:before {
  content: "\e05a";
}

.mi-replay-5:before {
  content: "\e05b";
}

.mi-reply:before {
  content: "\e15e";
}

.mi-reply-all:before {
  content: "\e15f";
}

.mi-report:before {
  content: "\e160";
}

.mi-report-problem:before {
  content: "\e8b2";
}

.mi-restaurant:before {
  content: "\e56c";
}

.mi-restaurant-menu:before {
  content: "\e561";
}

.mi-restore:before {
  content: "\e8b3";
}

.mi-restore-page:before {
  content: "\e929";
}

.mi-ring-volume:before {
  content: "\e0d1";
}

.mi-room:before {
  content: "\e8b4";
}

.mi-room-service:before {
  content: "\eb49";
}

.mi-rotate-90-degrees-ccw:before {
  content: "\e418";
}

.mi-rotate-left:before {
  content: "\e419";
}

.mi-rotate-right:before {
  content: "\e41a";
}

.mi-rounded-corner:before {
  content: "\e920";
}

.mi-router:before {
  content: "\e328";
}

.mi-rowing:before {
  content: "\e921";
}

.mi-rss-feed:before {
  content: "\e0e5";
}

.mi-rv-hookup:before {
  content: "\e642";
}

.mi-satellite:before {
  content: "\e562";
}

.mi-save:before {
  content: "\e161";
}

.mi-scanner:before {
  content: "\e329";
}

.mi-schedule:before {
  content: "\e8b5";
}

.mi-school:before {
  content: "\e80c";
}

.mi-screen-lock-landscape:before {
  content: "\e1be";
}

.mi-screen-lock-portrait:before {
  content: "\e1bf";
}

.mi-screen-lock-rotation:before {
  content: "\e1c0";
}

.mi-screen-rotation:before {
  content: "\e1c1";
}

.mi-screen-share:before {
  content: "\e0e2";
}

.mi-sd-card:before {
  content: "\e623";
}

.mi-sd-storage:before {
  content: "\e1c2";
}

.mi-search:before {
  content: "\e8b6";
}

.mi-security:before {
  content: "\e32a";
}

.mi-select-all:before {
  content: "\e162";
}

.mi-send:before {
  content: "\e163";
}

.mi-sentiment-dissatisfied:before {
  content: "\e811";
}

.mi-sentiment-neutral:before {
  content: "\e812";
}

.mi-sentiment-satisfied:before {
  content: "\e813";
}

.mi-sentiment-very-dissatisfied:before {
  content: "\e814";
}

.mi-sentiment-very-satisfied:before {
  content: "\e815";
}

.mi-settings:before {
  content: "\e8b8";
}

.mi-settings-applications:before {
  content: "\e8b9";
}

.mi-settings-backup-restore:before {
  content: "\e8ba";
}

.mi-settings-bluetooth:before {
  content: "\e8bb";
}

.mi-settings-brightness:before {
  content: "\e8bd";
}

.mi-settings-cell:before {
  content: "\e8bc";
}

.mi-settings-ethernet:before {
  content: "\e8be";
}

.mi-settings-input-antenna:before {
  content: "\e8bf";
}

.mi-settings-input-component:before {
  content: "\e8c0";
}

.mi-settings-input-composite:before {
  content: "\e8c1";
}

.mi-settings-input-hdmi:before {
  content: "\e8c2";
}

.mi-settings-input-svideo:before {
  content: "\e8c3";
}

.mi-settings-overscan:before {
  content: "\e8c4";
}

.mi-settings-phone:before {
  content: "\e8c5";
}

.mi-settings-power:before {
  content: "\e8c6";
}

.mi-settings-remote:before {
  content: "\e8c7";
}

.mi-settings-system-daydream:before {
  content: "\e1c3";
}

.mi-settings-voice:before {
  content: "\e8c8";
}

.mi-share:before {
  content: "\e80d";
}

.mi-shop:before {
  content: "\e8c9";
}

.mi-shop-two:before {
  content: "\e8ca";
}

.mi-shopping-basket:before {
  content: "\e8cb";
}

.mi-shopping-cart:before {
  content: "\e8cc";
}

.mi-short-text:before {
  content: "\e261";
}

.mi-show-chart:before {
  content: "\e6e1";
}

.mi-shuffle:before {
  content: "\e043";
}

.mi-signal-cellular-4-bar:before {
  content: "\e1c8";
}

.mi-signal-cellular-connected-no-internet-4-bar:before {
  content: "\e1cd";
}

.mi-signal-cellular-no-sim:before {
  content: "\e1ce";
}

.mi-signal-cellular-null:before {
  content: "\e1cf";
}

.mi-signal-cellular-off:before {
  content: "\e1d0";
}

.mi-signal-wifi-4-bar:before {
  content: "\e1d8";
}

.mi-signal-wifi-4-bar-lock:before {
  content: "\e1d9";
}

.mi-signal-wifi-off:before {
  content: "\e1da";
}

.mi-sim-card:before {
  content: "\e32b";
}

.mi-sim-card-alert:before {
  content: "\e624";
}

.mi-skip-next:before {
  content: "\e044";
}

.mi-skip-previous:before {
  content: "\e045";
}

.mi-slideshow:before {
  content: "\e41b";
}

.mi-slow-motion-video:before {
  content: "\e068";
}

.mi-smartphone:before {
  content: "\e32c";
}

.mi-smoke-free:before {
  content: "\eb4a";
}

.mi-smoking-rooms:before {
  content: "\eb4b";
}

.mi-sms:before {
  content: "\e625";
}

.mi-sms-failed:before {
  content: "\e626";
}

.mi-snooze:before {
  content: "\e046";
}

.mi-sort:before {
  content: "\e164";
}

.mi-sort-by-alpha:before {
  content: "\e053";
}

.mi-spa:before {
  content: "\eb4c";
}

.mi-space-bar:before {
  content: "\e256";
}

.mi-speaker:before {
  content: "\e32d";
}

.mi-speaker-group:before {
  content: "\e32e";
}

.mi-speaker-notes:before {
  content: "\e8cd";
}

.mi-speaker-notes-off:before {
  content: "\e92a";
}

.mi-speaker-phone:before {
  content: "\e0d2";
}

.mi-spellcheck:before {
  content: "\e8ce";
}

.mi-star:before {
  content: "\e838";
}

.mi-star-border:before {
  content: "\e83a";
}

.mi-star-half:before {
  content: "\e839";
}

.mi-stars:before {
  content: "\e8d0";
}

.mi-stay-current-landscape:before {
  content: "\e0d3";
}

.mi-stay-current-portrait:before {
  content: "\e0d4";
}

.mi-stay-primary-landscape:before {
  content: "\e0d5";
}

.mi-stay-primary-portrait:before {
  content: "\e0d6";
}

.mi-stop:before {
  content: "\e047";
}

.mi-stop-screen-share:before {
  content: "\e0e3";
}

.mi-storage:before {
  content: "\e1db";
}

.mi-store:before {
  content: "\e8d1";
}

.mi-store-mall-directory:before {
  content: "\e563";
}

.mi-straighten:before {
  content: "\e41c";
}

.mi-streetview:before {
  content: "\e56e";
}

.mi-strikethrough-s:before {
  content: "\e257";
}

.mi-style:before {
  content: "\e41d";
}

.mi-subdirectory-arrow-left:before {
  content: "\e5d9";
}

.mi-subdirectory-arrow-right:before {
  content: "\e5da";
}

.mi-subject:before {
  content: "\e8d2";
}

.mi-subscriptions:before {
  content: "\e064";
}

.mi-subtitles:before {
  content: "\e048";
}

.mi-subway:before {
  content: "\e56f";
}

.mi-supervisor-account:before {
  content: "\e8d3";
}

.mi-surround-sound:before {
  content: "\e049";
}

.mi-swap-calls:before {
  content: "\e0d7";
}

.mi-swap-horiz:before {
  content: "\e8d4";
}

.mi-swap-vert:before {
  content: "\e8d5";
}

.mi-swap-vertical-circle:before {
  content: "\e8d6";
}

.mi-switch-camera:before {
  content: "\e41e";
}

.mi-switch-video:before {
  content: "\e41f";
}

.mi-sync:before {
  content: "\e627";
}

.mi-sync-disabled:before {
  content: "\e628";
}

.mi-sync-problem:before {
  content: "\e629";
}

.mi-system-update:before {
  content: "\e62a";
}

.mi-system-update-alt:before {
  content: "\e8d7";
}

.mi-tab:before {
  content: "\e8d8";
}

.mi-tab-unselected:before {
  content: "\e8d9";
}

.mi-tablet:before {
  content: "\e32f";
}

.mi-tablet-android:before {
  content: "\e330";
}

.mi-tablet-mac:before {
  content: "\e331";
}

.mi-tag-faces:before {
  content: "\e420";
}

.mi-tap-and-play:before {
  content: "\e62b";
}

.mi-terrain:before {
  content: "\e564";
}

.mi-text-fields:before {
  content: "\e262";
}

.mi-text-format:before {
  content: "\e165";
}

.mi-textsms:before {
  content: "\e0d8";
}

.mi-texture:before {
  content: "\e421";
}

.mi-theaters:before {
  content: "\e8da";
}

.mi-thumb-down:before {
  content: "\e8db";
}

.mi-thumb-up:before {
  content: "\e8dc";
}

.mi-thumbs-up-down:before {
  content: "\e8dd";
}

.mi-time-to-leave:before {
  content: "\e62c";
}

.mi-timelapse:before {
  content: "\e422";
}

.mi-timeline:before {
  content: "\e922";
}

.mi-timer:before {
  content: "\e425";
}

.mi-timer-10:before {
  content: "\e423";
}

.mi-timer-3:before {
  content: "\e424";
}

.mi-timer-off:before {
  content: "\e426";
}

.mi-title:before {
  content: "\e264";
}

.mi-toc:before {
  content: "\e8de";
}

.mi-today:before {
  content: "\e8df";
}

.mi-toll:before {
  content: "\e8e0";
}

.mi-tonality:before {
  content: "\e427";
}

.mi-touch-app:before {
  content: "\e913";
}

.mi-toys:before {
  content: "\e332";
}

.mi-track-changes:before {
  content: "\e8e1";
}

.mi-traffic:before {
  content: "\e565";
}

.mi-train:before {
  content: "\e570";
}

.mi-tram:before {
  content: "\e571";
}

.mi-transfer-within-a-station:before {
  content: "\e572";
}

.mi-transform:before {
  content: "\e428";
}

.mi-translate:before {
  content: "\e8e2";
}

.mi-trending-down:before {
  content: "\e8e3";
}

.mi-trending-flat:before {
  content: "\e8e4";
}

.mi-trending-up:before {
  content: "\e8e5";
}

.mi-tune:before {
  content: "\e429";
}

.mi-turned-in:before {
  content: "\e8e6";
}

.mi-turned-in-not:before {
  content: "\e8e7";
}

.mi-tv:before {
  content: "\e333";
}

.mi-unarchive:before {
  content: "\e169";
}

.mi-undo:before {
  content: "\e166";
}

.mi-unfold-less:before {
  content: "\e5d6";
}

.mi-unfold-more:before {
  content: "\e5d7";
}

.mi-update:before {
  content: "\e923";
}

.mi-usb:before {
  content: "\e1e0";
}

.mi-verified-user:before {
  content: "\e8e8";
}

.mi-vertical-align-bottom:before {
  content: "\e258";
}

.mi-vertical-align-center:before {
  content: "\e259";
}

.mi-vertical-align-top:before {
  content: "\e25a";
}

.mi-vibration:before {
  content: "\e62d";
}

.mi-video-call:before {
  content: "\e070";
}

.mi-video-label:before {
  content: "\e071";
}

.mi-video-library:before {
  content: "\e04a";
}

.mi-videocam:before {
  content: "\e04b";
}

.mi-videocam-off:before {
  content: "\e04c";
}

.mi-videogame-asset:before {
  content: "\e338";
}

.mi-view-agenda:before {
  content: "\e8e9";
}

.mi-view-array:before {
  content: "\e8ea";
}

.mi-view-carousel:before {
  content: "\e8eb";
}

.mi-view-column:before {
  content: "\e8ec";
}

.mi-view-comfy:before {
  content: "\e42a";
}

.mi-view-compact:before {
  content: "\e42b";
}

.mi-view-day:before {
  content: "\e8ed";
}

.mi-view-headline:before {
  content: "\e8ee";
}

.mi-view-list:before {
  content: "\e8ef";
}

.mi-view-module:before {
  content: "\e8f0";
}

.mi-view-quilt:before {
  content: "\e8f1";
}

.mi-view-stream:before {
  content: "\e8f2";
}

.mi-view-week:before {
  content: "\e8f3";
}

.mi-vignette:before {
  content: "\e435";
}

.mi-visibility:before {
  content: "\e8f4";
}

.mi-visibility-off:before {
  content: "\e8f5";
}

.mi-voice-chat:before {
  content: "\e62e";
}

.mi-voicemail:before {
  content: "\e0d9";
}

.mi-volume-down:before {
  content: "\e04d";
}

.mi-volume-mute:before {
  content: "\e04e";
}

.mi-volume-off:before {
  content: "\e04f";
}

.mi-volume-up:before {
  content: "\e050";
}

.mi-vpn-key:before {
  content: "\e0da";
}

.mi-vpn-lock:before {
  content: "\e62f";
}

.mi-wallpaper:before {
  content: "\e1bc";
}

.mi-warning:before {
  content: "\e002";
}

.mi-watch:before {
  content: "\e334";
}

.mi-watch-later:before {
  content: "\e924";
}

.mi-wb-auto:before {
  content: "\e42c";
}

.mi-wb-cloudy:before {
  content: "\e42d";
}

.mi-wb-incandescent:before {
  content: "\e42e";
}

.mi-wb-iridescent:before {
  content: "\e436";
}

.mi-wb-sunny:before {
  content: "\e430";
}

.mi-wc:before {
  content: "\e63d";
}

.mi-web:before {
  content: "\e051";
}

.mi-web-asset:before {
  content: "\e069";
}

.mi-weekend:before {
  content: "\e16b";
}

.mi-whatshot:before {
  content: "\e80e";
}

.mi-widgets:before {
  content: "\e1bd";
}

.mi-wifi:before {
  content: "\e63e";
}

.mi-wifi-lock:before {
  content: "\e1e1";
}

.mi-wifi-tethering:before {
  content: "\e1e2";
}

.mi-work:before {
  content: "\e8f9";
}

.mi-wrap-text:before {
  content: "\e25b";
}

.mi-youtube-searched-for:before {
  content: "\e8fa";
}

.mi-zoom-in:before {
  content: "\e8ff";
}

.mi-zoom-out:before {
  content: "\e900";
}

.mi-zoom-out-map:before {
  content: "\e56b";
}