@charset "UTF-8";
/* BEGIN ./app/assets/stylesheets/elements.scss */

div.ticket_call_console .action-bar .details .caller-location .icon,
.column-editor .search-container .search_icon {
  background: url(/agent/assets/spritemaps/globals-sprites-4af556f6740f3234bcf2e6666f060a04.png) no-repeat;
}

div.ticket_call_console .action-bar .details .caller-location .icon {
  background-position: 0px -173px;
}

.column-editor .search-container .search_icon {
  background-position: 0px -279px;
}

/* This sprited image should be deleted when all included icons become SVGs */
div.ticket_call_console .action-bar .buttons button.mute,
div.ticket_call_console .action-bar .buttons button.muted,
div.ticket_call_console .action-bar .buttons .hold-actions button.hold.active,
div.ticket_call_console .action-bar .buttons .hold-actions button.hold,
.twitter-action.follow.disabled i,
.twitter-action.unfollow.disabled i,
.twitter-action.follow i,
.twitter-action.reply:hover i,
.twitter-action.reply i,
.twitter-action.reply.disabled i,
.twitter-action.retweet:hover i,
.twitter-action.retweet i,
.twitter-action.retweet.disabled i,
.twitter-action.unretweet i,
.twitter-action.unretweet.disabled i,
div.ticket_call_console .action-bar .details .customer-number .icon,
.voice_webrtc_settings_modal .message .icon.error,
.voice_webrtc_settings_modal .message .icon.success {
  background: url(/agent/assets/spritemaps/channels-1c2a93e6a3dfb8b1f17e3cbfb04686d6.png) no-repeat;
}

div.ticket_call_console .action-bar .buttons button.mute {
  background-position: 0px -573px;
}

div.ticket_call_console .action-bar .buttons button.muted {
  background-position: 0px -603px;
}

div.ticket_call_console .action-bar .buttons .hold-actions button.hold.active {
  background-position: 0px -687px;
}

div.ticket_call_console .action-bar .buttons .hold-actions button.hold,
div.ticket_call_console .action-bar .buttons .hold-actions button.hold_button {
  background-position: 0px -719px;
}

.twitter-action.follow.disabled i,
.twitter-action.unfollow.disabled i {
  background-position: 0px -1112px;
}

.twitter-action.follow i {
  background-position: 0px -1125px;
}

.twitter-action.reply:hover i {
  background-position: 0px -1205px;
}

.twitter-action.reply i,
.twitter-action.reply.disabled i {
  background-position: 0px -1223px;
}

.twitter-action.retweet:hover i {
  background-position: 0px -1241px;
}

.twitter-action.retweet i,
.twitter-action.retweet.disabled i {
  background-position: 0px -1259px;
}

.twitter-action.unretweet i,
.twitter-action.unretweet.disabled i {
  background-position: 0px -1277px;
}

div.ticket_call_console .action-bar .details .customer-number .icon {
  background-position: 0px -1432px;
}

.dialer #voice-section #call-console .action-bar .muted {
  background-position: 0px -1700px;
}

.dialer #voice-section #call-console .action-bar .mute {
  background-position: 0px -1727px;
}

.voice_webrtc_settings_modal .message .icon.error {
  background-position: 0px -1754px;
}

.voice_webrtc_settings_modal .message .icon.success {
  background-position: 0px -1781px;
}

.items .icon.article,
.items .icon.topic,
.items .icon.forum,
.items .icon.group,
.group_memberships .icon.group,
.items .icon.idea,
.items .icon.organization,
.items .icon.question,
.items .icon.ticket,
.items .icon.user {
  background: url(/agent/assets/spritemaps/objects-1b21876c2ce5ec412aca6dc6923dd64f.png) no-repeat;
}

.items .icon.article,
.items .icon.topic,
.items .icon.forum {
  background-position: 0px 0px;
}
.items .icon.group,
.group_memberships .icon.group {
  background-position: 0px -40px;
}
.items .icon.idea {
  background-position: 0px -72px;
}
.items .icon.organization {
  background-position: 0px -108px;
}
.items .icon.question {
  background-position: 0px -144px;
}
.items .icon.ticket {
  background-position: 0px -180px;
}
.items .icon.user {
  background-position: 0px -220px;
}

html[data-rtl-language="true"] .svg-no-behavior-online > svg {
  transform: scaleX(-1);
}

html[data-rtl-language="true"] .svg-no-behavior-offline > svg {
  transform: scaleX(-1);
}

.c-tab {
  display: block;
  overflow: hidden;
}

.c-tab.is-rtl {
  direction: rtl;
}

.c-tab__list {
  display: block;
  margin-top: 0;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--border-default);
  padding: 0;
  line-height: 1.43;
  white-space: nowrap;
  color: #666;
  font-size: 14px;
}

.c-tab__list__item {
  display: inline-block;
  margin-left: 50px;
  border-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  cursor: pointer;
  padding: 0 0.3571em;
  overflow: hidden;
  vertical-align: top;
  user-select: none;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  color: inherit;
}

.c-tab__list__item:first-of-type {
  margin-left: 0;
}

.is-rtl .c-tab__list__item:first-of-type {
  margin-left: 50px;
}

.is-rtl .c-tab__list__item:last-of-type {
  margin-left: 0;
}

.c-tab__panel {
  display: block;
}

.c-tab--block {
  display: table;
}

.c-tab--block .c-tab__list {
  display: table-cell;
  margin-bottom: 0;
  border-bottom: none;
  vertical-align: top;
}

.c-tab--block .c-tab__list__item {
  display: block;
  margin-bottom: 20px;
  margin-left: 0;
  border-bottom-style: none;
  border-left-style: solid;
  border-left-color: transparent;
  padding: 0 0.7143em;
  text-align: left;
}

.c-tab--block .c-tab__list__item:last-of-type {
  margin-bottom: 0;
}

.c-tab--block.is-rtl .c-tab__list__item {
  margin-left: 0;
  border-left: 0;
  border-right-style: solid;
  border-right-color: transparent;
  text-align: right;
}

.c-tab--block .c-tab__panel {
  margin-left: 30px;
  vertical-align: top;
}

.c-tab--block.is-rtl .c-tab__panel {
  margin-right: 30px;
  margin-left: 0;
}

.c-tab__list__item.is-hovered,
.c-tab__list__item:hover {
  color: rgb(var(--grey-800));
}

.c-tab__list__item.is-focused,
.c-tab__list__item:focus {
  outline: none;
  box-shadow: inset 0 0 0 2px rgb(var(--grey-300));
}

.c-tab__list__item.c-tab__list__item.is-active,
.c-tab__list__item.c-tab__list__item:active {
  border-color: var(--border-default);
  box-shadow: none;
}

.c-tab__list__item.c-tab__list__item.is-selected {
  border-color: currentColor;
  color: rgb(var(--grey-800));
}

.c-tab__list__item.c-tab__list__item.is-disabled,
.c-tab__list__item.c-tab__list__item[aria-disabled="true"],
.c-tab__list__item.c-tab__list__item[disabled] {
  border-color: transparent;
  cursor: default;
  color: rgb(var(--grey-300));
}

.c-tab__panel.is-hidden,
.c-tab__panel[aria-hidden="true"] {
  display: none;
}

.c-tooltip {
  display: inline-block;
  box-sizing: border-box;
  border-radius: 2px;
  box-shadow: var(--shadow-large);
  background-color: rgb(var(--kale-700));
  padding: 0 1.25em;
  line-height: 1.66667;
  color: rgb(var(--grey-300));
  font-size: 12px;
  font-weight: 400;
}

.c-tooltip.c-arrow:after,
.c-tooltip.c-arrow:before {
  font-size: 7px;
}

.c-tooltip--extra-large {
  border-radius: 4px;
  padding: 40px;
  max-width: 460px;
  font-size: 14px;
}

.c-tooltip--extra-large.c-arrow:after,
.c-tooltip--extra-large.c-arrow:before {
  font-size: 16px;
}

.c-tooltip--large {
  border-radius: 4px;
  padding: 20px;
  max-width: 270px;
  font-size: 14px;
}

.c-tooltip--large.c-arrow:after,
.c-tooltip--large.c-arrow:before {
  font-size: 12px;
}

.c-tooltip--medium {
  border-radius: 4px;
  padding-top: 0.83333em;
  padding-bottom: 0.83333em;
  max-width: 140px;
}

.c-tooltip--light {
  border: 1px solid var(--border-subtle);
  box-shadow: var(--shadow-large);
  background-color: var(--background-default);
  color: rgb(var(--grey-600));
}

.c-tooltip--light.c-arrow:after,
.c-tooltip--light.c-arrow:before {
  font-size: 9px;
}

.c-tooltip--light.c-tooltip--large.c-arrow:after,
.c-tooltip--light.c-tooltip--large.c-arrow:before {
  font-size: 14px;
}

.c-tooltip--light.c-tooltip--extra-large.c-arrow:after,
.c-tooltip--light.c-tooltip--extra-large.c-arrow:before {
  font-size: 18px;
}

[tabindex="-1"]:focus {
  outline: none !important;
}

.l-flag {
  display: table;
  width: 100%;
}

.l-flag__body,
.l-flag__figure {
  display: table-cell;
  vertical-align: middle;
}

.l-flag__body {
  width: 100%;
}

.l-flag__body > * {
  vertical-align: inherit;
}

.l-flag__figure > * {
  display: block;
  max-width: none;
}

.l-flag--bottom > .l-flag__body,
.l-flag--bottom > .l-flag__figure {
  vertical-align: bottom;
}

.l-flag--top > .l-flag__body,
.l-flag--top > .l-flag__figure {
  vertical-align: top;
}

.l-grid {
  margin: 0 0 0 -20px;
  padding: 0;
  list-style: none;
}

.l-grid__item {
  display: inline-block;
  box-sizing: border-box;
  padding-left: 20px;
  width: 100%;
  vertical-align: top;
}

.l-grid--0 {
  margin-left: 0;
}

.l-grid--0 > .l-grid__item {
  padding-left: 0;
}

.l-grid--lg {
  margin-left: -30px;
}

.l-grid--lg > .l-grid__item {
  padding-left: 30px;
}

.l-grid--sm {
  margin-left: -10px;
}

.l-grid--sm > .l-grid__item {
  padding-left: 10px;
}

.l-grid--xl {
  margin-left: -40px;
}

.l-grid--xl > .l-grid__item {
  padding-left: 40px;
}

.l-grid--xs {
  margin-left: -5px;
}

.l-grid--xs > .l-grid__item {
  padding-left: 5px;
}

.l-media {
  display: block;
}

.l-media:after {
  display: table;
  clear: both;
  content: "";
}

.l-media__body {
  display: block;
  overflow: hidden;
}

.l-media__figure {
  float: left;
}

.l-wrapper {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 960px;
}

/* .u-border and .u-br-* classes removed here */
/* Clearfix */
.u-cf:after {
  display: table;
  clear: both;
  content: "";
}

.u-bg-inherit {
  background-color: inherit !important;
}

/* Removed .u-bc-*, .u-bg-* utilities for border & bg color here */
/* display */
.u-display-block {
  display: block !important;
}

.u-display-inherit {
  display: inherit !important;
}

.u-display-inline {
  display: inline !important;
}

.u-display-inline-block {
  display: inline-block !important;
}

.u-display-list-item {
  display: list-item !important;
}

.u-display-none {
  display: none !important;
}

.u-display-table {
  display: table !important;
}

.u-display-table-cell {
  display: table-cell !important;
}

.u-display-table-row {
  display: table-row !important;
}

/* float */
.u-float-left {
  float: left !important;
}

.u-float-none {
  float: none !important;
}

.u-float-right {
  float: right !important;
}

/* font size */
.u-giga {
  font-size: 36px !important;
}

.u-mega {
  font-size: 28px !important;
}

.u-kilo {
  font-size: 25px !important;
}

.u-alpha {
  font-size: 22px !important;
}

.u-beta {
  font-size: 20px !important;
}

.u-gamma {
  font-size: 18px !important;
}

.u-delta {
  font-size: 16px !important;
}

.u-epsilon {
  font-size: 14px !important;
}

.u-zeta {
  font-size: 12px !important;
}

.u-milli {
  font-size: 11px !important;
}

.u-micro {
  font-size: 10px !important;
}

.u-nano {
  font-size: 9px !important;
}

/* font weight */
.u-regular {
  font-weight: 400 !important;
}

.u-semibold {
  font-weight: 600 !important;
}

.u-bold {
  font-weight: 700 !important;
}

.u-extrabold {
  font-weight: 800 !important;
}

.u-black {
  font-weight: 900 !important;
}

.u-ultralight {
  font-weight: 100 !important;
}

.u-medium {
  font-weight: 600 !important;
}

.u-heavy {
  font-weight: 800 !important;
}

.u-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Vertical align */
.u-va-baseline {
  vertical-align: baseline !important;
}

.u-va-bottom {
  vertical-align: bottom !important;
}

.u-va-inherit {
  vertical-align: inherit !important;
}

.u-va-middle {
  vertical-align: middle !important;
}

.u-va-sub {
  vertical-align: sub !important;
}

.u-va-super {
  vertical-align: super !important;
}

.u-va-text-bottom {
  vertical-align: text-bottom !important;
}

.u-va-text-top {
  vertical-align: text-top !important;
}

.u-va-top {
  vertical-align: top !important;
}

/* Spacing/Margins */
.u-mt {
  margin-top: 20px !important;
}

/* Text align */
.u-ta-center {
  text-align: center !important;
}

.u-fg-transparent {
  color: transparent !important;
}

.u-bg-silver-sand {
  background-color: var(--background-subtle) !important;
}

.u-mr-xs {
  margin-right: 5px !important;
}

.u-br-xl {
  border-radius: 8px !important;
}

.u-fg-dark-gray {
  color: rgb(var(--grey-800)) !important;
}

.u-mh,
.u-ml {
  margin-left: 20px !important;
}

.u-mt-xs {
  margin-top: 5px !important;
}

.u-bg-anti-flash-white {
  background-color: var(--background-default) !important;
}

.u-bg-platinum {
  background-color: rgb(var(--grey-200)) !important;
}

.u-bc-transparent {
  border-color: transparent !important;
}

.u-br-t-0,
.u-br-tl-0 {
  border-top-left-radius: 0 !important;
}

.u-bc-gainsboro {
  border-color: var(--border-default) !important;
}

.u-fg-gainsboro {
  color: rgb(var(--grey-300)) !important;
}

.u-border {
  border: 1px solid !important;
}

.u-pv {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.u-ph-xl,
.u-pl-xl {
  padding-left: 40px !important;
}

.u-ph-xl {
  padding-right: 40px !important;
}

.u-border-t,
.u-border-v {
  border-top: 1px solid !important;
}

.u-bc-platinum {
  border-color: var(--border-subtle) !important;
}

.u-p-xl {
  padding: 40px !important;
}

.u-fg-monsoon {
  color: rgb(var(--grey-600)) !important;
}

.u-bg-oil {
  background-color: rgb(var(--grey-800)) !important;
}

.u-fg-white {
  color: var(--background-default) !important;
}

.u-mr-sm {
  margin-right: 10px !important;
}

.u-bg-dark-gray {
  background-color: rgb(var(--grey-800)) !important;
}

.u-bg-monsoon {
  background-color: rgb(var(--grey-600)) !important;
}

.u-fg-white-smoke {
  color: var(--background-recessed) !important;
}

.u-bg-gainsboro {
  background-color: rgb(var(--grey-300)) !important;
}

.u-bg-transparent {
  background-color: transparent !important;
}

.u-ph-xxs,
.u-pl-xxs {
  padding-left: 2px !important;
}

.u-ph-xxs {
  padding-right: 2px !important;
}

.u-bc-dark-gray {
  border-color: rgb(var(--grey-800)) !important;
}

.u-bc-oil {
  border-color: rgb(var(--grey-800)) !important;
}

.u-bc-monsoon {
  border-color: rgb(var(--grey-600)) !important;
}

.u-fg-oil {
  color: rgb(var(--grey-800)) !important;
}

.u-bg-white-smoke {
  background-color: var(--background-recessed) !important;
}

.u-fg-anti-flash-white {
  color: var(--foreground-onEmphasis) !important;
}

.c-arrow {
  position: relative;
}

.c-arrow:before {
  border-width: inherit;
  border-style: inherit;
  border-color: transparent;
  background-clip: content-box;
}

.c-arrow:after {
  z-index: -1;
  border: inherit;
  box-shadow: inherit;
}

.c-arrow:after,
.c-arrow:before {
  position: absolute;
  transform: rotate(45deg);
  background-color: inherit;
  width: 1em;
  height: 1em;
  content: "";
}

.c-arrow--t:before,
.c-arrow--tl:before,
.c-arrow--tr:before {
  border-bottom-right-radius: 100%;
  -webkit-clip-path: polygon(100% 0, 100% 1px, 1px 100%, 0 100%, 0 0);
  clip-path: polygon(100% 0, 100% 1px, 1px 100%, 0 100%, 0 0);
}

.c-arrow--t:after,
.c-arrow--t:before {
  top: -0.5em;
  left: 50%;
  margin-left: -0.5em;
}

.c-arrow--tl:after,
.c-arrow--tl:before {
  top: -0.5em;
  left: 1em;
}

.c-arrow--tr:after,
.c-arrow--tr:before {
  top: -0.5em;
  right: 1em;
}

.c-arrow--r:before {
  border-bottom-left-radius: 100%;
  -webkit-clip-path: polygon(100% 0, 100% 100%, calc(100% - 1px) 100%, 0 1px, 0 0);
  clip-path: polygon(100% 0, 100% 100%, calc(100% - 1px) 100%, 0 1px, 0 0);
}

.c-arrow--r:after,
.c-arrow--r:before {
  top: 50%;
  right: -0.5em;
  margin-top: -0.5em;
}

.c-arrow--l:before {
  border-top-right-radius: 100%;
  -webkit-clip-path: polygon(0 100%, 100% 100%, 100% calc(100% - 1px), 1px 0, 0 0);
  clip-path: polygon(0 100%, 100% 100%, 100% calc(100% - 1px), 1px 0, 0 0);
}

.c-arrow--l:after,
.c-arrow--l:before {
  top: 50%;
  left: -0.5em;
  margin-top: -0.5em;
}

.c-arrow--b:before,
.c-arrow--bl:before,
.c-arrow--br:before {
  border-top-left-radius: 100%;
  -webkit-clip-path: polygon(100% 0, calc(100% - 1px) 0, 0 calc(100% - 1px), 0 100%, 100% 100%);
  clip-path: polygon(100% 0, calc(100% - 1px) 0, 0 calc(100% - 1px), 0 100%, 100% 100%);
}

.c-arrow--b:after,
.c-arrow--b:before {
  bottom: -0.5em;
  left: 50%;
  margin-left: -0.5em;
}

.c-arrow--bl:after,
.c-arrow--bl:before {
  bottom: -0.5em;
  left: 1em;
}

.c-arrow--br:after,
.c-arrow--br:before {
  right: 1em;
  bottom: -0.5em;
}

.c-menu {
  display: inline-block;
  position: absolute;
  margin: 0;
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: var(--shadow-large);
  background-color: var(--background-default);
  cursor: default;
  padding: 10px 0;
  min-width: 140px;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
}

.c-menu--large {
  min-width: 270px;
}

.c-menu.is-rtl {
  direction: rtl;
  text-align: right;
}

.c-menu__item {
  display: block;
  position: relative;
  z-index: 0;
  cursor: pointer;
  padding: 0.71428571429em 1.429em;
  line-height: 1.4285714286;
  color: var(--foreground-subtle);
  user-select: none;
}

.c-menu__item.is-selected,
.c-menu__item:hover {
  background-color: var(--background-default);
  color: rgb(var(--grey-800));
}

.c-menu__item.is-focused,
.c-menu__item:focus {
  outline: none;
}

.c-menu__item.is-active,
.c-menu__item:active {
  box-shadow: none;
}

.c-menu__item.is-disabled,
.c-menu__item[aria-disabled="true"],
.c-menu__item[disabled] {
  background-color: inherit;
  cursor: default;
  color: rgb(var(--grey-400));
}

.c-menu__item.is-expanded {
  z-index: 1;
}

.c-menu.is-hidden,
.c-menu[aria-hidden="true"] {
  display: none;
}

.c-menu__separator {
  display: block;
  margin: 5px 0;
  border-bottom: 1px solid var(--border-default);
}

.l-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 400;
  background-color: var(--background-default);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.l-backdrop--lightbox {
  background-color: var(--overlay-dark);
}

.l-backdrop--transparent {
  background-color: transparent;
  overflow: hidden;
}

.c-dialog {
  display: inline-block;
  position: relative;
  border-radius: 4px;
  box-shadow: var(--shadow-large);
  background-color: var(--background-default);
  padding: 40px;
  width: 600px;
}

.c-dialog:focus {
  outline: none;
}

.c-dialog--center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-height: 399px) {
  .c-dialog--center {
    top: 0;
    transform: translate(-50%);
    margin: 20px 0;
  }
}

@media (max-width: 639px) {
  .c-dialog--center {
    left: 0;
    transform: translateY(-50%);
    margin: 0 20px;
  }
}

@media (max-height: 399px) and (max-width: 639px) {
  .c-dialog--center {
    transform: translate(0);
    margin: 20px;
  }
}

.c-dialog__close {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  border-radius: inherit;
  background-color: transparent;
  cursor: pointer;
  width: 40px;
  text-align: center;
  text-decoration: none;
  line-height: 40px;
  color: rgb(var(--grey-300));
  font-family:
    Courier New,
    monospace;
  font-size: 14px;
  user-select: none;
}

.c-dialog__close:hover {
  color: rgb(var(--grey-700));
}

.c-dialog__close > svg {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

.c-dialog__header {
  display: block;
  margin-bottom: 20px;
  line-height: 1.11111;
  color: rgb(var(--grey-800));
  font-size: 18px;
}

.c-dialog__body {
  display: block;
  line-height: 1.42857;
  color: rgb(var(--grey-500));
  font-size: 14px;
}

.c-dialog__footer {
  display: block;
  margin-top: 30px;
  text-align: right;
}

.c-chk {
  position: relative;
  margin: 0;
  border: 0;
  padding: 0;
  line-height: 20px;
  font-size: 14px;
}

.c-chk__input {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
}

.c-chk__label {
  position: relative;
  cursor: pointer;
  padding-left: 24px;
  white-space: nowrap;
  color: rgb(var(--grey-500));
  user-select: none;
}

.c-chk__label:after,
.c-chk__label:before {
  position: absolute;
  top: 50%;
  left: 0;
  transition:
    border-color 0.25s ease-in-out,
    box-shadow 0.1s ease-in-out,
    background-color 0.25s ease-in-out,
    background-image 0.25s ease-in-out,
    color 0.25s ease-in-out;
  margin-top: -7px;
  border: 1px solid var(--border-default);
  border-radius: 4px;
  width: 14px;
  height: 14px;
  box-sizing: border-box;
  color: inherit;
  content: "";
}

.c-chk__label:before {
  background-color: var(--background-default);
}

.c-chk__label:after {
  border-color: transparent;
}

.c-chk.is-rtl {
  direction: rtl;
}

.c-chk.is-rtl .c-chk__label {
  padding-right: 24px;
  padding-left: 0;
}

.c-chk.is-rtl .c-chk__label:after,
.c-chk.is-rtl .c-chk__label:before {
  right: 0;
  left: auto;
}

.c-chk .c-chk__input:checked ~ .c-chk__label:after,
.c-chk.is-checked.is-checked .c-chk__label:after {
  background: no-repeat 50%/100%
    url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' color='%23FFF'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.5 7.19L6.76 9.5l2.744-5'/%3E%3C/svg%3E")
    var(--background-primaryEmphasis);
}

.c-chk .c-chk__label:hover:before,
.c-chk.is-hovered .c-chk__label:before {
  border-color: var(--background-primaryEmphasis);
}

.c-chk.is-focused .c-chk__label:after {
  outline: none;
  box-shadow: var(--shadow-large);
}

.c-chk.is-focused .c-chk__label:after,
.c-chk.is-focused .c-chk__label:before {
  border-color: var(--background-primaryEmphasis);
}

.c-chk .c-chk__label:active.c-chk__label:active:after,
.c-chk.is-active.is-active .c-chk__label:after {
  transition:
    border-color 0.1s ease-in-out,
    background-color 0.1s ease-in-out,
    background-image 0.1s ease-in-out,
    color 0.1s ease-in-out;
  border-color: var(--background-primaryEmphasis);
  background-color: var(--background-default);
}

.c-chk.is-active .c-chk__input:enabled:checked ~ .c-chk__label:after,
.c-chk.is-checked.is-checked.is-active:not(.is-disabled) .c-chk__label:after,
.c-chk:not(.is-disabled) .c-chk__input:enabled:checked ~ .c-chk__label:active:after {
  border-color: var(--border-primaryEmphasis);
  background-color: var(--background-primaryEmphasis);
}

.c-chk .c-chk__input[disabled].c-chk__input[disabled] ~ .c-chk__label,
.c-chk.is-disabled.is-disabled.is-disabled .c-chk__label {
  cursor: default;
}

.c-chk .c-chk__input[disabled].c-chk__input[disabled] ~ .c-chk__label:after,
.c-chk .c-chk__input[disabled].c-chk__input[disabled] ~ .c-chk__label:before,
.c-chk.is-disabled.is-disabled.is-disabled .c-chk__label:after,
.c-chk.is-disabled.is-disabled.is-disabled .c-chk__label:before {
  border-color: transparent;
}

.c-chk .c-chk__input[disabled].c-chk__input[disabled] ~ .c-chk__label:after,
.c-chk.is-disabled.is-disabled.is-disabled .c-chk__label:after {
  box-shadow: none;
  background-color: rgb(var(--grey-300));
}

.c-chk--radio .c-chk__label:after,
.c-chk--radio .c-chk__label:before {
  border-radius: 20px;
}

.c-chk--radio.c-chk .c-chk__input:checked ~ .c-chk__label:after,
.c-chk--radio.c-chk.is-checked.is-checked .c-chk__label:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' color='%23FFF'%3E%3Ccircle cx='7' cy='7' r='4.5' fill='currentColor'/%3E%3C/svg%3E");
}

.c-chk--toggle .c-chk__label {
  padding-left: 50px;
}

.c-chk--toggle .c-chk__label:after,
.c-chk--toggle .c-chk__label:before {
  top: 0;
  margin-top: 0;
  border: none;
  border-radius: 100px;
  background-color: rgb(var(--grey-500));
  width: 40px;
  height: 20px;
}

.c-chk--toggle .c-chk__label:after {
  transition:
    box-shadow 0.1s ease-in-out,
    background-color 0.15s ease-in-out,
    background-position 0.15s ease-in-out,
    color 0.25s ease-in-out;
  background-repeat: no-repeat;
  background-position: 10%;
}

.c-chk--toggle.c-chk .c-chk__input:checked ~ .c-chk__label:after,
.c-chk--toggle.c-chk.is-checked.is-checked .c-chk__label:after,
.c-chk--toggle .c-chk__label:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' color='%23FFF'%3E%3Ccircle cx='7' cy='7' r='6' fill='currentColor'/%3E%3C/svg%3E");
}

.c-chk--toggle.c-chk .c-chk__input:checked ~ .c-chk__label:after,
.c-chk--toggle.c-chk.is-checked.is-checked .c-chk__label:after {
  background-position: 90%;
  background-size: auto;
}

.c-chk--toggle.c-chk .c-chk__label:active.c-chk__label:active:after,
.c-chk--toggle.c-chk.is-active.is-active .c-chk__label:after {
  background-color: var(--background-emphasis);
}

.c-chk--toggle.c-chk.is-active .c-chk__input:enabled:checked ~ .c-chk__label:after,
.c-chk--toggle.c-chk.is-checked.is-checked.is-active:not(.is-disabled) .c-chk__label:after,
.c-chk--toggle.c-chk:not(.is-disabled) .c-chk__input:enabled:checked ~ .c-chk__label:active:after {
  background-color: var(--background-primaryEmphasis);
}

.c-chk--toggle.c-chk .c-chk__input[disabled].c-chk__input[disabled] ~ .c-chk__label:after,
.c-chk--toggle.c-chk .c-chk__input[disabled].c-chk__input[disabled] ~ .c-chk__label:before,
.c-chk--toggle.c-chk.is-disabled.is-disabled.is-disabled .c-chk__label:after,
.c-chk--toggle.c-chk.is-disabled.is-disabled.is-disabled .c-chk__label:before {
  background-color: rgb(var(--grey-300));
}

.c-chk--toggle.is-rtl .c-chk__label {
  padding-right: 50px;
}

.c-chk--toggle.is-rtl .c-chk__label:after {
  background-position: 90%;
}

.c-chk--toggle.is-rtl.c-chk .c-chk__input:checked ~ .c-chk__label:after,
.c-chk--toggle.is-rtl.c-chk.is-checked.is-checked .c-chk__label:after {
  background-position: 10%;
}

.c-chk--dark .c-chk__label {
  color: rgb(var(--kale-400));
}

.c-chk--dark .c-chk__label:before {
  border-color: transparent;
  background-color: rgb(var(--kale-800));
}

.c-chk--dark.c-chk .c-chk__input[disabled].c-chk__input[disabled] ~ .c-chk__label:after,
.c-chk--dark.c-chk .c-chk__input[disabled].c-chk__input[disabled] ~ .c-chk__label:before,
.c-chk--dark.c-chk.is-disabled.is-disabled.is-disabled .c-chk__label:after,
.c-chk--dark.c-chk.is-disabled.is-disabled.is-disabled .c-chk__label:before {
  background-color: rgb(var(--kale-400));
}

.c-chk--dark.c-chk .c-chk__input:checked[disabled] ~ .c-chk__label:after,
.c-chk--dark.c-chk.is-checked .c-chk__input[disabled] ~ .c-chk__label:after,
.c-chk--dark.c-chk.is-checked.is-disabled .c-chk__label:after,
.c-chk--dark.c-chk.is-disabled .c-chk__input:checked ~ .c-chk__label:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' color='%2303363D'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.5 7.19L6.76 9.5l2.744-5'/%3E%3C/svg%3E");
}

.c-chk--dark.c-chk--radio.c-chk .c-chk__input:checked[disabled] ~ .c-chk__label:after,
.c-chk--dark.c-chk--radio.c-chk.is-checked .c-chk__input[disabled] ~ .c-chk__label:after,
.c-chk--dark.c-chk--radio.c-chk.is-checked.is-disabled .c-chk__label:after,
.c-chk--dark.c-chk--radio.c-chk.is-disabled .c-chk__input:checked ~ .c-chk__label:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' color='%2303363D'%3E%3Ccircle cx='7' cy='7' r='4.5' fill='currentColor'/%3E%3C/svg%3E");
}

.c-chk--dark.c-chk--toggle.c-chk .c-chk__label:active.c-chk__label:active:after,
.c-chk--dark.c-chk--toggle.c-chk.is-active.is-active .c-chk__label:after {
  background-color: rgb(var(--kale-400));
}

.c-chk--dark.c-chk--toggle .c-chk__label:after,
.c-chk--dark.c-chk--toggle .c-chk__label:before {
  background-color: rgb(var(--kale-400));
}

.c-chk--dark.c-chk--toggle.c-chk .c-chk__input[disabled].c-chk__input[disabled] ~ .c-chk__label:after,
.c-chk--dark.c-chk--toggle.c-chk.is-disabled.is-disabled.is-disabled .c-chk__label:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' color='%2303363D'%3E%3Ccircle cx='7' cy='7' r='6' fill='currentColor'/%3E%3C/svg%3E");
}

.c-range {
  margin: 0;
  border: 0;
  padding: 0;
}

.c-range__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  outline: none;
  background-color: inherit;
  background-size: 0;
  cursor: pointer;
  padding: 0;
  width: 100%;
  vertical-align: middle;
}

.c-range__input::-moz-range-track {
  -moz-appearance: none;
  appearance: none;
  margin: 10.5px 0;
  border-radius: 5px;
  border-color: transparent;
  background-color: var(--background-default);
  background-image: linear-gradient(var(--background-primaryEmphasis), var(--background-primaryEmphasis));
  background-repeat: repeat-y;
  background-size: 0;
  width: 99.8%;
  height: 5px;
  color: transparent;
}

.c-range__input::-ms-track {
  appearance: none;
  margin: 10.5px 0;
  border-radius: 5px;
  border-color: transparent;
  background-color: var(--background-default);
  background-image: linear-gradient(var(--background-primaryEmphasis), var(--background-primaryEmphasis));
  background-repeat: repeat-y;
  background-size: 0;
  width: 99.8%;
  height: 5px;
  color: transparent;
}

.c-range__input::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  appearance: none;
  margin: 10.5px 0;
  border-radius: 5px;
  border-color: transparent;
  background-color: var(--background-default);
  background-image: linear-gradient(var(--background-primaryEmphasis), var(--background-primaryEmphasis));
  background-repeat: repeat-y;
  background-size: 0;
  width: 99.8%;
  height: 5px;
  color: transparent;
}

.c-range__input::-moz-range-thumb {
  -moz-appearance: none;
  appearance: none;
  margin: -7.5px 0;
  border: 3px solid var(--background-primaryEmphasis);
  border-radius: 100%;
  background-color: var(--background-primaryEmphasis);
  width: 20px;
  height: 20px;
  box-sizing: border-box;
}

.c-range__input::-ms-thumb {
  appearance: none;
  margin: -7.5px 0;
  border: 3px solid var(--background-primaryEmphasis);
  border-radius: 100%;
  background-color: var(--background-primaryEmphasis);
  width: 20px;
  height: 20px;
  box-sizing: border-box;
}

.c-range__input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  margin: -7.5px 0;
  border: 3px solid var(--background-primaryEmphasis);
  border-radius: 100%;
  background-color: var(--background-primaryEmphasis);
  width: 20px;
  height: 20px;
  box-sizing: border-box;
}

.c-range__input::-moz-range-progress {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: var(--background-primaryEmphasis);
  height: 5px;
}

.c-range__input::-ms-fill-lower {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: var(--background-primaryEmphasis);
  height: 5px;
}

.c-range__input::-moz-focus-outer {
  border: 0;
}

.c-range__input::-ms-tooltip {
  display: none;
}

.c-range__input::-webkit-slider-container,
.c-range__input::-webkit-slider-runnable-track {
  background-size: inherit;
}

.c-range--inline {
  display: inline-block;
}

.c-range--inline .c-range__input {
  width: auto;
}

.c-range.is-rtl {
  direction: rtl;
}

.c-range.is-rtl .c-range__input::-moz-range-track {
  background-position: 100% 100%;
}

.c-range.is-rtl .c-range__input::-ms-track {
  background-position: 100% 100%;
}

.c-range.is-rtl .c-range__input::-webkit-slider-runnable-track {
  background-position: 100% 100%;
}

.c-range.is-rtl .c-range__input::-moz-range-progress {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.c-range.is-rtl .c-range__input::-ms-fill-lower {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.c-range.is-focused .c-range__input::-moz-range-thumb {
  box-shadow: var(--shadow-large);
}

.c-range.is-focused .c-range__input::-ms-thumb {
  box-shadow: var(--shadow-large);
}

.c-range.is-focused .c-range__input::-webkit-slider-thumb {
  box-shadow: var(--shadow-large);
}

.c-range .c-range__input:active::-moz-range-track,
.c-range.is-active .c-range__input::-moz-range-track {
  background-color: rgb(var(--grey-300));
}

.c-range .c-range__input:active::-ms-track,
.c-range.is-active .c-range__input::-ms-track {
  background-color: rgb(var(--grey-300));
}

.c-range .c-range__input:active::-webkit-slider-runnable-track,
.c-range.is-active .c-range__input::-webkit-slider-runnable-track {
  background-color: rgb(var(--grey-300));
}

.c-range .c-range__input:active::-moz-range-thumb,
.c-range.is-active .c-range__input::-moz-range-thumb {
  background-color: var(--background-primaryEmphasis);
}

.c-range .c-range__input:active::-ms-thumb,
.c-range.is-active .c-range__input::-ms-thumb {
  background-color: var(--background-primaryEmphasis);
}

.c-range .c-range__input:active::-webkit-slider-thumb,
.c-range.is-active .c-range__input::-webkit-slider-thumb {
  background-color: var(--background-primaryEmphasis);
}

.c-range .c-range__input[disabled].c-range__input[disabled],
.c-range.is-disabled.is-disabled.is-disabled .c-range__input {
  cursor: default;
}

.c-range .c-range__input[disabled].c-range__input[disabled]::-moz-range-track,
.c-range.is-disabled.is-disabled.is-disabled .c-range__input::-moz-range-track {
  background-color: rgb(var(--grey-300));
  background-image: linear-gradient(rgb(var(--grey-300)), rgb(var(--grey-300)));
}

.c-range .c-range__input[disabled].c-range__input[disabled]::-ms-track,
.c-range.is-disabled.is-disabled.is-disabled .c-range__input::-ms-track {
  background-color: rgb(var(--grey-300));
  background-image: linear-gradient(rgb(var(--grey-300)), rgb(var(--grey-300)));
}

.c-range .c-range__input[disabled].c-range__input[disabled]::-webkit-slider-runnable-track,
.c-range.is-disabled.is-disabled.is-disabled .c-range__input::-webkit-slider-runnable-track {
  background-color: rgb(var(--grey-300));
  background-image: linear-gradient(rgb(var(--grey-300)), rgb(var(--grey-300)));
}

.c-range .c-range__input[disabled].c-range__input[disabled]::-moz-range-thumb,
.c-range.is-disabled.is-disabled.is-disabled .c-range__input::-moz-range-thumb {
  border-color: var(--border-default);
  background-color: rgb(var(--grey-300));
}

.c-range .c-range__input[disabled].c-range__input[disabled]::-ms-thumb,
.c-range.is-disabled.is-disabled.is-disabled .c-range__input::-ms-thumb {
  border-color: var(--border-default);
  background-color: rgb(var(--grey-300));
}

.c-range .c-range__input[disabled].c-range__input[disabled]::-webkit-slider-thumb,
.c-range.is-disabled.is-disabled.is-disabled .c-range__input::-webkit-slider-thumb {
  border-color: var(--border-default);
  background-color: rgb(var(--grey-300));
}

.c-range .c-range__input[disabled].c-range__input[disabled]::-moz-range-progress,
.c-range.is-disabled.is-disabled.is-disabled .c-range__input::-moz-range-progress {
  background-color: rgb(var(--grey-300));
}

.c-range .c-range__input[disabled].c-range__input[disabled]::-ms-fill-lower,
.c-range.is-disabled.is-disabled.is-disabled .c-range__input::-ms-fill-lower {
  background-color: rgb(var(--grey-300));
}

.c-range--dark .c-range__input::-moz-range-track {
  background-color: rgb(var(--kale-700));
}

.c-range--dark .c-range__input::-ms-track {
  background-color: rgb(var(--kale-700));
}

.c-range--dark .c-range__input::-webkit-slider-runnable-track {
  background-color: rgb(var(--kale-700));
}

.c-range--dark.c-range .c-range__input:active::-moz-range-track,
.c-range--dark.c-range.is-active .c-range__input::-moz-range-track {
  background-color: rgb(var(--kale-700));
}

.c-range--dark.c-range .c-range__input:active::-ms-track,
.c-range--dark.c-range.is-active .c-range__input::-ms-track {
  background-color: rgb(var(--kale-700));
}

.c-range--dark.c-range .c-range__input:active::-webkit-slider-runnable-track,
.c-range--dark.c-range.is-active .c-range__input::-webkit-slider-runnable-track {
  background-color: rgb(var(--kale-700));
}

.c-range--dark.c-range .c-range__input[disabled].c-range__input[disabled]::-moz-range-track,
.c-range--dark.c-range.is-disabled.is-disabled.is-disabled .c-range__input::-moz-range-track {
  background-color: rgb(var(--kale-400));
  background-image: linear-gradient(rgb(var(--kale-400)), rgb(var(--kale-400)));
}

.c-range--dark.c-range .c-range__input[disabled].c-range__input[disabled]::-ms-track,
.c-range--dark.c-range.is-disabled.is-disabled.is-disabled .c-range__input::-ms-track {
  background-color: rgb(var(--kale-400));
  background-image: linear-gradient(rgb(var(--kale-400)), rgb(var(--kale-400)));
}

.c-range--dark.c-range .c-range__input[disabled].c-range__input[disabled]::-webkit-slider-runnable-track,
.c-range--dark.c-range.is-disabled.is-disabled.is-disabled .c-range__input::-webkit-slider-runnable-track {
  background-color: rgb(var(--kale-400));
  background-image: linear-gradient(rgb(var(--kale-400)), rgb(var(--kale-400)));
}

.c-range--dark.c-range .c-range__input[disabled].c-range__input[disabled]::-moz-range-thumb,
.c-range--dark.c-range.is-disabled.is-disabled.is-disabled .c-range__input::-moz-range-thumb {
  border-color: rgb(var(--kale-400));
  background-color: rgb(var(--kale-400));
}

.c-range--dark.c-range .c-range__input[disabled].c-range__input[disabled]::-ms-thumb,
.c-range--dark.c-range.is-disabled.is-disabled.is-disabled .c-range__input::-ms-thumb {
  border-color: rgb(var(--kale-400));
  background-color: rgb(var(--kale-400));
}

.c-range--dark.c-range .c-range__input[disabled].c-range__input[disabled]::-webkit-slider-thumb,
.c-range--dark.c-range.is-disabled.is-disabled.is-disabled .c-range__input::-webkit-slider-thumb {
  border-color: rgb(var(--kale-400));
  background-color: rgb(var(--kale-400));
}

.c-range--dark.c-range .c-range__input[disabled].c-range__input[disabled]::-moz-range-progress,
.c-range--dark.c-range.is-disabled.is-disabled.is-disabled .c-range__input::-moz-range-progress {
  background-color: rgb(var(--kale-400));
}

.c-range--dark.c-range .c-range__input[disabled].c-range__input[disabled]::-ms-fill-lower,
.c-range--dark.c-range.is-disabled.is-disabled.is-disabled .c-range__input::-ms-fill-lower {
  background-color: rgb(var(--kale-400));
}

.c-txt {
  margin: 0;
  border: 0;
  padding: 0;
}

.c-txt__input {
  transition:
    border-color 0.25s ease-in-out,
    box-shadow 0.1s ease-in-out,
    background-color 0.25s ease-in-out,
    color 0.25s ease-in-out;
  outline: none;
  border: 1px solid var(--border-default);
  border-radius: 4px;
  background-color: var(--background-default);
  padding: 0.71429em 1.42857em;
  width: 100%;
  min-height: 40px;
  box-sizing: border-box;
  vertical-align: middle;
  line-height: 1.42857;
  color: rgb(var(--grey-600));
  font-family: inherit;
  font-size: 14px;
}

@media screen\0 {
  .c-txt__input {
    font-family: sans-serif;
  }
}

.c-txt__input::-webkit-input-placeholder {
  opacity: 1;
  color: rgb(var(--grey-400));
}

.c-txt__input::-moz-placeholder {
  opacity: 1;
  color: rgb(var(--grey-400));
}

.c-txt__input:-ms-input-placeholder {
  opacity: 1;
  color: rgb(var(--grey-400));
}

.c-txt__input::placeholder {
  opacity: 1;
  color: rgb(var(--grey-400));
}

.c-txt--inline {
  display: inline-block;
}

.c-txt--inline .c-txt__input {
  width: auto;
}

.c-txt.is-rtl {
  direction: rtl;
}

.c-txt__input--area {
  resize: none;
  overflow: auto;
}

.c-txt__input--area.is-resizable {
  resize: vertical;
}

.c-txt__input--select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  cursor: pointer;
  padding-right: 3.42857em;
  text-align: left;
}

.c-txt__input--select:not(select):before {
  position: absolute;
  top: 0;
  right: 0;
  width: 48px;
  height: 100%;
  content: "";
}

.c-txt__input--select:not(select):before,
select.c-txt__input--select {
  transition:
    background-image 0.25s ease-in-out,
    transform 0.25s ease-in-out,
    border-color 0.25s ease-in-out,
    box-shadow 0.1s ease-in-out,
    background-color 0.25s ease-in-out,
    color 0.25s ease-in-out;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' color='%23BBB'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4 6l3 3 3-3'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1.21429em center;
}

select.c-txt__input--select::-ms-expand {
  display: none;
}

select.c-txt__input--select::-ms-value {
  background-color: transparent;
  color: inherit;
}

select.c-txt__input--select:-moz-focusring {
  transition: none;
  text-shadow: 0 0 0 rgb(var(--grey-600));
  color: transparent;
}

.c-txt .c-txt__input:focus.c-txt__input--select:not(select):before,
.c-txt .c-txt__input:hover.c-txt__input--select:not(select):before,
.c-txt.is-focused .c-txt__input.c-txt__input--select:not(select):before,
.c-txt.is-focused select.c-txt__input--select,
.c-txt.is-hovered .c-txt__input.c-txt__input--select:not(select):before,
.c-txt.is-hovered select.c-txt__input--select,
.c-txt select.c-txt__input--select:focus,
.c-txt select.c-txt__input--select:hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' color='%23333'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4 6l3 3 3-3'/%3E%3C/svg%3E");
}

.c-txt__input--select.is-open.is-open.is-open:not(select):before {
  transform: rotate(180deg) translateY(-1px);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' color='%2330AABC'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4 6l3 3 3-3'/%3E%3C/svg%3E");
}

.c-txt .c-txt__input[disabled].c-txt__input--select:not(select):before,
.c-txt.is-disabled .c-txt__input.c-txt__input--select:not(select):before,
.c-txt.is-disabled select.c-txt__input--select,
.c-txt select.c-txt__input--select[disabled] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' color='%23FFF'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4 6l3 3 3-3'/%3E%3C/svg%3E");
}

.c-txt.is-rtl .c-txt__input--select {
  padding-right: 1.42857em;
  padding-left: 3.42857em;
  text-align: right;
}

.c-txt.is-rtl .c-txt__input--select:not(select):before {
  right: auto;
  left: 0;
}

.c-txt.is-rtl .c-txt__input--select:not(select):before,
.c-txt.is-rtl select.c-txt__input--select {
  background-position: left 1.21429em center;
}

.c-txt.is-rtl .c-txt__input--select.is-open.is-open.is-open:not(select):before {
  transform: rotate(-180deg) translateY(-1px);
}

.c-txt .c-txt__input:hover,
.c-txt.is-hovered .c-txt__input {
  border-color: var(--background-primaryEmphasis);
}

.c-txt .c-txt__input:focus {
  outline: none;
}

.c-txt .c-txt__input:focus,
.c-txt.is-focused .c-txt__input {
  border-color: var(--background-primaryEmphasis);
  box-shadow: var(--shadow-large);
}

.c-txt .c-txt__input[disabled],
.c-txt.is-disabled .c-txt__input {
  border-color: transparent;
  background-color: rgb(var(--grey-300));
  cursor: default;
  color: rgb(var(--grey-600));
}

.c-txt .c-txt__input[disabled]::-webkit-input-placeholder,
.c-txt.is-disabled .c-txt__input::-webkit-input-placeholder {
  color: var(--background-default);
}

.c-txt .c-txt__input[disabled]::-moz-placeholder,
.c-txt.is-disabled .c-txt__input::-moz-placeholder {
  color: var(--background-default);
}

.c-txt .c-txt__input[disabled]:-ms-input-placeholder,
.c-txt.is-disabled .c-txt__input:-ms-input-placeholder {
  color: var(--background-default);
}

.c-txt .c-txt__input[disabled]::placeholder,
.c-txt.is-disabled .c-txt__input::placeholder {
  color: var(--background-default);
}

.c-txt--dark .c-txt__input {
  border-color: transparent;
  background-color: rgb(var(--kale-700));
}

.c-txt--dark .c-txt__input::-webkit-input-placeholder {
  color: rgb(var(--kale-400));
}

.c-txt--dark .c-txt__input::-moz-placeholder {
  color: rgb(var(--kale-400));
}

.c-txt--dark .c-txt__input:-ms-input-placeholder {
  color: rgb(var(--kale-400));
}

.c-txt--dark .c-txt__input::placeholder {
  color: rgb(var(--kale-400));
}

.c-txt--dark.c-txt .c-txt__input[disabled],
.c-txt--dark.c-txt.is-disabled .c-txt__input {
  background-color: rgb(var(--kale-400));
  color: rgb(var(--kale-700));
}

.c-txt--dark.c-txt .c-txt__input[disabled]::-webkit-input-placeholder,
.c-txt--dark.c-txt.is-disabled .c-txt__input::-webkit-input-placeholder {
  color: rgb(var(--kale-400));
}

.c-txt--dark.c-txt .c-txt__input[disabled]::-moz-placeholder,
.c-txt--dark.c-txt.is-disabled .c-txt__input::-moz-placeholder {
  color: rgb(var(--kale-400));
}

.c-txt--dark.c-txt .c-txt__input[disabled]:-ms-input-placeholder,
.c-txt--dark.c-txt.is-disabled .c-txt__input:-ms-input-placeholder {
  color: rgb(var(--kale-400));
}

.c-txt--dark.c-txt .c-txt__input[disabled]::placeholder,
.c-txt--dark.c-txt.is-disabled .c-txt__input::placeholder {
  color: rgb(var(--kale-400));
}

.c-txt--dark.c-txt .c-txt__input:focus.c-txt__input--select:not(select):before,
.c-txt--dark.c-txt .c-txt__input:hover.c-txt__input--select:not(select):before,
.c-txt--dark.c-txt.is-focused .c-txt__input.c-txt__input--select:not(select):before,
.c-txt--dark.c-txt.is-hovered .c-txt__input.c-txt__input--select:not(select):before,
.c-txt--dark.is-focused select.c-txt__input--select,
.c-txt--dark.is-hovered select.c-txt__input--select,
.c-txt--dark select.c-txt__input--select:focus,
.c-txt--dark select.c-txt__input--select:hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' color='%2330AABC'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4 6l3 3 3-3'/%3E%3C/svg%3E");
}

.c-txt--dark.c-txt .c-txt__input[disabled].c-txt__input--select:not(select):before,
.c-txt--dark.c-txt.is-disabled .c-txt__input.c-txt__input--select:not(select):before,
.c-txt--dark.is-disabled select.c-txt__input--select,
.c-txt--dark select.c-txt__input--select[disabled] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' color='%2304444D'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4 6l3 3 3-3'/%3E%3C/svg%3E");
}

.has-error.c-txt:not(.is-disabled) .c-txt__input:not([disabled]) {
  border-color: var(--border-dangerEmphasis);
}

.has-error.c-txt .c-txt__input:focus,
.has-error.c-txt.is-focused .c-txt__input {
  box-shadow: var(--shadow-large);
}

.has-success.c-txt:not(.is-disabled) .c-txt__input:not([disabled]) {
  border-color: var(--border-successEmphasis);
}

.has-success.c-txt .c-txt__input:focus,
.has-success.c-txt.is-focused .c-txt__input {
  box-shadow: var(--shadow-large);
}

.has-warning.c-txt:not(.is-disabled) .c-txt__input:not([disabled]) {
  border-color: var--border-warningEmphasis;
}

.has-warning.c-txt .c-txt__input:focus,
.has-warning.c-txt.is-focused .c-txt__input {
  box-shadow: var(--shadow-large);
}

.c-range__hint,
.c-txt__hint {
  display: block;
  line-height: 1.42857;
  color: rgb(var(--grey-500));
  font-size: 14px;
}

.c-range__hint + .c-range__input,
.c-range__input + .c-range__hint,
.c-txt__hint + .c-txt__input,
.c-txt__input + .c-txt__hint {
  margin-top: 10px;
}

.c-range__label,
.c-txt__label {
  vertical-align: middle;
  line-height: 2.5;
  color: rgb(var(--grey-700));
  font-size: 16px;
}

.c-range__label + .c-range__hint,
.c-txt__label + .c-txt__hint {
  margin-top: -5px;
}

.c-range--dark .c-range__hint,
.c-txt--dark .c-txt__hint {
  color: rgb(var(--kale-400));
}

.c-range--dark .c-range__label,
.c-txt--dark .c-txt__label {
  color: var(--background-default);
}

.c-label {
  display: inline-block;
  transition: box-shadow 0.1s ease-in-out;
  border: 0;
  border-radius: 2px;
  background-color: var(--background-primaryEmphasis);
  padding: 0 0.83333em;
  height: 20px;
  text-decoration: none;
  line-height: 1.66667;
  white-space: nowrap;
  color: var(--background-default);
  font-size: 12px;
  font-weight: 400;
}

.c-label:hover {
  color: var(--background-default);
}

.c-label.is-focused,
.c-label:focus {
  outline: 0;
  box-shadow: var(--shadow-large);
  text-decoration: none;
}

.c-label.is-rtl {
  direction: rtl;
}

.c-label--light {
  background-color: var(--background-default);
  color: rgb(var(--grey-600));
  font-weight: 600;
}

.c-label--light:hover {
  color: rgb(var(--grey-600));
}

.c-label--light.is-focused,
.c-label--light:focus {
  box-shadow: var(--shadow-medium);
}

.c-label--dark {
  background-color: rgb(var(--kale-700));
}

.c-label--dark.is-focused,
.c-label--dark:focus {
  box-shadow: var(--shadow-medium);
}

.c-label--error {
  background-color: var(--background-dangerEmphasis);
}

.c-label--error.is-focused,
.c-label--error:focus {
  box-shadow: var(--shadow-medium);
}

.c-label--success {
  background-color: var(--background-successEmphasis);
}

.c-label--success.is-focused,
.c-label--success:focus {
  box-shadow: var(--shadow-medium);
}

.c-label--warning {
  background-color: var(--background-warningEmphasis);
}

.c-label--warning.is-focused,
.c-label--warning:focus {
  box-shadow: var(--shadow-medium);
}

.c-label--lg {
  border-radius: 4px;
  height: 30px;
  line-height: 2.5;
}

.c-label--sm {
  padding: 0 0.6em;
  height: 15px;
  line-height: 1.5;
  font-size: 10px;
}

.c-label--round.c-label--sm {
  min-width: 15px;
}

.c-label--round.c-label--lg {
  min-width: 30px;
}

.c-label--pill {
  border-radius: 100px;
}

.c-label--round {
  border-radius: 50%;
  padding: 0;
  min-width: 20px;
  text-align: center;
}

.c-label__remove {
  display: inline-block; /* inline-block is probably a mistake - ignored due to float */
  transition: opacity 0.25s ease-in-out;
  opacity: 0.7;
  margin-right: -10px;
  border: 0;
  border-radius: 2px;
  background: no-repeat 50%
    url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' color='%23FFF'%3E%3Cpath stroke='currentColor' stroke-linecap='round' d='M4 10l6-6M4 4l6 6'/%3E%3C/svg%3E")
    transparent;
  cursor: pointer;
  padding: 0;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  font-size: 0;
}

.c-label__remove.is-hovered,
.c-label__remove:hover {
  opacity: 1;
}

.c-label__remove:focus {
  outline: none;
}

.c-label--light .c-label__remove {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' color='%23777'%3E%3Cpath stroke='currentColor' stroke-linecap='round' d='M4 10l6-6M4 4l6 6'/%3E%3C/svg%3E");
}

.c-label--lg .c-label__remove {
  background-size: 16px;
  width: 30px;
  height: 30px;
}

.c-label--sm .c-label__remove {
  margin-right: -5px;
  background-size: 12px;
  width: 15px;
  height: 15px;
}

.c-label--pill .c-label__remove {
  border-radius: 50%;
}

.c-label--round .c-label__remove {
  display: none;
}

.c-label.is-rtl .c-label__remove {
  float: left;
  margin-right: 0;
  margin-left: -10px;
}

.c-label--sm.is-rtl .c-label__remove {
  margin-left: -5px;
}

.c-label__avatar {
  display: inline-block;
  margin: 2px 5px 2px -7.9px;
  border-radius: 2px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  font-size: 0;
}

.c-label--lg .c-label__avatar {
  margin: 3px 10px 3px -6.9px;
  border-radius: 3px;
  width: 24px;
  height: 24px;
}

.c-label--pill .c-label__avatar {
  border-radius: 50%;
}

.c-label--round .c-label__avatar,
.c-label--sm .c-label__avatar {
  display: none;
}

.c-label.is-rtl .c-label__avatar {
  float: right;
  margin-right: -7.9px;
  margin-left: 5px;
}

.c-label--lg.is-rtl .c-label__avatar {
  margin-right: -6.9px;
  margin-left: 10px;
}

/* BEGIN ./app/assets/stylesheets/components.scss */
/* BEGIN ./app/assets/stylesheets/components/nav_bar.scss */
.organization .navigationbar h4:first-of-type a,
.user .navigationbar h4:first-of-type a {
  margin-left: 0;
}
html[data-rtl-language="true"] .organization .navigationbar h4:first-of-type a,
html[data-rtl-language="true"] .user .navigationbar h4:first-of-type a {
  margin-left: 15px;
  margin-right: 0;
}

.navigationbar {
  clear: both;
  padding-top: 18px;
  white-space: nowrap;
}
html[data-rtl-language="true"] .navigationbar {
  direction: rtl;
}
.navigationbar::after {
  clear: both;
  content: "";
  display: block;
}
.navigationbar h4 {
  display: inline-block;
}

.navigation-item {
  border-bottom: 3px transparent solid;
  color: var(--foreground-default);
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 400;
  margin: 0 15px;
  padding: 2px 0;
}
.navigation-item:hover {
  color: var(--foreground-default);
  border-bottom-color: var(--border-default);
}
.navigation-item::after {
  content: attr(data-title-value);
  display: block;
  font-weight: 600;
  height: 1px;
  overflow: hidden;
  visibility: hidden;
}
.navigation-item.active {
  border-bottom-color: var(--foreground-primary);
  font-weight: 600;
}

/* END ./app/assets/stylesheets/components/nav_bar.scss */
/* BEGIN ./app/assets/stylesheets/components/dropdown_menu.scss */
.dropdown-container .dropdown-toggle {
  cursor: pointer;
  user-select: none;
}
.dropdown-container .dropdown-toggle.disabled {
  cursor: not-allowed;
}

.dropdown-menu {
  margin: -1px 0 0 0px;
}
html[data-rtl-language="true"] .dropdown-menu {
  margin-right: 0;
}
.dropdown-menu .selected::after {
  background: url(/agent/assets/components/ico_check-337ec26af1fafd5bb23af9d0b8ea56f2.png) no-repeat;
  content: "";
  display: block;
  height: 10px;
  margin: 0 1px;
  position: absolute;
  right: 20px;
  top: 11px;
  width: 10px;
}
[data-theme="dark"] .dropdown-menu .selected::after {
  filter: invert(100%);
}
html[data-rtl-language="true"] .dropdown-menu .selected::after {
  left: 20px;
  right: inherit;
}
.dropdown-menu li {
  position: relative;
}
html[data-rtl-language="true"] .dropdown-menu li {
  text-align: right;
}
.dropdown-menu li a {
  padding-right: 54px;
}
html[data-rtl-language="true"] .dropdown-menu li a {
  padding-right: 20px;
  padding-left: 54px;
}

.subnav-dropdown .dropdown-container {
  font-size: 14px;
  line-height: 18px;
  padding: 30px 30px 10px;
}

.subnav-dropdown .dropdown-toggle {
  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen-Sans,
    Ubuntu,
    Cantarell,
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 600;
}
.subnav-dropdown .dropdown-toggle::after {
  background: url(/agent/assets/components/icon-dropdown-6176ed1a90dd5199213878451019d061.svg) no-repeat;
  content: "";
  display: inline-block;
  position: absolute;
  height: 20px;
  width: 20px;
}
[data-theme="dark"].subnav-dropdown .dropdown-toggle::after {
  background: url(/agent/assets/components/icon-dropdown-dark-33b0749244eb4259098e48a0dfe96cfd.svg) no-repeat;
}

[data-theme="dark"] .dropdown .caret {
  filter: invert(100%);
}

.settings-dropdown {
  display: inline-block;
  position: absolute;
  right: 10px;
}
.settings-dropdown .ui-icon {
  display: inline-block;
  border-top: 5px;
}
.settings-dropdown .dropdown-toggle {
  background: url(/agent/assets/components/settings_menu-f2ca15ae7f5f4b9fa14baea6292ea188.png) no-repeat;
  content: "";
  display: inline-block;
  height: 24px;
  margin: 0 1px;
  width: 32px;
}

@media only screen and (min-resolution: 1.5dppx) {
  .dropdown-menu .selected::after {
    background: url(/agent/assets/components/ico_check_2X-7d69d3b24976772874545c0b4b0df3fc.png) no-repeat;
    background-size: 100%;
  }
}

.dropdown-with-top-right-arrow .dropdown-menu {
  top: 14px;
  right: -7px;
}
.dropdown-with-top-right-arrow .dropdown-menu:after,
.dropdown-with-top-right-arrow .dropdown-menu:before {
  bottom: 100%;
  right: 15px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.dropdown-with-top-right-arrow .dropdown-menu:after {
  border-color: transparent;
  border-bottom-color: var(--background-default);
  border-width: 8px;
  margin-right: -8px;
}
.dropdown-with-top-right-arrow .dropdown-menu:before {
  border-color: transparent;
  border-bottom-color: rgb(var(--grey-400));
  /* Grey-400 */
  border-width: 9px;
  margin-right: -9px;
}

/* END ./app/assets/stylesheets/components/dropdown_menu.scss */
/* BEGIN ./app/assets/stylesheets/components/ticket_collision.scss */
.ticket_collision {
  color: rgb(var(--grey-800));
  margin: 0;
  padding: 25px 30px 0px;
  height: 57px;
  position: relative;
  z-index: 10;
}
html[data-rtl-language="true"] .ticket_collision {
  direction: rtl;
}
.ticket_collision p {
  font-weight: 600;
}
.ticket_collision .user_photos {
  position: relative;
}
.ticket_collision .user_photo {
  display: block;
  margin: 6px 6px 0 0;
  height: 32px;
  width: 32px;
}
html[data-rtl-language="true"] .ticket_collision .user_photo {
  margin: 6px 0 0 6px;
}
.ticket_collision .user_photo .photo_badge {
  display: none;
}

.collision_avatar {
  position: absolute;
}
.collision_avatar,
.collision_avatar.is-editing::before {
  border-radius: 3px;
}
.collision_avatar .tooltip {
  left: 0 !important;
  padding: 5px 0;
}
html[data-rtl-language="true"] .collision_avatar .tooltip {
  left: auto !important;
  right: 0 !important;
}
.collision_avatar .tooltip .tooltip-arrow {
  left: 16px;
}
html[data-rtl-language="true"] .collision_avatar .tooltip .tooltip-arrow {
  left: auto;
  right: 16px;
}
.collision_avatar .tooltip .tooltip-inner {
  padding: 0;
}
.collision_avatar.is-editing::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
}
.collision_avatar.is-idle img {
  opacity: 0.4;
}
.collision_avatar.is-idle::before {
  box-shadow: inset 0 0 0 2px var(--border-primaryEmphasis);
}
.collision_avatar .profile {
  width: 32px;
  height: 32px;
}

.ticket_collision .overflow {
  left: 228px;
}
.ticket_collision .overflow .profile {
  display: inline-block;
  border: 1px solid var(--border-default);
  line-height: 30px;
  text-align: center;
  box-sizing: border-box;
  background-color: var(--background-default);
  height: 32px;
  width: 32px;
  border-radius: 50%;
}

.collision_tooltip {
  color: var(--background-default);
  padding: 15px;
  text-align: left;
}
.collision_tooltip .name {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.collision_tooltip .status {
  font-size: 12px;
}

.collision_tooltip.overflow {
  padding: 10px;
  white-space: nowrap;
}
.collision_tooltip.overflow div,
.collision_tooltip.overflow .profile {
  vertical-align: middle;
}
.collision_tooltip.overflow .user {
  margin-top: 15px;
}
.collision_tooltip.overflow .user:first-child {
  margin-top: 0px;
}
.collision_tooltip.overflow .user .collision_avatar,
.collision_tooltip.overflow .user .details {
  display: inline-block;
}
.collision_tooltip.overflow .user .collision_avatar {
  margin-right: 10px;
  position: relative;
}

/* END ./app/assets/stylesheets/components/ticket_collision.scss */
/* BEGIN ./app/assets/stylesheets/components/toggle_switch.scss */
.switch {
  position: relative;
  width: 60px;
  user-select: none;
  cursor: default;
}

.switch-checkbox {
  display: none;
}

.switch-label {
  display: block;
  height: 30px;
  margin-bottom: 0;
  cursor: pointer;
  border: none;
  border-radius: 6px;
  box-sizing: border-box;
  background-color: transparent;
}

.switch-bg {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.15s ease-in 0s;
}

.switch-content {
  width: 100%;
  height: 100%;
  background-color: transparent;
  position: relative;
  display: block;
  cursor: pointer;
}
.switch-content:before,
.switch-content:after {
  position: absolute;
  padding: 0;
  line-height: 30px;
  font-size: 13px;
  color: var(--background-default);
  font-weight: 600;
}
.switch-content:before {
  opacity: 0;
  text-align: left;
  left: 20%;
}
.switch-content:after {
  text-align: right;
  right: 20%;
}

.switch-toggle {
  display: block;
  width: 24px;
  margin: 3px;
  background: var(--background-default);
  border: none;
  border-radius: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  transition: all 0.15s ease-in 0s;
}
html[data-rtl-language="true"] .switch-toggle {
  left: 30px;
  right: auto;
}

.switch-container.disabled .switch-toggle {
  background-color: rgb(var(--grey-500));
}

.switch-container.disabled .switch-content {
  background-color: rgb(var(--grey-400));
}

.switch-checkbox + .switch-content {
  background-color: rgb(var(--grey-500));
  border-radius: 6px;
  transition: background-color 0.15s ease-in 0s;
}

.switch-checkbox:focus + .switch-content {
  box-shadow: 0 0 0 3px var(--border-primaryEmphasis);
}

.switch-checkbox:active + .switch-content {
  background-color: rgb(var(--grey-600));
}

.switch-checkbox:checked + .switch-content {
  background-color: rgb(var(--blue-600));
}
.switch-checkbox:checked + .switch-content .switch-bg {
  margin-left: 0;
}
.switch-checkbox:checked + .switch-content .switch-toggle {
  right: 0px;
}
html[data-rtl-language="true"] .switch-checkbox:checked + .switch-content .switch-toggle {
  left: 0px;
  right: auto;
}
.switch-checkbox:checked + .switch-content:before {
  opacity: 1;
}
.switch-checkbox:checked + .switch-content:after {
  opacity: 0;
}

.switch-checkbox:active:checked + .switch-content {
  background-color: rgb(var(--blue-700));
}

.switch-checkbox:disabled + .switch-content,
.switch-checkbox:disabled:active + .switch-content {
  border-radius: 6px;
  background-color: rgb(var(--grey-200));
  cursor: not-allowed;
}

.save-state {
  position: absolute;
  left: -25px;
}

.save-inprogress,
.save-success,
.save-error {
  display: inline-block;
  line-height: 30px;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  opacity: 0;
  position: absolute;
  padding-left: 20px;
}
html[data-rtl-language="true"] .save-inprogress,
html[data-rtl-language="true"] .save-success,
html[data-rtl-language="true"] .save-error {
  padding-left: 0;
  padding-right: 20px;
}
.save-inprogress:after,
.save-success:after,
.save-error:after {
  content: "";
  position: absolute;
  top: 8px;
  left: 0px;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
}
html[data-rtl-language="true"] .save-inprogress:after,
html[data-rtl-language="true"] .save-success:after,
html[data-rtl-language="true"] .save-error:after {
  left: auto;
  right: 0px;
}

.zd-icon-success:after {
  background: url(/agent/assets/icons/alerts/success-0629b259efb3f15f2543673af013f397.png);
}

.save-error:after {
  background: url(/agent/assets/icons/alerts/error-9edda0113d10e03df12a810e6322c91f.png);
}

.save-error {
  color: var(--foreground-warningEmphasis);
}

.save-inprogress,
.save-success {
  color: rgb(var(--green-400));
}

.save-success.zd-icon-success:before,
.save-error.zd-icon-error:before {
  margin-left: -20px;
  margin-right: 4px;
}

.save-inprogress.loader,
.save-inprogress.loader-ie9 {
  margin-left: -30px;
  position: absolute;
}

.loading .save-inprogress,
.saved .save-success,
.errored .save-error,
.loading + .save-state .save-inprogress,
.saved + .save-state .save-success,
.errored + .save-state .save-error {
  opacity: 1;
}

.switch-container .save-inprogress,
.switch-container .save-success,
.switch-container .save-error {
  line-height: 33px;
}

.switch-container .save-success,
.switch-container .save-error {
  transition: opacity 0.5s ease;
}

/* END ./app/assets/stylesheets/components/toggle_switch.scss */
/* BEGIN ./app/assets/stylesheets/components/product_tray.scss */
.zd-product-tray-toggle {
  color: rgb(var(--grey-800));
  /* Match [+ add] tab and other header items, Grey-800 */
}
.zd-product-tray-toggle:hover {
  color: rgb(var(--grey-800));
  /* Match [+ add] tab and other header items, Grey-800 */
}

/* Note: We would style this as .c-product-tray-modal except the class names are being hashed by build tools */
#zd-product-tray-modal {
  z-index: 10;
}

/* END ./app/assets/stylesheets/components/product_tray.scss */
/* BEGIN ./app/assets/stylesheets/components/ui_switch.scss */
.ui-switch {
  vertical-align: middle;
}
.ui-switch .ui-switch-button {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
  width: 40px;
  height: 20px;
  outline: 0;
  cursor: pointer;
  user-select: none;
  background: rgb(var(--grey-300));
  /* Grey-300 */
  border-radius: 10px;
  padding: 4px 12px 4px 4px;
  transition: all 0.2s ease;
}
.ui-switch .ui-switch-button::selection {
  background: none;
}
.ui-switch .ui-switch-button:after,
.ui-switch .ui-switch-button:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}
.ui-switch .ui-switch-button:after {
  left: 0;
  border-radius: 50%;
  background: var(--background-default);
  transition: all 0.2s ease;
}
.ui-switch .ui-switch-button:before {
  display: none;
}
html[data-rtl-language="true"] .ui-switch .ui-switch-button {
  padding: 4px 4px 4px 12px;
  direction: ltr;
  /* easier to style */
}
html[data-rtl-language="true"] .ui-switch .ui-switch-button:after {
  left: 50%;
}
.ui-switch .ui-switch-checkbox {
  display: none;
}
.ui-switch .ui-switch-checkbox:checked + .ui-switch-button {
  padding: 4px 4px 4px 12px;
  background: rgb(var(--grey-600));
}
.ui-switch .ui-switch-checkbox:checked + .ui-switch-button:after {
  left: 50%;
}
html[data-rtl-language="true"] .ui-switch .ui-switch-checkbox:checked + .ui-switch-button {
  padding: 4px 12px 4px 4px;
}
html[data-rtl-language="true"] .ui-switch .ui-switch-checkbox:checked + .ui-switch-button:after {
  left: 0%;
}
.ui-switch.large-green-box .ui-switch-button {
  height: 30px;
  width: 76px;
  border-radius: 5px;
  padding: 3px 24px 3px 3px;
}
.ui-switch.large-green-box .ui-switch-button:after,
.ui-switch.large-green-box .ui-switch-button:before {
  width: 24px;
  height: 24px;
}
.ui-switch.large-green-box .ui-switch-button:after {
  border-radius: 3px;
}
html[data-rtl-language="true"] .ui-switch.large-green-box .ui-switch-button {
  padding: 3px 3px 3px 24px;
}
.ui-switch.large-green-box .ui-switch-checkbox {
  display: none;
}
.ui-switch.large-green-box .ui-switch-checkbox:checked + .ui-switch-button {
  padding: 3px 3px 3px 24px;
  background: rgb(var(--green-400));
}
html[data-rtl-language="true"] .ui-switch.large-green-box .ui-switch-checkbox:checked + .ui-switch-button {
  padding: 3px 24px 3px 3px;
}

/* END ./app/assets/stylesheets/components/ui_switch.scss */
/* BEGIN ./app/assets/stylesheets/components/image_checkbox.scss */
label.image-checkbox {
  width: 122px;
}
label.image-checkbox:last-child {
  margin-right: 0;
}
label.image-checkbox input {
  display: none;
}
label.image-checkbox > span {
  display: block;
  position: relative;
  width: 120px;
  height: 120px;
  border: 1px solid var(--border-default);
  /* Grey-300 */
  border-radius: 4px;
  margin-bottom: 10px;
  transition: all 200ms ease-out;
}
label.image-checkbox > span .circle-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  z-index: 2;
  opacity: 0;
  background-image: url(/agent/assets/icons/circle-2362fdaa3ab81c418b539ab9ae99b1bf.svg);
  background-position: right 10px bottom 10px;
  background-repeat: no-repeat;
  transition: all 200ms ease-out;
}
html[data-rtl-language="true"] label.image-checkbox > span .circle-checkmark {
  background-position: left 10px bottom 10px;
}
label.image-checkbox > span .overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  height: 100%;
  width: 100%;
  opacity: 0;
  background: rgb(var(--grey-600));
  transition: all 200ms ease-out;
}
label.image-checkbox:hover > span {
  border: 1px solid var(--border-default);
}
label.image-checkbox:hover > span .circle-checkmark {
  opacity: 1;
}
label.image-checkbox:hover > span .overlay {
  opacity: 0.1;
}
label.image-checkbox input:checked + span {
  border: 1px solid rgb(var(--green-400));
}
label.image-checkbox input:checked + span .circle-checkmark {
  background-image: url(/agent/assets/icons/circle_green-ae2239ebe1890c910433a93de55c0dd2.svg);
  opacity: 1;
}
label.image-checkbox input:checked + span .overlay {
  opacity: 0.1;
}

/* END ./app/assets/stylesheets/components/image_checkbox.scss */
/* BEGIN ./app/assets/stylesheets/components/toggle_select.scss */
.toggle-select input {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  border-radius: 3px;
  background-color: var(--background-default);
  border: solid 1px var(--border-default);
  /* Grey-300 */
  padding: 8px 18px;
  box-shadow: none;
  margin-bottom: 20px;
}

.toggle-select .column-headers {
  padding: 0 0 10px 38px;
  overflow: auto;
  font-size: 12px;
  color: rgb(var(--grey-800));
  /* Grey-800 */
}
.toggle-select .column-headers span.left-title {
  float: left;
}
.toggle-select .column-headers span.right-title {
  float: right;
  text-align: right;
}
html[data-rtl-language="true"] .toggle-select .column-headers {
  padding: 0 38px 10px 0;
}
html[data-rtl-language="true"] .toggle-select .column-headers span.left-title {
  float: right;
}
html[data-rtl-language="true"] .toggle-select .column-headers span.right-title {
  float: left;
  text-align: left;
}

.toggle-select ul {
  max-height: 257px;
  border: 2px var(--border-subtle) solid;
  /* Grey-200 */
  border-width: 2px 0 2px 0;
  overflow-y: auto;
  margin-left: 0;
  padding: 0;
}
.toggle-select ul li {
  display: block;
  box-sizing: border-box;
  padding-top: 12px;
  text-align: left;
  height: 43px;
  border-bottom: 1px var(--border-default) solid;
  color: rgb(var(--grey-600));
}
.toggle-select ul li.zero-state {
  text-align: center;
}
.toggle-select ul li:last-child {
  border-bottom: 0;
}
.toggle-select ul li .check {
  display: block;
  float: left;
  width: 18px;
  height: 18px;
  padding: 0 10px;
}
.toggle-select ul li .check svg {
  display: none;
  width: 18px;
  height: 18px;
}
.toggle-select ul li:hover .check svg {
  display: inline;
  opacity: 0.4;
}
.toggle-select ul li.selected,
.toggle-select ul li.selected:hover {
  background: rgb(var(--grey-100));
  /* Grey-100 */
  color: rgb(var(--grey-800));
  /* Grey-800 */
}
.toggle-select ul li.selected .check svg,
.toggle-select ul li.selected:hover .check svg {
  display: inline;
  opacity: 1;
}
.toggle-select ul li .ui-switch {
  float: right;
  margin-right: 30px;
}
html[data-rtl-language="true"] .toggle-select ul {
  margin-right: 0;
}
html[data-rtl-language="true"] .toggle-select ul li {
  text-align: right;
}
html[data-rtl-language="true"] .toggle-select ul li.zero-state {
  text-align: center;
}
html[data-rtl-language="true"] .toggle-select ul li .check {
  float: right;
}
html[data-rtl-language="true"] .toggle-select ul li .ui-switch {
  float: left;
  margin-left: 30px;
  margin-right: 0;
}

/* END ./app/assets/stylesheets/components/toggle_select.scss */
/* BEGIN ./app/assets/stylesheets/components/round_avatar.scss */
.round-avatar {
  display: inline-block;
}
.round-avatar .thumbnail-container {
  display: inline-block;
  transition: background-color 0.3s;
  border-radius: 50%;
  box-sizing: border-box;
  margin: 0;
  position: relative;
}
.round-avatar .thumbnail-container > img,
.round-avatar .thumbnail-container__img {
  transition: all 0.3s;
  border-radius: 50%;
  background-clip: content-box;
  background-color: var(--background-default);
  width: 100%;
  height: 100%;
  box-sizing: inherit;
  vertical-align: bottom;
}
.round-avatar .thumbnail-container--md {
  border-width: 2px;
  width: 40px;
  height: 40px;
}
.round-avatar .thumbnail-container--md .editable-icon {
  top: 5px;
  left: 8px;
}
.round-avatar .thumbnail-container--md.loading-indicator .loading-background {
  width: inherit;
  height: inherit;
  box-sizing: border-box;
  border-radius: 50%;
}
.round-avatar .thumbnail-container--md.loading-indicator .loading-icon {
  top: 10px;
  left: 12px;
}
.round-avatar .thumbnail-container--lg {
  border-width: 2px;
  width: 50px;
  height: 50px;
}
.round-avatar .thumbnail-container--lg .editable-icon {
  top: 10px;
  left: 12px;
}
.round-avatar .thumbnail-container--lg.loading-indicator {
  top: -3px;
  left: 0px;
}
.round-avatar .thumbnail-container--lg.loading-indicator .loading-background {
  width: inherit;
  height: inherit;
  box-sizing: border-box;
  border-radius: 50%;
}
.round-avatar .thumbnail-container--lg.loading-indicator .loading-icon {
  top: 14px;
  left: 17px;
}
.round-avatar .thumbnail-container--sm {
  border-width: 2px;
  width: 32px;
  height: 32px;
}
.round-avatar .thumbnail-container--sm .editable-icon {
  top: 3px;
  left: 7px;
}
.round-avatar .thumbnail-container--sm.loading-indicator .loading-background {
  width: inherit;
  height: inherit;
  box-sizing: border-box;
  border-radius: 50%;
}
.round-avatar .thumbnail-container--sm.loading-indicator .loading-icon {
  top: 7px;
  left: 10px;
}
.round-avatar .thumbnail-container--xs {
  border-width: 2px;
  width: 24px;
  height: 24px;
}
.round-avatar .thumbnail-container.is-active {
  background-color: var(--background-primaryEmphasis);
  border-style: solid;
}
.round-avatar .thumbnail-container.is-in {
  background-color: rgb(var(--green-400));
  border-style: solid;
}
.round-avatar .thumbnail-container.is-editing {
  border-color: var(--border-primaryEmphasis);
  border-style: solid;
}
.round-avatar .thumbnail-container.is-active .thumbnail-container__img,
.round-avatar .thumbnail-container.is-active > img,
.round-avatar .thumbnail-container.is-in .thumbnail-container__img,
.round-avatar .thumbnail-container.is-in > img,
.round-avatar .thumbnail-container.is-out .thumbnail-container__img,
.round-avatar .thumbnail-container.is-out > img {
  border-color: transparent;
}
.round-avatar .thumbnail-container.is-idle .thumbnail-container__img,
.round-avatar .thumbnail-container.is-idle > img {
  transform: translateZ(0);
  filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="grayscale"><feColorMatrix values=".3333 0 0 0 0 0 .3333 0 0 0 0 0 .3333 0 0 0 0 0 0.6 0"/></filter></svg>#grayscale');
  filter: brightness(60%);
  opacity: 0.75;
}
.round-avatar .thumbnail-container--borderless .thumbnail-container__img,
.round-avatar .thumbnail-container--borderless > img {
  border-color: transparent;
}
.round-avatar .systemAvatar {
  border: 1px solid var(--border-default);
  /* Grey-300 */
  border-radius: 50%;
}
.round-avatar .initialAvatar {
  height: 36px;
  width: 36px;
  display: inline-block;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
}
.round-avatar .initial {
  height: 100%;
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2em;
  text-transform: uppercase;
  color: var(--background-default);
}
.round-avatar .yellow {
  background-color: rgb(var(--lemon-400));
}
.round-avatar .olive {
  background-color: rgb(var(--kale-500));
}
.round-avatar .green {
  background-color: rgb(var(--green-500));
}
.round-avatar .red {
  background-color: rgb(var(--red-700));
}
.round-avatar .pink {
  background-color: rgb(var(--pink-600));
}
.round-avatar .orange {
  background-color: rgb(var(--orange-500));
}
.round-avatar .gray {
  background-color: rgb(var(--grey-700));
}
.round-avatar .purple {
  background-color: rgb(var(--purple-800));
}
.round-avatar .present {
  width: 16px;
  height: 16px;
  position: absolute;
  right: -3px;
  bottom: -3px;
  border-radius: 50%;
  border: 1px solid var(--background-default);
  background-color: var(--foreground-success);
}
.round-avatar .active {
  position: absolute;
  right: -3px;
  bottom: -3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid var(--background-default);
  background-color: var(--foreground-primary);
}
.round-avatar .busy {
  position: absolute;
  right: -3px;
  bottom: -3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid var(--background-default);
  background-color: var(--foreground-warningEmphasis);
}
.round-avatar .away {
  position: absolute;
  right: -3px;
  bottom: -3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid var(--background-default);
  background-color: rgb(var(--grey-300));
  /* Grey-300 */
}
.round-avatar .editable-indicator .editable-background {
  width: 100%;
  height: 100%;
}

/* END ./app/assets/stylesheets/components/round_avatar.scss */
/* BEGIN ./app/assets/stylesheets/components/avatar_badge.scss */
.avatar-badge {
  height: 16px;
  width: 16px;
  position: absolute;
  bottom: -3px;
  display: inline-block;
  z-index: 1;
  right: -3px;
}
html[data-rtl-language="true"] .avatar-badge {
  left: -3px;
  right: auto;
}

/* END ./app/assets/stylesheets/components/avatar_badge.scss */
/* BEGIN ./app/assets/stylesheets/components/tabs_basic.scss */
.c-tab__list,
.c-tab__list__dropdown {
  padding-left: 20px;
  border-bottom-color: var(--border-default);
  /* Grey-300 */
  margin: 0;
}
html[data-rtl-language="true"] .c-tab__list,
html[data-rtl-language="true"] .c-tab__list__dropdown {
  margin: 0;
}
.c-tab__list .c-tab__list__item:after,
.c-tab__list .c-tab__pill,
.c-tab__list__dropdown .c-tab__list__item:after,
.c-tab__list__dropdown .c-tab__pill {
  content: attr(data-count);
  display: inline-block;
  margin-left: 3px;
  font-size: 10px;
  line-height: 13px;
  padding: 0 7px;
  border: 1px solid rgb(var(--grey-600));
  border-radius: 20px;
  position: relative;
  top: -1px;
  display: none;
  font-weight: 400;
}
.c-tab__list .c-tab__list__item,
.c-tab__list__dropdown .c-tab__list__item {
  top: 1px;
  position: relative;
  padding: 0 0 5px 0;
  overflow: visible;
  margin-left: 35px;
  border-bottom-width: 4px;
}
html[data-rtl-language="true"] .c-tab__list .c-tab__list__item,
html[data-rtl-language="true"] .c-tab__list__dropdown .c-tab__list__item {
  margin-left: 0px;
  margin-right: 30px;
}
.c-tab__list .c-tab__list__item:hover,
.c-tab__list__dropdown .c-tab__list__item:hover {
  color: rgb(var(--grey-800));
  border-bottom-color: var(--border-default);
}
.c-tab__list .c-tab__list__item.is-selected,
.c-tab__list__dropdown .c-tab__list__item.is-selected {
  border-bottom-color: rgb(var(--blue-600));
  /* Blue-600 */
  font-weight: 600;
}
.c-tab__list .c-tab__list__item .is_new_flag,
.c-tab__list__dropdown .c-tab__list__item .is_new_flag {
  display: none;
}
.c-tab__list .c-tab__list__item.has-new .is_new_flag,
.c-tab__list__dropdown .c-tab__list__item.has-new .is_new_flag {
  display: inline-block;
  padding-left: 3px;
  font-family: "Lucida Grande";
  font-size: 9px;
  font-weight: bold;
  color: var(--foreground-primary);
  line-height: 12px;
  padding: 5px 0 0 5px;
}
html[data-rtl-language="true"] .c-tab__list .c-tab__list__item.has-new .is_new_flag,
html[data-rtl-language="true"] .c-tab__list__dropdown .c-tab__list__item.has-new .is_new_flag {
  float: left;
  padding: 5px 5px 0 5px;
}
html[data-rtl-language="true"] .c-tab__list .c-tab__list__item:after,
html[data-rtl-language="true"] .c-tab__list__dropdown .c-tab__list__item:after {
  margin-right: 5px;
  margin-left: 0;
}
.c-tab__list .c-tab__list__item:first-of-type,
.c-tab__list__dropdown .c-tab__list__item:first-of-type {
  margin-left: 0;
}
html[data-rtl-language="true"] .c-tab__list .c-tab__list__item:first-of-type,
html[data-rtl-language="true"] .c-tab__list__dropdown .c-tab__list__item:first-of-type {
  margin-right: 15px;
}
.c-tab__list .c-tab__list__item[data-count]:after,
.c-tab__list__dropdown .c-tab__list__item[data-count]:after {
  display: inline-block;
}
.c-tab__list .c-tab__list__item.is-selected:after,
.c-tab__list__dropdown .c-tab__list__item.is-selected:after {
  background-color: rgb(var(--blue-600));
  /* Blue-600 */
  color: var(--background-default);
  border-color: rgb(var(--blue-600));
  /* Blue-600 */
}

/* END ./app/assets/stylesheets/components/tabs_basic.scss */
/* BEGIN ./app/assets/stylesheets/components/autosuggest_input.scss */
input[type="text"].autosuggest-input {
  display: inline-block;
  width: 253px;
  height: 28px;
  padding-left: 20px;
  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen-Sans,
    Ubuntu,
    Cantarell,
    "Helvetica Neue",
    Arial,
    sans-serif;
  box-shadow: none;
  border-radius: 4px;
  font-size: 14px;
}
input[type="text"].autosuggest-input.has-suggestions {
  border-radius: 4px 4px 0 0 !important;
}

.autosuggest-suggestions {
  position: absolute;
  z-index: 10000;
  box-sizing: border-box;
  border-radius: 0 0 4px 4px;
  border: 1px solid var(--border-default);
  /* Grey-300 */
  border-top: 0;
  background: var(--background-default);
  max-height: 250px;
}
.autosuggest-suggestions ul {
  max-height: 249px;
  overflow-y: auto;
  margin: 0;
  padding: 0;
}
html[data-rtl-language="true"] .autosuggest-suggestions ul {
  text-align: right;
  margin: 0;
}
.autosuggest-suggestions ul li {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.autosuggest-suggestions ul li a {
  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen-Sans,
    Ubuntu,
    Cantarell,
    "Helvetica Neue",
    Arial,
    sans-serif;
  display: block;
  padding: 5px 8px 6px 20px;
  font-size: 14px;
  line-height: 2;
  color: rgb(var(--grey-600));
}
html[data-rtl-language="true"] .autosuggest-suggestions ul li a {
  padding-left: 8px;
  padding-right: 20px;
}
.autosuggest-suggestions ul li.active a {
  background-color: var(--background-default);
  color: rgb(var(--grey-800));
}

/* END ./app/assets/stylesheets/components/autosuggest_input.scss */
/* BEGIN ./app/assets/stylesheets/components/ticket_tab_hover.scss */
.ticket-tab-hover {
  left: auto;
  pointer-events: none;
  padding: 0;
  color: rgb(var(--grey-800));
  /* Grey-800 */
  text-shadow: none;
  margin-top: -1px;
}
html[data-rtl-language="true"] .ticket-tab-hover {
  right: auto;
}
.ticket-tab-hover.left {
  top: 1px;
  right: 262px;
}
html[data-rtl-language="true"] .ticket-tab-hover.left {
  left: 262px;
  margin-left: 0;
  margin-right: -5px;
}
.ticket-tab-hover.bottom {
  top: 45px;
}
.ticket-tab-hover .popover-inner {
  padding: 20px;
  width: 300px;
  background-color: var(--background-default);
  border: 0;
  box-shadow: var(--shadow-large);
}
.ticket-tab-hover .popover-content {
  padding: 0;
  word-wrap: break-word;
  margin-top: 10px;
  color: rgb(var(--grey-800));
  /* Grey-800 */
  font-size: 14px;
}
html[data-rtl-language="true"] .ticket-tab-hover .popover-content {
  direction: rtl;
  text-align: right;
}
.ticket-tab-hover .subject {
  font-weight: 600;
  white-space: pre-line;
  line-height: 18px;
  margin-bottom: 2px;
}
.ticket-tab-hover .comment {
  margin-top: 7px;
  white-space: pre-line;
  line-height: 18px;
}
.ticket-tab-hover .popover-title {
  background: var(--background-default);
  color: rgb(var(--grey-600));
  font-size: 14px;
  border: none;
  line-height: 18px;
  font-weight: 400;
  border-bottom-width: 0;
  background-color: var(--background-default);
  padding: 0px;
}
html[data-rtl-language="true"] .ticket-tab-hover .popover-title {
  direction: rtl;
  text-align: right;
}
.ticket-tab-hover .details {
  padding-left: 10px;
  vertical-align: middle;
}
html[data-rtl-language="true"] .ticket-tab-hover .details {
  padding-left: 0;
  padding-right: 10px;
}
.ticket-tab-hover .priority {
  text-transform: lowercase;
}
.ticket-tab-hover .priority.priority_- {
  display: none;
}
.ticket-tab-hover .priority.priority_high {
  color: rgb(var(--grey-800));
}
.ticket-tab-hover .priority.priority_urgent {
  color: rgb(var(--grey-800));
  font-weight: 600;
}

/* END ./app/assets/stylesheets/components/ticket_tab_hover.scss */
.u-hyphen-placeholder-for-contenteditable:empty:not(:focus):before {
  content: attr(data-placeholder);
  color: rgb(var(--grey-600));
}

/* END ./app/assets/stylesheets/components.scss */
/* BEGIN ./app/assets/stylesheets/areas/header.scss */
/*
  IMPORTS MIXINS
 */
/* BEGIN ./app/assets/stylesheets/areas/header/legacy/options.scss */
/* END ./app/assets/stylesheets/areas/header/legacy/options.scss */
/* BEGIN ./app/assets/stylesheets/areas/header/legacy/branding.scss */
/* END ./app/assets/stylesheets/areas/header/legacy/branding.scss */
/* BEGIN ./app/assets/stylesheets/areas/header/voltron/header.scss */
/* END ./app/assets/stylesheets/areas/header/voltron/header.scss */
/* BEGIN ./app/assets/stylesheets/areas/header/voltron/tabs.scss */
/* END ./app/assets/stylesheets/areas/header/voltron/tabs.scss */
/* BEGIN ./app/assets/stylesheets/areas/header/voltron/options.scss */
/* END ./app/assets/stylesheets/areas/header/voltron/options.scss */
/* BEGIN ./app/assets/stylesheets/areas/header/voltron/flexbox.scss */
/* END ./app/assets/stylesheets/areas/header/voltron/flexbox.scss */
/* BEGIN ./app/assets/stylesheets/areas/header/voltron/rtl.scss */
/* END ./app/assets/stylesheets/areas/header/voltron/rtl.scss */
/* BEGIN ./app/assets/stylesheets/areas/header/voltron/channels.scss */
@keyframes voice-icon-animation {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* END ./app/assets/stylesheets/areas/header/voltron/channels.scss */

/* Voltron is build on top of the legacy styles to minimize duplicity */

#user_options {
  text-align: right;
}
#user_options .call_timer .arrow {
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  right: -5px;
  margin-top: -2px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid rgb(var(--grey-800));
  /* Grey-800 */
  margin-top: -5px;
}
#user_options .call_timer .control {
  background-color: rgb(var(--grey-800));
  /* Grey-800 */
  padding: 3px;
  margin-top: 1px;
  border-radius: 2px;
  background-clip: padding-box;
}
#user_options .call_timer .voice_timer {
  background-color: transparent;
  color: var(--background-default);
  height: 23px;
  margin: 0;
  padding-left: 24px;
  padding-right: 10px;
  padding-bottom: 1px;
  padding-top: 2px;
  font-size: 11px;
  font-family:
    "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
#user_options .call_timer .voice_timer.connecting {
  background: none;
  padding-left: 10px;
}
#user_options .call_timer .timer_slider_container {
  overflow: hidden;
  padding-right: 5px;
}
#user_options .btn-toolbar {
  margin: 0;
}
#user_options.button_fix .btn-toolbar > .btn-group > .btn,
#user_options:not(.button_fix) .btn-group .btn {
  background-image: none;
  box-shadow: none;
  line-height: 0;
}
#user_options.button_fix .btn-toolbar > .btn-group > .btn img,
#user_options:not(.button_fix) .btn-group .btn img {
  height: 20px;
  opacity: 1;
  fill: var(--background-default);
  padding: 5px;
  width: 20px;
}
#user_options.button_fix .btn-toolbar > .btn-group > .btn svg,
#user_options:not(.button_fix) .btn-group .btn svg {
  height: 18px;
  opacity: 1;
  fill: var(--background-default);
  padding: 6px;
  width: 18px;
}
#user_options.button_fix .btn-toolbar > .btn-group > .btn:hover img,
#user_options:not(.button_fix) .btn-group .btn:hover img {
  opacity: 1;
}
#user_options .header-search {
  position: relative;
  height: 30px;
  width: 30px;
  float: right;
}
#user_options .header-search.expanded {
  width: 250px;
}
#user_options .header-search.collapsed .search-dropdown {
  display: none;
}
#user_options .timer_slider {
  position: relative;
  right: -75px;
}
#user_options .zd-searchmenu-base {
  padding-left: 32px;
}
html[data-rtl-language="true"] #user_options .zd-searchmenu-base {
  text-align: right;
  padding-left: 0;
  padding-right: 32px;
}
#user_options .zd-searchmenu-root span.icon {
  position: absolute;
  cursor: default;
  top: 8px;
  left: 8px;
  width: 18px;
  height: 18px;
  opacity: 0.4;
}
html[data-rtl-language="true"] #user_options .zd-searchmenu-root span.icon {
  left: auto;
  right: 8px;
}

#branding-tooltip {
  left: 40%;
}

.lotus-profile-menu {
  position: relative;
}

.lotus-profile-menu__menu {
  position: absolute;
  top: 39px;
  right: -6px;
  font-size: 14px;
}
html[data-rtl-language="true"] .lotus-profile-menu__menu {
  right: auto;
  left: -6px;
  direction: rtl;
  /* switches 'flag' layout of avatar to RTL */
  text-align: right;
}

.lotus-profile-menu__menu.is-hidden {
  display: none;
}

.lotus-profile-menu__deemphasized {
  color: rgb(var(--grey-600));
  /* Grey-600 */
}

.lotus-profile-menu__inner-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

/* + Outside branding header */
.lotus-about-modal__inner {
  margin: 24px 0;
}

.lotus-about-modal__dataline {
  margin: 6px 0;
  text-align: center;
}

/* - Outside branding header */
#profile_menu {
  margin-right: 10px;
}
#profile_menu .thumbnail-container--sm {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#face {
  background-color: transparent;
  display: block;
  padding: 0;
}
#face.has-specified-version img {
  box-shadow: 0 0 0 3px rgb(var(--red-700));
}
#face img {
  height: 24px;
  width: 24px;
  border-radius: 50%;
}
#face .has-unread-feature-notifications {
  position: absolute;
  width: 10px;
  height: 10px;
  top: -4px;
  left: 23px;
  border-radius: 50%;
  background: rgb(var(--lemon-400));
  border: 1px solid var(--overlay-medium);
}

/* + Outside branding header */
.lotus-profile-menu__ipm > * {
  display: table-cell;
}
.lotus-profile-menu__ipm > *:first-child {
  width: 100%;
}

/* - Outside branding header */
.unread-feature-notification-count {
  min-width: 18px;
  min-height: 19px;
  border: 1px solid var(--border-subtle);
  /* Grey-200 */
  border-radius: 3px;
  font-weight: 600;
  color: rgb(var(--lemon-400));
  background: var(--background-default) none;
  text-align: center;
}

.apps_popover,
.dialer {
  background-color: rgb(var(--grey-400));
  /* Grey-400 */
  border-radius: 5px;
  width: 270px;
  padding: 3px;
  left: auto;
  right: 10px;
  position: absolute;
}
.apps_popover .arrow,
.dialer .arrow {
  transition: left, 250ms, ease;
  border-bottom: 5px solid rgb(var(--grey-400)) !important;
  /* Grey-400 */
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  margin-top: -8px;
}
.apps_popover .popover-inner,
.dialer .popover-inner {
  background-color: rgb(var(--grey-100));
  float: left;
  overflow: visible;
  width: inherit;
  height: inherit;
  border-radius: 3px;
}

#branding_header #user_options .apps_group {
  position: relative;
  margin-right: 5px;
  float: right;
}
#branding_header #user_options .apps_group > .btn:last-of-type {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
#branding_header #user_options .apps_group .btn img {
  opacity: 1;
}
#branding_header #user_options .apps_group.btn-group .btn {
  border: 1px solid rgb(var(--lime-700));
  padding: 7px;
}
#branding_header #user_options .apps_group.btn-group .btn.reload_apps {
  width: 20px;
  height: 20px;
}
#branding_header #user_options .apps_group.btn-group .btn.reload_apps svg {
  margin-top: -5px;
  margin-left: -5px;
}
#branding_header #user_options .apps_group.btn-group .btn.reload_apps svg g {
  fill: var(--background-default);
}

.apps_group,
.channels-control {
  float: right;
  margin-top: -3px;
}

.apps_group:empty {
  display: none;
}

.channels-control {
  padding: 0;
  background: none;
  cursor: pointer;
}
.channels-control #voice-control {
  position: relative;
}
.channels-control #voice-control .indicator {
  width: 18px;
  height: 18px;
  margin-top: 0px;
  opacity: 1;
  position: relative;
  right: -10px;
  top: -3px;
  transition: opacity 0.5s ease;
}
.channels-control .channel-header {
  border-radius: 3px;
  position: relative;
  padding: 5px;
}
.channels-control .channel-header.client.voice-offline,
.channels-control .channel-header.phone.voice-offline {
  background: none;
}
.channels-control .channel-header .channel-icon {
  width: 24px;
  height: 24px;
  margin-top: 0px;
}
.channels-control .channel-header .channel-icon.chat {
  position: relative;
}
.channels-control .channel-header .channel-icon.chat .indicator {
  width: 18px;
  height: 18px;
  margin-top: 0px;
  opacity: 1;
  position: relative;
  right: -10px;
  top: -3px;
  transition: opacity 0.5s ease;
}
.channels-control .channel-header .channel-icon.chat.connected .indicator {
  opacity: 0;
}

#voice_control {
  padding-right: 10px;
  position: relative;
}
#voice_control .voice {
  cursor: default;
  width: 24px;
  height: 24px;
  margin: 4px 6px 0 0;
}
#voice_control .voice.off {
  opacity: 0.2;
}

.search-dropdown .zd-menu-autofit-mode.zd-menu-root {
  max-height: 10000px;
}
.search-dropdown .zd-menu-panel-root .zd-menu-panel-holder {
  max-height: 10000px;
}
.search-dropdown .zd-menu-footer {
  border-top: 1px solid var(--border-default);
  /* Grey-300 // Suppressed later */
  height: 39px;
  position: absolute;
  left: 0;
  right: 0;
  padding-left: 15px;
  line-height: 30px;
  bottom: 0px;
}
.search-dropdown .zd-menu-root.zd-menu-panel-root {
  overflow: hidden;
  padding-bottom: 40px;
  border-color: var(--border-default);
  border-radius: 0 0 4px 4px;
  width: 250px !important;
}
.search-dropdown .zd-menu-panel-holder:empty + .zd-menu-footer {
  border-top-width: 0;
}
html[data-rtl-language="true"] .search-dropdown .zd-menu-panel-holder:empty + .zd-menu-footer {
  padding-left: 0;
  padding-right: 15px;
}
.search-dropdown .advanced-search {
  line-height: 36px;
  color: rgb(var(--grey-600));
}
html[data-rtl-language="true"] .search-dropdown .advanced-search {
  float: right;
}
.search-dropdown .advanced-search:hover {
  color: rgb(var(--blue-600));
}
.search-dropdown em {
  font-weight: 600;
  color: rgb(var(--grey-800));
  font-style: normal;
}
.search-dropdown .zd-menu-footer {
  cursor: pointer;
}
.search-dropdown .zd-searchmenu-root {
  background-color: transparent;
}
.search-dropdown .zd-searchmenu-base {
  height: 36px;
}

#new-search-tooltip {
  top: 4px !important;
  overflow: inherit;
}
#new-search-tooltip:before {
  top: 13px !important;
}

/* Legacy should be included in the voltron specific styles before we removal */
#branding_header {
  padding: 0;
  height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  left: 60px;
  z-index: 11;
  /* Create one pixel line */
  background: linear-gradient(0deg, var(--border-subtle) 1px, var(--background-default) 1px);
}

/* standalone product specific */
#branding_header:not(.has-navigation) {
  left: 0;
}

html[data-rtl-language="true"] #branding_header {
  flex-direction: row-reverse;
}
html[data-rtl-language="true"] #branding_header #tabs {
  flex-direction: row-reverse;
}
html[data-rtl-language="true"] #branding_header #tabs .tab {
  border-right-width: 0;
  border-left-width: 1px;
}
html[data-rtl-language="true"] #branding_header #tabs .tab .tab-content-holder {
  flex-direction: row-reverse;
}
html[data-rtl-language="true"] #branding_header #tabs .tab .tab-content-holder .tab_text {
  text-align: right;
}
html[data-rtl-language="true"] #branding_header #tabs .tab .tab-content-holder .close {
  right: auto;
  left: 0;
}
html[data-rtl-language="true"] #branding_header #tabs .tab:not(.add):not(.overflow-tab) .tab-content-holder .tab_text {
  padding-right: 0;
}
html[data-rtl-language="true"] #branding_header .column {
  flex-direction: row-reverse;
}

html[data-rtl-language="true"] #branding_header {
  left: 0;
  right: 60px;
}

/* Settings */
/*
    TABS CONTAINER
  */
#tabs {
  margin: 0;
  padding: 0;
  height: 50px;
  width: auto;
  overflow: hidden;
  z-index: auto;
}

/*
    TAB
  */
#tabs .tab {
  margin: 0;
  padding: 0;
  height: inherit;
  width: auto;
  max-width: 250px;
  min-width: 100px;
  font-size: 14px;
  background: var(--background-default);
  height: 49px;
  border-bottom: 1px solid var(--border-subtle);
  /* Grey-200 */
  cursor: pointer;
  float: none;
  /*
      CONDITIONALS
    */
  /*
      ADD TABS
    */
  /*
      DEFAULT
    */
  /*
      HOVER
    */
  /*
      SELECTED
    */
  /*
      ACTIVE
    */
}
#tabs .tab .tab_text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#tabs .tab:not(.add):not(.overflow-tab) {
  border-right: 1px solid var(--border-subtle);
  border-left: 0 solid var(--border-subtle);
  border-radius: 0;
  max-width: 250px;
  /* Hide close content if it's smaller than 20px */
}
#tabs .tab:not(.add):not(.overflow-tab) .tab-content-holder {
  flex-wrap: wrap;
}
#tabs .tab:not(.add):not(.overflow-tab) .tab-content-holder .tab_text {
  padding-right: 43px;
  min-width: 20px;
}
html[data-rtl-language="true"] #tabs .tab:not(.add):not(.overflow-tab) .tab-content-holder .tab_text {
  padding-left: 43px;
  padding-right: 0;
}
#tabs .tab:last-child {
  border-right: 0;
  border-left: 0;
}
#tabs .tab,
#tabs .tab:not(.add),
#tabs .tab:not(.overflow-tab) {
  position: static;
}
#tabs .tab.play-mode {
  max-width: 268px;
}
#tabs .tab.add {
  padding-right: 10px;
  background: var(--background-default);
}
html[data-rtl-language="true"] #tabs .tab.add {
  padding-left: 10px;
  padding-right: 0;
}
#tabs .tab.add .icon {
  margin: 4px 5px 0 0;
  width: 10px;
  height: 10px;
}
#tabs .tab.add .tab_text {
  float: left;
  overflow: visible;
  text-transform: capitalize;
}
#tabs .tab.add:hover {
  background-color: transparent;
}
#tabs .tab.add:hover .tab_text {
  color: rgb(var(--grey-800));
}
#tabs .tab.add:hover .icon {
  opacity: 1;
}
#tabs .tab.add > .tab-content-holder {
  margin-top: 1px;
  overflow: visible;
}
#tabs .tab.add > .tab-content-holder .icon {
  margin-right: 0;
  margin-left: 15px;
}
#tabs .tab.add > .tab-content-holder .tab_text {
  overflow: visible;
}
#tabs .tab > .tab-content-holder {
  height: inherit;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  position: relative;
}
#tabs .tab > .tab-content-holder .tab_text {
  flex: 1;
  order: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgb(var(--grey-800));
  white-space: nowrap;
  font-size: 12px;
  line-height: 14px;
  overflow: hidden;
}
html[data-rtl-language="true"] #tabs .tab > .tab-content-holder .tab_text {
  order: 1;
}
#tabs .tab > .tab-content-holder .tab_text .title,
#tabs .tab > .tab-content-holder .tab_text .subtitle,
#tabs .tab > .tab-content-holder .tab_text .new-ticket-title {
  overflow: hidden;
  text-overflow: ellipsis;
}
#tabs .tab > .tab-content-holder .tab_text .subtitle {
  font-size: 0.9em;
}
#tabs .tab > .tab-content-holder .icon {
  display: inline-block;
  margin: 15px;
  margin-right: 10px;
  height: 20px;
  width: 20px;
  flex: none;
  order: 1;
  opacity: 0.67;
}
html[data-rtl-language="true"] #tabs .tab > .tab-content-holder .icon {
  margin-left: 10px;
  margin-right: 15px;
}
html[data-rtl-language="true"] #tabs .tab > .tab-content-holder .icon {
  order: 2;
}
#tabs .tab > .tab-content-holder .close {
  color: rgb(var(--grey-600));
  border-radius: 30px;
  opacity: 1;
  font-size: 0;
  flex: none;
  order: 3;
  position: absolute;
  top: 0px;
  right: 0px;
}
#tabs .tab > .tab-content-holder .close,
#tabs .tab > .tab-content-holder .close:hover {
  margin: 15px;
  padding: 5px 6px;
  height: 20px;
  width: 20px;
}
#tabs .tab > .tab-content-holder .close:hover {
  background: rgb(var(--grey-300));
}
#tabs .tab > .tab-content-holder .close:hover svg {
  display: inline-block;
}
#tabs .tab:hover {
  background: var(--background-recessed);
}
#tabs .tab:hover.search.selected {
  background: var(--background-default);
}
#tabs .tab:hover > .tab-content-holder .tab_text {
  color: rgb(var(--grey-800));
}
#tabs .tab:hover > .tab-content-holder .icon {
  opacity: 1;
}
#tabs .tab.selected {
  border-bottom: 1px solid rgb(var(--grey-100));
  min-width: 200px;
  cursor: default;
}
#tabs .tab.selected .tab-content-holder {
  min-width: 200px;
  background: rgb(var(--grey-100));
}
#tabs .tab.selected .tab-content-holder .tab_text {
  font-weight: 600;
  color: rgb(var(--grey-800));
}
#tabs .tab.selected .tab-content-holder .icon {
  opacity: 1;
}
#tabs .tab.selected.search .tab-content-holder {
  background: var(--background-default);
  border-bottom: 1px solid var(--background-default);
}
#tabs .tab.has-updates {
  background-color: var(--background-subtle);
  /* Blue-100 */
}
#tabs .tab.activity .tab-content-holder .close:not(:hover) {
  background-color: rgb(var(--blue-600));
  /* Per Jian Wei & Nicolette R */
  padding: 0px;
  color: var(--background-default);
  border-radius: 10px;
  width: 8px;
  height: 8px;
  margin: 21px;
}
#tabs .tab.activity .tab-content-holder .close:not(:hover) svg {
  display: none;
}

/*
    OVERFLOW TAB BEHAVIOR
   */
#tabs .tab.add {
  min-width: 75px;
  width: 75px;
}

#tabs .tab.overflow-tab {
  width: 75px;
  min-width: 75px;
  flex: none;
  background: transparent;
}
#tabs .tab.overflow-tab > .tab-content-holder {
  overflow: inherit;
}
#tabs .tab.overflow-tab > .tab-content-holder .icon {
  margin-right: 0;
}
#tabs .tab.overflow-tab > .tab-content-holder .tab_text {
  overflow: inherit;
}
#tabs .tab.overflow-tab.child-tab-has-updates {
  background-color: var(--background-subtle);
  /* Blue-100 */
}
#tabs .tab.overflow-tab:hover .overflow-tab-content-holder .tab_text {
  color: var(--foreground-default);
}
#tabs .tab.overflow-tab:hover .overflow-tab-content-holder .icon {
  opacity: 1;
}
#tabs .tab.overflow-tab:hover .overflow-tabs-container {
  display: inline-block;
}
html[data-rtl-language="true"] #tabs .tab.overflow-tab:hover .overflow-tabs-container {
  display: block;
}
#tabs .tab.overflow-tab .overflow-tabs-container {
  margin-top: -2px;
  margin-left: -1px;
  width: 260px;
  display: none;
}
#tabs .tab.overflow-tab .overflow-tabs-container .tab {
  max-width: 300px;
  border-right: none;
  border-bottom: none;
  background-color: transparent;
}
#tabs .tab.overflow-tab .overflow-tabs-container .tab:hover {
  background: var(--background-default);
}
#tabs .tab.overflow-tab .overflow-tabs-container .tab.has-updates {
  background-color: var(--background-subtle);
  /* Blue-100 */
}
#tabs .tab.overflow-tab .overflow-tabs-container .overflow-tabs-content {
  margin: -10px 0;
  max-height: 80vh;
  overflow: auto;
}

/* popover */
#tabs .tab .popover.bottom.add {
  padding: 0;
  left: auto;
  top: 42px;
  color: rgb(var(--grey-800));
  /* Grey-800 */
  text-shadow: none;
}
#tabs .tab .popover.bottom.add .popover-inner {
  width: 300px;
  padding: 20px 20px 9px 20px;
  background-color: var(--background-default);
  border: 1px solid rgb(var(--grey-400));
  /* Grey-400 */
}
#tabs .tab .popover.bottom.add .popover-inner .popover-content {
  padding: 0;
}
html[data-rtl-language="true"] #tabs .tab .popover.bottom.add .popover-inner .popover-content {
  direction: rtl;
  text-align: right;
}
#tabs .tab .popover.bottom.add .popover-inner .popover-title {
  background: var(--background-default);
  color: rgb(var(--grey-600));
  padding: 0 0 7px 0;
  font-size: 14px;
  font-weight: 400;
  border-color: var(--border-subtle);
  /* Grey-200 */
}
html[data-rtl-language="true"] #tabs .tab .popover.bottom.add .popover-inner .popover-title {
  direction: rtl;
  text-align: right;
}
#tabs .tab .popover.bottom.add .popover-inner .links-section {
  padding: 12px 0 18px 0;
  margin: 0;
}
#tabs .tab .popover.bottom.add .popover-inner .links-section li {
  margin-left: -10px;
  padding-left: 20px;
  margin-right: -10px;
  padding-right: 10px;
}
#tabs .tab .popover.bottom.add .popover-inner .links-section li:hover {
  background-color: var(--background-subtle);
}
#tabs .tab .popover.bottom.add .popover-inner .links-section a {
  display: block;
  color: rgb(var(--grey-800));
  padding: 5px 0;
  font-size: 14px;
  line-height: 19px;
  margin-left: -10px;
}
#tabs .tab .popover.bottom.add .popover-inner .recent-tickets-section {
  padding-top: 11px;
}
#tabs .tab .popover.bottom.add .popover-inner .recent-tickets-section .recent-tickets-empty {
  margin: 16px 0px 17px 0px;
  text-align: center;
}
#tabs .tab .popover.bottom.add .popover-inner .icon-loading-spinner {
  display: block;
  margin: 19px auto 18px auto;
}

#tabs .tab .recent-ticket {
  position: relative;
  padding: 7px 10px 6px 10px;
  margin-left: -10px;
  margin-right: -10px;
}
#tabs .tab .recent-ticket:hover {
  background-color: var(--background-subtle);
}
#tabs .tab .recent-ticket .ticket_status_label {
  position: absolute;
  top: 9px;
  left: 10px;
}
html[data-rtl-language="true"] #tabs .tab .recent-ticket .ticket_status_label {
  right: 10px;
}
#tabs .tab .recent-ticket .info {
  margin-left: 24px;
  font-size: 14px;
}
html[data-rtl-language="true"] #tabs .tab .recent-ticket .info {
  margin-left: 0;
  margin-right: 24px;
}
#tabs .tab .recent-ticket .info .details,
#tabs .tab .recent-ticket .info .ticket-title {
  white-space: nowrap;
  width: 275px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#tabs .tab .recent-ticket .info .details {
  color: rgb(var(--grey-600));
  padding-top: 2px;
}

/* tab close button should always be grey even when using custom colors*/
#branding_header #tabs .tab .close:hover {
  color: rgb(var(--grey-800));
  background: rgb(var(--grey-300));
}

/*
    ICONS
   */
#tabs .organization.tab > .tab-content-holder .icon,
#tabs .organization.selected > .tab-content-holder .icon {
  background: url(/agent/assets/tab-icons/organization-a3af235047d9577da5e5c2a3e9880472.svg) center/contain no-repeat;
}
#tabs .user.tab > .tab-content-holder .icon,
#tabs .user.selected > .tab-content-holder .icon {
  background: url(/agent/assets/tab-icons/user-e9ab08bdcd173055cc84dac87845b80d.svg) center/contain no-repeat;
}
#tabs .web.tab > .tab-content-holder .icon,
#tabs .web.selected > .tab-content-holder .icon {
  background: url(/agent/assets/tab-icons/support-7322a274c6a96a9669a77393840ea9b1.svg) center/contain no-repeat;
}
#tabs .help_center.tab > .tab-content-holder .icon,
#tabs .help_center.selected > .tab-content-holder .icon {
  background: url(/agent/assets/tab-icons/help-center-6792336ea26f952c1bb455736e0d600a.svg) center/contain no-repeat;
}
#tabs .ticket_sharing.tab > .tab-content-holder .icon,
#tabs .ticket_sharing.selected > .tab-content-holder .icon {
  background: url(/agent/assets/tab-icons/ticket_sharing-6d462e32bf0c8b26ca730b0db9704125.svg) center/contain no-repeat;
}
#tabs .chat.tab > .tab-content-holder .icon,
#tabs .chat.selected > .tab-content-holder .icon {
  background: url(/agent/assets/tab-icons/chat-179afc0b12b3aaa7e90de3bf8b936e32.svg) center/contain no-repeat;
}
#tabs .mail.tab > .tab-content-holder .icon,
#tabs .mail.selected > .tab-content-holder .icon {
  background: url(/agent/assets/tab-icons/mail-f13304563c3c1d6eee7072620d079d76.svg) center/contain no-repeat;
}
#tabs .facebook.tab > .tab-content-holder .icon,
#tabs .facebook.selected > .tab-content-holder .icon {
  background: url(/agent/assets/tab-icons/facebook-ee126d2c5ddcfa7a384da6ef18759510.svg) center/contain no-repeat;
}
#tabs .twitter.tab > .tab-content-holder .icon,
#tabs .twitter.selected > .tab-content-holder .icon {
  background: url(/agent/assets/tab-icons/twitter-cb686057e945259807e705beec57dba8.svg) center/contain no-repeat;
}
#tabs .voice_voicemail.tab > .tab-content-holder .icon,
#tabs .voice_voicemail.selected > .tab-content-holder .icon {
  background: url(/agent/assets/tab-icons/voice-voicemail-15eeea27e73876ef912779d1b3033283.svg) center/contain no-repeat;
}
#tabs .voice_inbound.tab > .tab-content-holder .icon,
#tabs .voice_inbound.selected > .tab-content-holder .icon {
  background: url(/agent/assets/tab-icons/voice-inbound-76da972cb3598c6e16debb20382f6ce0.svg) center/contain no-repeat;
}
#tabs .voice_outbound.tab > .tab-content-holder .icon,
#tabs .voice_outbound.selected > .tab-content-holder .icon {
  background: url(/agent/assets/tab-icons/voice-outbund-379a21a6051b5aba73cab57e73147453.svg) center/contain no-repeat;
}
#tabs .search.tab > .tab-content-holder .icon,
#tabs .search.selected > .tab-content-holder .icon {
  background: url(/agent/assets/tab-icons/search-4f64e90b1abf4d02358267b4c6b67a05.svg) center/contain no-repeat;
}
#tabs .play-mode.tab > .tab-content-holder .icon,
#tabs .play-mode.selected > .tab-content-holder .icon {
  background: url(/agent/assets/tab-icons/play-6b6c5edc78142bfd3da3d223f3b11cb0.svg) center/contain no-repeat;
}
#tabs .add.tab > .tab-content-holder .icon,
#tabs .add.selected > .tab-content-holder .icon {
  background: url(/agent/assets/tab-icons/add-bafd7f053efa067cee4b00efcc6ffbe6.svg) center/contain no-repeat;
}
#tabs .overflow-tab.tab > .tab-content-holder .icon,
#tabs .overflow-tab.selected > .tab-content-holder .icon {
  background: url(/agent/assets/tab-icons/more-1e913cbbe304b13ecec46d361028ca91.svg) center/contain no-repeat;
}

.search .icon {
  width: 13px;
  height: 13px;
  margin: 2px 5px 0 3px;
}

.user_option {
  margin: 0 20px 0 0;
}
html[data-rtl-language="true"] .user_option {
  margin: 0 0 0 20px;
}

/*  PRODUCT TRAY */
#zd-product-tray {
  color: rgb(var(--grey-700));
  /* Grey-700 */
}

#branding_header .btn.apps_top_bar,
#branding_header .btn.apps_system_top_bar {
  background-color: rgb(var(--grey-500));
  /* Grey-500 */
}
#branding_header #user_options {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  /*
          SEARCH
       */
  /*
        TOOLBAR
       */
  /* merge this and below after GA voltron */
}
#branding_header #user_options #profile_menu {
  padding: 0;
  margin-left: 4px;
  margin-right: 30px;
}
html[data-rtl-language="true"] #branding_header #user_options #profile_menu {
  margin-left: 30px;
  margin-right: 0;
}
#branding_header #user_options .timer_slider {
  right: -3px;
}
#branding_header #user_options .header-search {
  transition: width 0.3s ease-in-out;
  /* STATES ==== */
}
#branding_header #user_options .header-search .zd-searchmenu-base {
  transition:
    border-color 0.4s ease-in-out,
    padding-left 0.4s ease-in-out,
    padding-right 0.4s ease-in-out,
    left 0.3s ease-in-out,
    width 0.3s ease-in-out;
  height: 30px;
  padding: 0px;
  padding-left: 10px;
  padding-right: 30px;
  width: 250px;
  left: 0px;
  border-radius: 4px;
  text-align: left;
}
html[data-rtl-language="true"] #branding_header #user_options .header-search .zd-searchmenu-base {
  padding-left: 30px;
  padding-right: 10px;
  text-align: right;
}
#branding_header #user_options .header-search > .search-icon {
  cursor: pointer;
  position: absolute;
  width: 30px;
  height: 30px;
  left: auto;
  right: 0px;
  z-index: 1;
  top: 4px;
  color: rgb(var(--grey-800));
  /* Match [+ add] tab and other header items, Grey-800 */
}
html[data-rtl-language="true"] #branding_header #user_options .header-search > .search-icon {
  left: 0;
  right: auto;
  padding-left: 7px;
}
#branding_header #user_options .header-search.expanded > .search-icon {
  display: block;
  color: rgb(var(--grey-800));
  /* Match [+ add] tab and other header items */
}
#branding_header #user_options .header-search.expanded .search-dropdown ::-ms-clear {
  display: none;
}
#branding_header #user_options .header-search.collapsed > .search-icon {
  color: rgb(var(--grey-800));
  /* Match [+ add] tab and other header items, Grey-800 */
}
#branding_header #user_options .header-search.collapsed:hover > .search-icon {
  color: rgb(var(--grey-800));
  /* Match [+ add] tab and other header items */
}
#branding_header #user_options .header-search.collapsed .search-dropdown {
  display: block !important;
}
#branding_header #user_options .header-search.collapsed .search-dropdown .zd-searchmenu-base {
  /* Will fade in when expanded */
  border: solid 1px var(--background-default) !important;
  /* no focus ghost after user hits Esc: */
  box-shadow: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  top: 0px;
  left: -25px;
  width: 0px;
}
#branding_header #user_options .btn-toolbar .apps_group {
  padding: 0;
  margin: 0;
  /* Needed to override specificity of another RTL style */
}
html[data-rtl-language="true"] #branding_header #user_options .btn-toolbar .apps_group {
  margin: 0;
}
#branding_header #user_options .btn-toolbar .apps_group.btn-group .btn {
  border: 0;
  padding: 0;
  height: 30px;
  width: 30px;
}
#branding_header #user_options .btn-toolbar .btn {
  display: inline;
  float: left;
  border-radius: 4px;
  border: 0;
  margin: 0 10px 0 0;
  padding: 0;
}
html[data-rtl-language="true"] #branding_header #user_options .btn-toolbar .btn {
  margin: 0 0 0 10px;
}
#branding_header #user_options .btn-toolbar .btn:hover:not(.active) {
  background-color: rgb(var(--grey-600));
  /* Grey-600 */
}
#branding_header #user_options .btn-toolbar .btn.active {
  background-color: rgb(var(--grey-800));
  /* Grey-800 */
}
#branding_header #user_options .btn-toolbar .btn img {
  height: 18px;
  width: 18px;
  padding: 6px;
}
#branding_header #user_options .apps_group {
  margin-right: 10px;
  margin-top: 0;
}
html[data-rtl-language="true"] #branding_header #user_options .apps_group {
  margin-left: 10px;
  margin-right: 0;
}
#branding_header #user_options .call_timer + .apps_group {
  margin-right: 0;
}
html[data-rtl-language="true"] #branding_header #user_options .call_timer + .apps_group {
  margin-left: 0;
}
#branding_header #user_options .user_option.apps_group .channels-control {
  background-color: rgb(var(--grey-200));
  /* Grey-200 !important; */
}
#branding_header #user_options .user_option.apps_group.is-hidden {
  display: none;
}
#branding_header #user_options .user_option.apps_group .btn-group {
  border: 0;
  /* this comes from vendor */
}
#branding_header #user_options .user_option.apps_group .btn-group + .btn-group {
  margin-left: 0;
}
#branding_header #user_options .user_option.apps_group .btn.reload_apps {
  width: 30px;
  height: 30px;
}
#branding_header #user_options .user_option.apps_group .btn.reload_apps svg {
  margin: 0;
}
#branding_header #user_options .user_option.apps_group .btn.reload_apps svg g {
  fill: var(--background-default);
}

/* This is a hidden `div` element, and we want to remove the 8px spacing from the flex layout set in #branding_header #user_options */
#branding_header #user_options #side_conversation_global_mount {
  margin-left: -4px;
  margin-right: -4px;
}

/* These affect the advanced search dropdown. It is outside of branding-header */
.search-dropdown .zd-menu-root {
  height: 80px;
  box-shadow: none;
  border: none;
  background-color: transparent;
}
.search-dropdown .zd-menu-root.zd-menu-panel-root {
  padding-bottom: 0px;
  width: 340px !important;
  position: absolute;
  margin-left: -30px;
  height: 85px;
}
.search-dropdown .zd-menu-root .search-menu {
  top: 10px;
  left: 2px;
  width: 320px;
  padding: 7.5px 0;
}
.search-dropdown .zd-menu-root .search-menu:after,
.search-dropdown .zd-menu-root .search-menu:before {
  left: 11em;
  top: -0.5em;
}
.search-dropdown .zd-menu-root .search-menu .advanced-search-menu-item {
  padding: 0;
}
.search-dropdown .zd-menu-root .zd-menu-panel-holder:empty + .zd-menu-footer {
  border-top-width: 0;
  height: 50px;
  display: flex;
  align-items: center;
  position: relative;
  width: 320px;
  padding-left: 0px;
}
.search-dropdown .zd-menu-root .zd-menu-footer {
  position: relative;
  display: flex;
  align-items: center;
}
.search-dropdown .zd-menu-root .zd-menu-footer .search-term-container {
  margin: 15px 20px;
  width: 320px;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--foreground-default);
}
.search-dropdown .zd-menu-root .search-term-container .advanced-search {
  color: var(--foreground-default) !important;
}

#branding_header {
  display: flex;
}
#branding_header #tabs {
  display: flex;
  flex-direction: row;
  flex: 1;
}
#branding_header #tabs .tab {
  flex: 1;
}
#branding_header #tabs .add {
  flex: none;
}
#branding_header #user_options .btn-toolbar {
  flex: none;
}

/* the `if(&, "&", "*")` part below has to do with this issue:
     https://github.com/sass/sass/issues/1873
  */
html[data-rtl-language="true"] > * #branding_header {
  flex-direction: row-reverse;
}
html[data-rtl-language="true"] > * #branding_header #tabs {
  flex-direction: row-reverse;
}
html[data-rtl-language="true"] > * #branding_header #tabs .tab .tab-content-holder {
  flex-direction: row-reverse;
}
html[data-rtl-language="true"] > * #branding_header #tabs .tab .tab-content-holder .tab_text {
  text-align: right;
}
html[data-rtl-language="true"] > * #branding_header #tabs .tab {
  direction: rtl;
  border-right-width: 0;
  border-left-width: 1px;
}

.channels-control {
  border-radius: 4px;
}
.channels-control .channel-header {
  background-color: rgb(var(--grey-500));
  padding: 3px;
  border: none;
  width: 24px;
  height: 24px;
}
.channels-control .channel-header .channel-svg svg {
  padding: 4px;
  color: var(--background-default);
}
.channels-control .channel-header .channel-svg.animate svg path.voice-sound-1 {
  animation: voice-icon-animation 1.5s infinite;
}
.channels-control .channel-header .channel-svg.animate svg path.voice-sound-2 {
  animation: voice-icon-animation 1.5s infinite;
}
.channels-control .channel-header:hover {
  background-color: rgb(var(--grey-600));
}
.channels-control .channel-header:active {
  background-color: rgb(var(--grey-600));
}

.channels-control .channel-header.online {
  background: var(--background-successEmphasis) !important;
}
.channels-control .channel-header.online .channel-svg svg {
  color: var(--background-default);
}

.channels-control .channel-header.away {
  background: var(--background-warningEmphasis) !important;
}
.channels-control .channel-header.away .channel-svg svg {
  color: var(--background-default);
}

.channels-control .channel-header.voice-offline {
  background: var(--background-dangerEmphasis) !important;
}
.channels-control .channel-header.voice-offline .channel-svg svg {
  color: var(--foreground-dangerEmphasis);
}

#user_options .call_timer .arrow {
  position: absolute;
  width: 0;
  height: 0;
  top: 25%;
  right: -5px;
  margin-top: 0px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid var(--border-emphasis) !important;
}
html[data-rtl-language="true"] #user_options .call_timer .arrow {
  right: 0px;
  left: -5px;
  transform: scaleX(-1);
}

#user_options .call_timer .control {
  background-color: var(--foreground-default) !important;
  padding: 0px;
  margin-top: 5px;
  border-radius: 2px;
  background-clip: padding-box;
  height: 20px;
}

#user_options .call_timer .voice_timer {
  color: var(--background-default);
  height: 20px;
  margin: 0;
  padding: 0px 8px;
  font-size: 11px;
  min-width: 63px;
  padding-top: 1px;
  float: right;
}
html[data-rtl-language="true"] #user_options .call_timer .voice_timer {
  float: left;
}
#user_options .call_timer .voice_timer--icon {
  float: left;
}
html[data-rtl-language="true"] #user_options .call_timer .voice_timer--icon {
  float: right;
}
#user_options .call_timer .voice_timer.wrap-up,
#user_options .call_timer .voice_timer.wrap-up .time {
  float: right;
  color: rgb(var(--lemon-300)) !important;
}
html[data-rtl-language="true"] #user_options .call_timer .voice_timer.wrap-up,
html[data-rtl-language="true"] #user_options .call_timer .voice_timer.wrap-up .time {
  float: left;
}
#user_options .call_timer .voice_timer.connecting {
  float: right;
  background: none;
  padding-left: 10px;
}
html[data-rtl-language="true"] #user_options .call_timer .voice_timer.connecting {
  float: left;
}

#user_options .call_timer .timer_slider_container {
  overflow: hidden;
  padding-right: 10px;
}
html[data-rtl-language="true"] #user_options .call_timer .timer_slider_container {
  padding-right: 0;
  padding-left: 10px;
}

#user_options.button_fix .btn-toolbar > .btn-group > .btn,
#user_options:not(.button_fix) .btn-group .btn {
  border: 1px solid var(--border-successEmphasis);
}
#user_options.button_fix .btn-toolbar > .btn-group > .btn:hover,
#user_options:not(.button_fix) .btn-group .btn:hover {
  background-color: var(--background-successEmphasis);
}
#user_options.button_fix .btn-toolbar > .btn-group > .btn:active,
#user_options.button_fix .btn-toolbar > .btn-group > .btn.active,
#user_options:not(.button_fix) .btn-group .btn:active,
#user_options:not(.button_fix) .btn-group .btn.active {
  background-color: var(--background-successEmphasis);
}

.channel-header {
  border: solid var(--border-successEmphasis) 1px;
}

.call-timer .voice_timer.wrap-up .time {
  color: rgb(var(--lemon-300));
}

/* END ./app/assets/stylesheets/areas/header.scss */
/* BEGIN ./app/assets/stylesheets/elements/ticket_submit_button.scss */
.btn.next {
  float: right;
  height: 39px;
  margin-right: 5px;
  margin-top: 5px;
  min-width: 64px;
}
html[data-rtl-language="true"] .btn.next {
  float: left;
  margin-left: 5px;
  margin-right: 0;
}

.ticket_submit_buttons {
  float: right;
  text-align: right;
  margin-right: 10px;
}
html[data-rtl-language="true"] .ticket_submit_buttons {
  float: left;
  margin-left: 10px;
  margin-right: 0;
}
.ticket_submit_buttons.status_button {
  width: auto;
}
.ticket_submit_buttons > button {
  margin-top: 5px;
  height: 39px;
}
.ticket_submit_buttons > button.dropdown-toggle {
  width: 32px;
}
.ticket_submit_buttons > button.dropdown-toggle:focus {
  outline: none;
}
.ticket_submit_buttons > button.status:hover {
  color: var(--background-default);
  text-decoration: none;
  background-color: rgb(var(--grey-200));
  /* Grey-200 */
}
.ticket_submit_buttons > button[disabled="disabled"]:hover {
  background-color: rgb(var(--grey-800));
  /* Grey-800 */
}
.ticket_submit_buttons .save {
  min-width: 180px;
  color: rgb(var(--grey-500));
  /* Grey-500 */
}
.ticket_submit_buttons .save strong {
  color: var(--background-default);
  font-weight: 400;
}
.ticket_submit_buttons.followup > span {
  top: 5px;
  position: relative;
  margin-right: 12px;
  font-size: 14px;
  font-weight: 600;
}
html[data-rtl-language="true"] .ticket_submit_buttons.followup > span {
  margin-left: 12px;
  margin-right: 0;
}
.ticket_submit_buttons.followup button {
  padding: 0 20px;
}
.ticket_submit_buttons li {
  position: relative;
  padding: 3px 40px 3px 15px;
  white-space: nowrap;
}
html[data-rtl-language="true"] .ticket_submit_buttons li {
  padding: 3px 15px 3px 40px;
}
.ticket_submit_buttons li:hover:not(.disabled) {
  color: inherit;
  background-color: var(--background-subtle);
}
.ticket_submit_buttons li.next_option {
  padding-bottom: 5px;
  padding-right: 24px;
  /* http://stackoverflow.com/questions/306252/how-to-align-checkboxes-and-their-labels-consistently-cross-browsers */
}
.ticket_submit_buttons li.next_option label {
  color: rgb(var(--grey-600));
  /* Grey-600 */
  padding-left: 15px;
  text-indent: -15px;
  width: 100%;
}
.ticket_submit_buttons li.next_option input {
  margin-right: 5px;
  vertical-align: inherit;
  display: inline;
}
.ticket_submit_buttons li.divider {
  padding: 0;
  width: 99%;
}
.ticket_submit_buttons li.status:not(.disabled) {
  color: rgb(var(--blue-600));
  cursor: pointer;
}
.ticket_submit_buttons li.status:not(.disabled):after {
  content: " ";
  top: 6px;
  width: 11px;
  height: 11px;
  position: absolute;
  right: 12px;
  border-radius: 2px;
}
html[data-rtl-language="true"] .ticket_submit_buttons li.status:not(.disabled):after {
  left: 12px;
  right: auto;
}
.ticket_submit_buttons li.status:not(.disabled).new:after {
  background: rgb(var(--yellow-400));
}
.ticket_submit_buttons li.status:not(.disabled).open:after {
  background: var(--background-warningEmphasis);
}
.ticket_submit_buttons li.status:not(.disabled).pending:after {
  background: var(--background-primaryEmphasis);
}
.ticket_submit_buttons li.status:not(.disabled).hold:after {
  background: rgb(var(--grey-800));
}
.ticket_submit_buttons li.status:not(.disabled).solved:after {
  background: rgb(var(--grey-500));
}
.ticket_submit_buttons li.status:not(.disabled).closed:after {
  background: rgb(var(--grey-300));
}
.ticket_submit_buttons li.disabled {
  color: rgb(var(--grey-400));
  cursor: auto;
}

/* END ./app/assets/stylesheets/elements/ticket_submit_button.scss */
/* BEGIN ./app/assets/stylesheets/elements/next.scss */
.origin {
  float: right;
  margin: 6px 10px 5px 0;
  font-size: 12px;
}
html[data-rtl-language="true"] .origin {
  float: left;
  margin-left: 10px;
  margin-right: 0;
}

.next_option {
  display: none;
}
.next_option .next_icon {
  background: url(/agent/assets/icons/next_dark-5b1b5817ab698a76be824ae51f223bc9.svg) 0 0 / contain;
}

.has-play .next_option {
  display: inline-block;
}

.play_icon {
  display: none;
  margin-right: -2px;
  margin-left: 2px;
}

.play .next_icon {
  display: none;
}

.play .play_icon {
  display: inline-block;
}

.play_start_icon {
  margin-left: 5px;
  opacity: 0.4;
}

/* END ./app/assets/stylesheets/elements/next.scss */
/* BEGIN ./app/assets/stylesheets/elements/items.scss */
.items {
  margin: 0;
}
.items li {
  border-bottom: 1px solid var(--border-subtle);
  /* Grey-200 */
  padding: 8px 5px 10px;
  font-size: 14px;
}
.items li p {
  line-height: 22px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.items li:first-of-type {
  border-top: none;
}
.items li.in-focus {
  background-color: var(--background-subtle);
}
.items .ticket_status_label.compact {
  position: absolute;
  margin: 3px 0 0 12px;
}
.items .icon {
  float: left;
  margin: 5px 15px 0 0;
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
}
.items .user_photo {
  float: left;
}
.items .user_photo .profile {
  margin: 1px 15px 0 3px;
  width: 33px;
  height: 33px;
}
.items .user_photo .agent {
  position: relative;
  top: -16px;
  left: 24px;
}
.items .content {
  margin-top: 2px;
  margin-left: 53px;
}
html[data-rtl-language="true"] .items .content {
  float: right;
  text-align: right;
  margin-left: 0;
  margin-right: 15px;
}
.items .content .description {
  color: rgb(var(--grey-700));
  margin: 1px 0;
}
.items .content .details {
  color: rgb(var(--grey-400));
  /* Grey-400 */
  font-size: 11px;
}
.items .content .title {
  font-weight: 600;
}
.items .round-avatar {
  float: left;
}
.items .token_list {
  border: none;
  float: right;
  padding: 0;
  margin-left: 10px;
}
.items .token_list li {
  color: rgb(var(--grey-600));
  background: transparent;
  border: 1px solid var(--border-subtle);
  /* Grey-200 */
  padding: 2px 3px 1px;
  font-size: 10px;
}

.organization .items > li,
.user .items > li {
  padding-left: 30px;
}

.empty_set {
  padding: 12px;
}

.empty_set-user {
  padding-left: 30px;
}
html[data-rtl-language="true"] .empty_set-user {
  padding-left: 0;
  padding-right: 18px;
}

.checkbox-field {
  display: inline-block;
}
.checkbox-field label {
  width: auto !important;
  float: none;
  display: inline-block;
}
.checkbox-field label input[type="checkbox"] {
  display: inline-block !important;
  float: none !important;
  margin: 0 6px 0 0 !important;
  padding: 0 !important;
  width: 13px !important;
  height: 13px !important;
  vertical-align: middle !important;
  position: relative;
  top: -1px;
}

.organization .items .round-avatar {
  float: left;
  margin-top: 5px;
}

/* END ./app/assets/stylesheets/elements/items.scss */
/* BEGIN ./app/assets/stylesheets/elements/mast.scss */
.mast {
  background: var(--background-default);
  font-size: 14px;
  font-weight: 600;
  padding: 25px 20px 0px 20px;
  z-index: 1;
  border-bottom: 1px solid var(--border-default);
}
.ticket .mast {
  padding-bottom: 20px;
}
.mast .round-avatar {
  float: left;
}
html[data-rtl-language="true"] .mast .round-avatar {
  float: right;
}
.mast .profile {
  float: left;
  margin: 5px 5px 0 0;
}
html[data-rtl-language="true"] .mast .profile {
  float: right;
  margin: 5px 0 0 5px;
}
.mast .profile.organization {
  position: relative;
  width: 40px;
  height: 40px;
}
.mast .profile.ticket {
  top: -2px;
  border: 1px var(--border-default) solid;
  /* Grey-300 */
}
.mast .profile.ticket,
.mast .profile.organization {
  background-color: var(--background-default);
  box-sizing: border-box;
  left: 0;
  top: 0;
}
.mast .navigation {
  clear: both;
  margin: 0;
}
.mast .source {
  margin: 0 0 0 7px;
  color: rgb(var(--grey-700));
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[data-rtl-language="true"] .mast .source {
  margin: 0 7px 0 0;
  direction: rtl;
  text-align: right;
}
.mast .source a.email {
  color: rgb(var(--grey-700));
}
html[data-rtl-language="true"] .mast .source a.email {
  display: inline-block;
}
.mast .editable {
  margin: 0;
  overflow: hidden;
  padding: 5px 12px 5px 4px;
  text-align: center;
}
html[data-rtl-language="true"] .mast .editable {
  direction: rtl;
  padding: 5px 4px 5px 12px;
}
.mast .editable input {
  font-size: 20px;
  margin: 0;
  height: 26px;
  color: var(--foreground-default);
  font-weight: 600;
  padding: 1px 2px 1px 5px;
  text-overflow: ellipsis;
  text-align: left;
  width: 100%;
}
html[data-rtl-language="true"] .mast .editable input {
  padding: 1px 5px 1px 2px;
  text-align: right;
}
.mast .end-chat {
  float: right;
  padding: 5px 4px 5px 12px;
}
html[data-rtl-language="true"] .mast .end-chat {
  float: left;
  direction: rtl;
  padding: 5px 12px 5px 4px;
}
.mast.pane_header .round-avatar {
  float: left;
}
.mast .profile.ticket {
  background-color: var(--background-default);
}
.mast .sla-policy-metrics-react-wrapper {
  float: right;
  margin: 5px 5px 0 5px;
  max-width: 300px;
}
html[data-rtl-language="true"] .mast .sla-policy-metrics-react-wrapper {
  float: left;
}
.mast .sla-policy-metrics {
  float: right;
  margin: 5px 5px 0 5px;
  max-width: 300px;
  position: relative;
}
html[data-rtl-language="true"] .mast .sla-policy-metrics {
  float: left;
}
.mast .sla-policy-metrics .next-sla-action-label {
  font-size: 12px;
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mast .sla-policy-metrics .popover {
  left: inherit;
  padding-right: 0;
  right: 0;
}
html[data-rtl-language="true"] .mast .sla-policy-metrics .popover {
  left: 0;
  right: inherit;
}
.mast .sla-policy-metrics .popover ul,
.mast .sla-policy-metrics .popover .next-sla-header {
  margin-left: 0;
}
.mast .sla-policy-metrics .popover li {
  padding: 5px 0;
  white-space: nowrap;
}
.mast .sla-policy-metrics .popover .next-sla-header {
  color: rgb(var(--grey-600));
  font-size: 12px;
  margin-bottom: 5px;
}
.mast .sla-policy-metrics .popover .popover-inner {
  border: 1px var(--border-default) solid;
  /* Grey-300 */
  min-width: 220px;
  width: inherit;
}
.mast .sla-policy-metrics .popover:not(.multiple-metrics) ul {
  margin: 0 0.5em;
}
.mast .sla-policy-metrics .popover:not(.multiple-metrics) .popover-inner {
  min-width: 120px;
}
.mast .sla-policy-metrics .popover:not(.multiple-metrics) .popover-content {
  padding: 12px 5px;
}
.mast .sla-policy-metrics .popover:not(.multiple-metrics) .sla-policy-metric-label {
  padding-left: 0;
}
.mast .sla-policy-metrics .popover.bottom {
  margin-top: 25px;
}
.mast .thumbnail-container--md .channel {
  height: 24px;
  margin-top: 7px;
  margin-left: 6px;
}
.mast .thumbnail-container--lg .channel {
  height: 24px;
  margin-top: 12px;
  margin-left: 12px;
}
.mast .object_options {
  float: right;
  font-size: 14px;
  margin: 5px 0 0 5px;
  position: relative;
}
html[data-rtl-language="true"] .mast .object_options {
  float: left;
  margin: 5px 5px 0 0;
}
.mast .object_options .dropdown-menu {
  margin: 0;
}
.mast .object_options_btn {
  position: relative;
  width: 30px;
  height: 30px;
}
html[data-rtl-language="true"] .mast .object_options_btn {
  float: left;
  margin-right: 5px;
}
.mast .object_options_btn:after {
  background: url(/agent/assets/icons/14-chevron-c17f2575323bf5fb21969e6559921db2.svg) 0 3px / contain;
  content: " ";
  top: 6px;
  width: 11px;
  height: 11px;
  position: absolute;
  right: 9px;
  border-radius: 2px;
  display: inline-block;
}
[data-theme="dark"] .mast .object_options_btn:after {
  filter: invert(100%);
}

.bulk-mode .mast .editable {
  margin-right: 325px;
}
html[data-rtl-language="true"] .bulk-mode .mast .editable {
  margin-left: 325px;
  margin-right: 0;
}

#user-nav-tooltip.active {
  margin-top: -6px;
}

/* END ./app/assets/stylesheets/elements/mast.scss */
/* BEGIN ./app/assets/stylesheets/elements/ticket_call_console.scss */
div.ticket_call_console {
  background-image: linear-gradient(rgb(var(--grey-800)), rgb(var(--grey-800)));
  border-left: 1px solid var(--border-default);
  border-bottom: 1px solid var(--border-default);
  color: var(--background-default);
  position: relative;
  z-index: 1;
  margin-top: -57px;
  min-height: 55px;
  overflow: auto;
}
div.ticket_call_console .action-bar {
  line-height: 30px;
  overflow: auto;
  padding: 11px 15px;
}
div.ticket_call_console .action-bar .details {
  float: left;
  overflow: hidden;
}
html[data-rtl-language="true"] div.ticket_call_console .action-bar .details {
  float: right;
}
div.ticket_call_console .action-bar .details .customer-number,
div.ticket_call_console .action-bar .details .caller-location {
  float: left;
  font-size: 12px;
  font-weight: 600;
  padding-left: 28px;
  position: relative;
  text-shadow: 0px 1px 1px rgb(var(--grey-800));
  /* Grey-800 */
}
html[data-rtl-language="true"] div.ticket_call_console .action-bar .details .customer-number,
html[data-rtl-language="true"] div.ticket_call_console .action-bar .details .caller-location {
  float: right;
  padding-left: 0;
  padding-right: 28px;
}
div.ticket_call_console .action-bar .details .customer-number .icon,
div.ticket_call_console .action-bar .details .caller-location .icon {
  display: block;
  height: 24px;
  left: 0;
  position: absolute;
  margin: 3px;
  width: 24px;
}
html[data-rtl-language="true"] div.ticket_call_console .action-bar .details .customer-number .icon,
html[data-rtl-language="true"] div.ticket_call_console .action-bar .details .caller-location .icon {
  left: auto;
  right: 0;
}
div.ticket_call_console .action-bar .details .separator {
  float: left;
  height: 18px;
  border-left: 1px solid rgb(var(--grey-700));
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 3px;
}
html[data-rtl-language="true"] div.ticket_call_console .action-bar .details .separator {
  float: right;
}
div.ticket_call_console .action-bar .buttons {
  float: right;
  overflow: hidden;
}
html[data-rtl-language="true"] div.ticket_call_console .action-bar .buttons {
  float: left;
}
div.ticket_call_console .action-bar .buttons .message {
  float: left;
  margin-right: 5px;
}
div.ticket_call_console .action-bar .buttons .hold-actions {
  border-radius: 3px;
  background-color: rgb(var(--grey-200));
  /* Grey-200 */
  border: 1px solid rgb(var(--grey-800));
  /* Grey-800 */
  float: left;
  overflow: hidden;
}
html[data-rtl-language="true"] div.ticket_call_console .action-bar .buttons .hold-actions {
  float: right;
}
div.ticket_call_console .action-bar .buttons .hold-actions button {
  background-color: rgb(var(--grey-200));
  /* Grey-200 */
  border: none;
  float: left;
  margin: 0;
  height: 30px;
  width: 30px;
}
html[data-rtl-language="true"] div.ticket_call_console .action-bar .buttons .hold-actions button {
  float: right;
}
div.ticket_call_console .action-bar .buttons .hold-actions button:disabled {
  cursor: default;
  opacity: 0.5;
}
div.ticket_call_console .action-bar .buttons .hold-actions button.holding {
  background-image: url(/agent/assets/icons/spinners/small_spinner-f57d905b62b713e3324c733d4493bf5c.gif);
  background-position: center;
  background-repeat: no-repeat;
}
div.ticket_call_console .action-bar .buttons .hold-actions button.hold_button.holding svg {
  display: none;
}
div.ticket_call_console .action-bar .buttons .hold-actions button.transfer,
div.ticket_call_console .action-bar .buttons .hold-actions button.hold_button {
  padding: 0;
}
div.ticket_call_console .action-bar .buttons .hold-actions button.transfer svg,
div.ticket_call_console .action-bar .buttons .hold-actions button.hold_button svg {
  vertical-align: baseline;
  color: rgb(var(--grey-700));
}
div.ticket_call_console .action-bar .buttons .hold-actions button.transfer .svg-transfer-button {
  position: relative;
  left: -1px;
}
div.ticket_call_console .action-bar .buttons .hold-actions button.transfer.active svg {
  color: rgb(var(--grey-300));
  /* Grey-300 */
}
div.ticket_call_console .action-bar .buttons .hold-actions button.transfer.active svg:hover {
  color: rgb(var(--grey-700));
}
div.ticket_call_console .action-bar .buttons .hold-actions button:not(:first-child) {
  border-left: 1px solid var(--border-default);
  /* Grey-300 */
}
html[data-rtl-language="true"] div.ticket_call_console .action-bar .buttons .hold-actions button:not(:first-child) {
  float: right;
  border-left: none;
  border-right: 1px solid var(--border-default);
  /* Grey-300 */
}
div.ticket_call_console .action-bar .buttons button {
  float: left;
  font-size: 12px;
  font-weight: 600;
  height: 32px;
  line-height: 11px;
  margin-right: 8px;
  padding-bottom: 8px;
  width: 115px;
}
html[data-rtl-language="true"] div.ticket_call_console .action-bar .buttons button {
  float: right;
  margin-left: 8px;
  margin-right: 0;
}
div.ticket_call_console .action-bar .buttons button.accept {
  background-color: var(--background-successEmphasis);
}
div.ticket_call_console .action-bar .buttons button.accept:hover {
  background-position: 0 15px;
}
div.ticket_call_console .action-bar .buttons button.full {
  width: 238px;
}
div.ticket_call_console .action-bar .buttons button.hang-up {
  background-color: var(--background-dangerEmphasis);
  color: var(--background-default);
  min-width: 115px;
  width: auto;
}
div.ticket_call_console .action-bar .buttons button.hang-up:hover {
  background-position: 0 15px;
}
div.ticket_call_console .action-bar .buttons button.disabled {
  background-image: none;
}
div.ticket_call_console .action-bar .buttons button.mute {
  border-radius: 3px;
  background-color: rgb(var(--grey-200));
  /* Grey-200 */
  border: 1px solid rgb(var(--grey-800));
  /* Grey-800 */
  float: left;
  margin: 0 8px 0 0;
  height: 32px;
  width: 32px;
}
html[data-rtl-language="true"] div.ticket_call_console .action-bar .buttons button.mute {
  float: right;
  margin: 0 0 0 8px;
}
div.ticket_call_console .audio.player {
  top: -4px;
}

/* END ./app/assets/stylesheets/elements/ticket_call_console.scss */
/* BEGIN ./app/assets/stylesheets/elements/dropdowns.scss */
/* Global */
.deskzen-context-menu {
  position: absolute;
  left: 0;
  z-index: 1000;
  display: none;
  min-width: 160px;
  padding: 10px 0;
  margin: 0;
  list-style: none;
  background-color: var(--background-default);
  border-color: rgb(var(--grey-400));
  /* Grey-400 */
  border-color: var(--border-subtle);
  border-style: solid;
  border-width: 1px;
  border-radius: 5px;
  box-shadow: var(--shadow-large);
  background-clip: padding-box;
}
html[data-rtl-language="true"] .deskzen-context-menu li {
  text-align: right;
}
.deskzen-context-menu li.header {
  text-align: left;
  padding: 7px 20px;
  font-weight: 600;
}
.deskzen-context-menu li a {
  color: rgb(var(--grey-800));
}
.deskzen-context-menu li a:hover {
  color: rgb(var(--grey-800));
  background-color: var(--background-subtle);
}
.deskzen-context-menu li.ember-button,
.deskzen-context-menu li.button,
.deskzen-context-menu li button {
  display: block;
  padding: 7px 20px;
  clear: both;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--foreground-default);
  white-space: nowrap;
  text-align: left;
  background: none;
  cursor: pointer;
}
.deskzen-context-menu li.ember-button:disabled,
.deskzen-context-menu li.ember-button.inactive,
.deskzen-context-menu li.button:disabled,
.deskzen-context-menu li.button.inactive,
.deskzen-context-menu li button:disabled,
.deskzen-context-menu li button.inactive {
  color: var(--foreground-disabled);
  /* Grey-400 */
}
.deskzen-context-menu li.ember-button:disabled:hover,
.deskzen-context-menu li.ember-button.inactive:hover,
.deskzen-context-menu li.button:disabled:hover,
.deskzen-context-menu li.button.inactive:hover,
.deskzen-context-menu li button:disabled:hover,
.deskzen-context-menu li button.inactive:hover {
  color: var(--foreground-disabled);
  /* Grey-400 */
  background-color: transparent;
}
.deskzen-context-menu li.ember-button:hover,
.deskzen-context-menu li.button:hover,
.deskzen-context-menu li button:hover {
  color: var(--foreground-default);
  text-decoration: none;
  background-color: var(--background-subtle);
}
.deskzen-context-menu li.ember-button {
  width: auto;
  cursor: pointer;
}

footer .object_options,
.footer .object_options {
  margin: 14px 16px;
}
footer .object_options .dropdown-toggle,
.footer .object_options .dropdown-toggle {
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  padding-bottom: 2px;
  color: var(--foreground-subtle);
}
footer .object_options .dropdown-toggle:hover,
.footer .object_options .dropdown-toggle:hover {
  color: var(--foreground-default);
}
footer .object_options .dropdown-toggle .caret,
.footer .object_options .dropdown-toggle .caret {
  margin: 6px 0 0 2px;
}
footer .object_options .dropdown-menu,
.footer .object_options .dropdown-menu {
  margin-left: -10px;
  margin-bottom: 10px;
}
html[data-rtl-language="true"] footer .object_options .dropdown-menu,
html[data-rtl-language="true"] .footer .object_options .dropdown-menu {
  margin-right: -10px;
}

/* END ./app/assets/stylesheets/elements/dropdowns.scss */
/* BEGIN ./app/assets/stylesheets/precompiled/flags.scss */
.flag-icon {
  width: 16px;
  height: 11px;
  margin: 3px;
  margin-right: 10px;
  float: left;
}

html[data-rtl-language="true"] .flag-icon {
  margin-left: 10px;
  margin-right: 3px;
  float: right;
}

.flags-sprite,
.flags-ad,
.flags-ae,
.flags-af,
.flags-ag,
.flags-ai,
.flags-al,
.flags-am,
.flags-an,
.flags-ao,
.flags-aq,
.flags-ar,
.flags-as,
.flags-at,
.flags-au,
.flags-aw,
.flags-ax,
.flags-az,
.flags-ba,
.flags-bb,
.flags-bd,
.flags-be,
.flags-bf,
.flags-bg,
.flags-bh,
.flags-bi,
.flags-bj,
.flags-bl,
.flags-bm,
.flags-bn,
.flags-bo,
.flags-bq,
.flags-br,
.flags-bs,
.flags-bt,
.flags-bv,
.flags-bw,
.flags-by,
.flags-bz,
.flags-ca,
.flags-catalonia,
.flags-cc,
.flags-cd,
.flags-cf,
.flags-cg,
.flags-ch,
.flags-ci,
.flags-ck,
.flags-cl,
.flags-cm,
.flags-cn,
.flags-co,
.flags-cr,
.flags-cs,
.flags-cu,
.flags-cv,
.flags-cw,
.flags-cx,
.flags-cy,
.flags-cz,
.flags-de,
.flags-dj,
.flags-dk,
.flags-dm,
.flags-do,
.flags-dz,
.flags-ec,
.flags-ee,
.flags-eg,
.flags-eh,
.flags-england,
.flags-er,
.flags-es,
.flags-et,
.flags-europeanunion,
.flags-fam,
.flags-fi,
.flags-fj,
.flags-fk,
.flags-fm,
.flags-fo,
.flags-fr,
.flags-ga,
.flags-gb,
.flags-gd,
.flags-ge,
.flags-gf,
.flags-gg,
.flags-gh,
.flags-gi,
.flags-gl,
.flags-gm,
.flags-gn,
.flags-gp,
.flags-gq,
.flags-gr,
.flags-gs,
.flags-gt,
.flags-gu,
.flags-gw,
.flags-gy,
.flags-hk,
.flags-hm,
.flags-hn,
.flags-hr,
.flags-ht,
.flags-hu,
.flags-id,
.flags-ie,
.flags-il,
.flags-im,
.flags-in,
.flags-io,
.flags-iq,
.flags-ir,
.flags-is,
.flags-it,
.flags-je,
.flags-jm,
.flags-jo,
.flags-jp,
.flags-ke,
.flags-kg,
.flags-kh,
.flags-ki,
.flags-km,
.flags-kn,
.flags-kp,
.flags-kr,
.flags-kw,
.flags-ky,
.flags-kz,
.flags-la,
.flags-lb,
.flags-lc,
.flags-li,
.flags-lk,
.flags-lr,
.flags-ls,
.flags-lt,
.flags-lu,
.flags-lv,
.flags-ly,
.flags-ma,
.flags-mc,
.flags-md,
.flags-me,
.flags-mf,
.flags-mg,
.flags-mh,
.flags-mk,
.flags-ml,
.flags-mm,
.flags-mn,
.flags-mo,
.flags-mp,
.flags-mq,
.flags-mr,
.flags-ms,
.flags-mt,
.flags-mu,
.flags-mv,
.flags-mw,
.flags-mx,
.flags-my,
.flags-mz,
.flags-na,
.flags-nc,
.flags-ne,
.flags-nf,
.flags-ng,
.flags-ni,
.flags-nl,
.flags-no,
.flags-np,
.flags-nr,
.flags-nu,
.flags-nz,
.flags-om,
.flags-pa,
.flags-pe,
.flags-pf,
.flags-pg,
.flags-ph,
.flags-pirate,
.flags-pk,
.flags-pl,
.flags-pm,
.flags-pn,
.flags-pr,
.flags-ps,
.flags-pt,
.flags-pw,
.flags-py,
.flags-qa,
.flags-re,
.flags-ro,
.flags-rs,
.flags-ru,
.flags-rw,
.flags-sa,
.flags-sb,
.flags-sc,
.flags-scotland,
.flags-sd,
.flags-se,
.flags-sg,
.flags-sh,
.flags-si,
.flags-sj,
.flags-sk,
.flags-sl,
.flags-sm,
.flags-sn,
.flags-so,
.flags-sr,
.flags-ss,
.flags-st,
.flags-sv,
.flags-sx,
.flags-sy,
.flags-sz,
.flags-tc,
.flags-td,
.flags-tf,
.flags-tg,
.flags-th,
.flags-tj,
.flags-tk,
.flags-tl,
.flags-tm,
.flags-tn,
.flags-to,
.flags-tr,
.flags-tt,
.flags-tv,
.flags-tw,
.flags-tz,
.flags-ua,
.flags-ug,
.flags-um,
.flags-us,
.flags-uy,
.flags-uz,
.flags-va,
.flags-vc,
.flags-ve,
.flags-vg,
.flags-vi,
.flags-vn,
.flags-vu,
.flags-wales,
.flags-wf,
.flags-ws,
.flags-xk,
.flags-ye,
.flags-yt,
.flags-za,
.flags-zm,
.flags-zw {
  background: url(/agent/assets/precompiled/spritemaps/flags-d986e4d260274ad60745309eed16c3ab.png) no-repeat;
}

.flags-ad {
  background-position: 0px 0px;
}

.flags-ae {
  background-position: 0px -12px;
}

.flags-af {
  background-position: 0px -24px;
}

.flags-ag {
  background-position: 0px -36px;
}

.flags-ai {
  background-position: 0px -48px;
}

.flags-al {
  background-position: 0px -60px;
}

.flags-am {
  background-position: 0px -72px;
}

.flags-an {
  background-position: 0px -84px;
}

.flags-ao {
  background-position: 0px -96px;
}

.flags-aq {
  background-position: 0px -108px;
}

.flags-ar {
  background-position: 0px -120px;
}

.flags-as {
  background-position: 0px -132px;
}

.flags-at {
  background-position: 0px -144px;
}

.flags-au {
  background-position: 0px -156px;
}

.flags-aw {
  background-position: 0px -168px;
}

.flags-ax {
  background-position: 0px -180px;
}

.flags-az {
  background-position: 0px -192px;
}

.flags-ba {
  background-position: 0px -204px;
}

.flags-bb {
  background-position: 0px -216px;
}

.flags-bd {
  background-position: 0px -228px;
}

.flags-be {
  background-position: 0px -240px;
}

.flags-bf {
  background-position: 0px -252px;
}

.flags-bg {
  background-position: 0px -264px;
}

.flags-bh {
  background-position: 0px -276px;
}

.flags-bi {
  background-position: 0px -288px;
}

.flags-bj {
  background-position: 0px -300px;
}

.flags-bl {
  background-position: 0px -312px;
}

.flags-bm {
  background-position: 0px -324px;
}

.flags-bn {
  background-position: 0px -336px;
}

.flags-bo {
  background-position: 0px -348px;
}

.flags-bq {
  background-position: 0px -360px;
}

.flags-br {
  background-position: 0px -372px;
}

.flags-bs {
  background-position: 0px -384px;
}

.flags-bt {
  background-position: 0px -396px;
}

.flags-bv {
  background-position: 0px -408px;
}

.flags-bw {
  background-position: 0px -420px;
}

.flags-by {
  background-position: 0px -432px;
}

.flags-bz {
  background-position: 0px -444px;
}

.flags-ca {
  background-position: 0px -456px;
}

.flags-catalonia {
  background-position: 0px -468px;
}

.flags-cc {
  background-position: 0px -480px;
}

.flags-cd {
  background-position: 0px -492px;
}

.flags-cf {
  background-position: 0px -504px;
}

.flags-cg {
  background-position: 0px -516px;
}

.flags-ch {
  background-position: 0px -528px;
  width: 11px;
}

.flags-ci {
  background-position: 0px -540px;
}

.flags-ck {
  background-position: 0px -552px;
}

.flags-cl {
  background-position: 0px -564px;
}

.flags-cm {
  background-position: 0px -576px;
}

.flags-cn {
  background-position: 0px -588px;
}

.flags-co {
  background-position: 0px -600px;
}

.flags-cr {
  background-position: 0px -612px;
}

.flags-cs {
  background-position: 0px -624px;
}

.flags-cu {
  background-position: 0px -636px;
}

.flags-cv {
  background-position: 0px -648px;
}

.flags-cw {
  background-position: 0px -660px;
}

.flags-cx {
  background-position: 0px -672px;
}

.flags-cy {
  background-position: 0px -684px;
}

.flags-cz {
  background-position: 0px -696px;
}

.flags-de {
  background-position: 0px -708px;
}

.flags-dj {
  background-position: 0px -720px;
}

.flags-dk {
  background-position: 0px -732px;
}

.flags-dm {
  background-position: 0px -744px;
}

.flags-do {
  background-position: 0px -756px;
}

.flags-dz {
  background-position: 0px -768px;
}

.flags-ec {
  background-position: 0px -780px;
}

.flags-ee {
  background-position: 0px -792px;
}

.flags-eg {
  background-position: 0px -804px;
}

.flags-eh {
  background-position: 0px -816px;
}

.flags-england {
  background-position: 0px -828px;
}

.flags-er {
  background-position: 0px -840px;
}

.flags-es {
  background-position: 0px -852px;
}

.flags-et {
  background-position: 0px -864px;
}

.flags-europeanunion {
  background-position: 0px -876px;
}

.flags-fam {
  background-position: 0px -888px;
}

.flags-fi {
  background-position: 0px -900px;
}

.flags-fj {
  background-position: 0px -912px;
}

.flags-fk {
  background-position: 0px -924px;
}

.flags-fm {
  background-position: 0px -936px;
}

.flags-fo {
  background-position: 0px -948px;
}

.flags-fr {
  background-position: 0px -960px;
}

.flags-ga {
  background-position: 0px -972px;
}

.flags-gb {
  background-position: 0px -984px;
}

.flags-gd {
  background-position: 0px -996px;
}

.flags-ge {
  background-position: 0px -1008px;
}

.flags-gf {
  background-position: 0px -1020px;
}

.flags-gg {
  background-position: 0px -1032px;
}

.flags-gh {
  background-position: 0px -1044px;
}

.flags-gi {
  background-position: 0px -1056px;
}

.flags-gl {
  background-position: 0px -1068px;
}

.flags-gm {
  background-position: 0px -1080px;
}

.flags-gn {
  background-position: 0px -1092px;
}

.flags-gp {
  background-position: 0px -1104px;
}

.flags-gq {
  background-position: 0px -1116px;
}

.flags-gr {
  background-position: 0px -1128px;
}

.flags-gs {
  background-position: 0px -1140px;
}

.flags-gt {
  background-position: 0px -1152px;
}

.flags-gu {
  background-position: 0px -1164px;
}

.flags-gw {
  background-position: 0px -1176px;
}

.flags-gy {
  background-position: 0px -1188px;
}

.flags-hk {
  background-position: 0px -1200px;
}

.flags-hm {
  background-position: 0px -1212px;
}

.flags-hn {
  background-position: 0px -1224px;
}

.flags-hr {
  background-position: 0px -1236px;
}

.flags-ht {
  background-position: 0px -1248px;
}

.flags-hu {
  background-position: 0px -1260px;
}

.flags-id {
  background-position: 0px -1272px;
}

.flags-ie {
  background-position: 0px -1284px;
}

.flags-il {
  background-position: 0px -1296px;
}

.flags-im {
  background-position: 0px -1308px;
}

.flags-in {
  background-position: 0px -1320px;
}

.flags-io {
  background-position: 0px -1332px;
}

.flags-iq {
  background-position: 0px -1344px;
}

.flags-ir {
  background-position: 0px -1356px;
}

.flags-is {
  background-position: 0px -1368px;
}

.flags-it {
  background-position: 0px -1380px;
}

.flags-je {
  background-position: 0px -1392px;
}

.flags-jm {
  background-position: 0px -1404px;
}

.flags-jo {
  background-position: 0px -1416px;
}

.flags-jp {
  background-position: 0px -1428px;
}

.flags-ke {
  background-position: 0px -1440px;
}

.flags-kg {
  background-position: 0px -1452px;
}

.flags-kh {
  background-position: 0px -1464px;
}

.flags-ki {
  background-position: 0px -1476px;
}

.flags-km {
  background-position: 0px -1488px;
}

.flags-kn {
  background-position: 0px -1500px;
}

.flags-kp {
  background-position: 0px -1512px;
}

.flags-kr {
  background-position: 0px -1524px;
}

.flags-kw {
  background-position: 0px -1536px;
}

.flags-ky {
  background-position: 0px -1548px;
}

.flags-kz {
  background-position: 0px -1560px;
}

.flags-la {
  background-position: 0px -1572px;
}

.flags-lb {
  background-position: 0px -1584px;
}

.flags-lc {
  background-position: 0px -1596px;
}

.flags-li {
  background-position: 0px -1608px;
}

.flags-lk {
  background-position: 0px -1620px;
}

.flags-lr {
  background-position: 0px -1632px;
}

.flags-ls {
  background-position: 0px -1644px;
}

.flags-lt {
  background-position: 0px -1656px;
}

.flags-lu {
  background-position: 0px -1668px;
}

.flags-lv {
  background-position: 0px -1680px;
}

.flags-ly {
  background-position: 0px -1692px;
}

.flags-ma {
  background-position: 0px -1704px;
}

.flags-mc {
  background-position: 0px -1716px;
}

.flags-md {
  background-position: 0px -1728px;
}

.flags-me {
  background-position: 0px -1740px;
}

.flags-mf {
  background-position: 0px -1753px;
}

.flags-mg {
  background-position: 0px -1765px;
}

.flags-mh {
  background-position: 0px -1777px;
}

.flags-mk {
  background-position: 0px -1789px;
}

.flags-ml {
  background-position: 0px -1801px;
}

.flags-mm {
  background-position: 0px -1813px;
}

.flags-mn {
  background-position: 0px -1825px;
}

.flags-mo {
  background-position: 0px -1837px;
}

.flags-mp {
  background-position: 0px -1849px;
}

.flags-mq {
  background-position: 0px -1861px;
}

.flags-mr {
  background-position: 0px -1873px;
}

.flags-ms {
  background-position: 0px -1885px;
}

.flags-mt {
  background-position: 0px -1897px;
}

.flags-mu {
  background-position: 0px -1909px;
}

.flags-mv {
  background-position: 0px -1921px;
}

.flags-mw {
  background-position: 0px -1933px;
}

.flags-mx {
  background-position: 0px -1945px;
}

.flags-my {
  background-position: 0px -1957px;
}

.flags-mz {
  background-position: 0px -1969px;
}

.flags-na {
  background-position: 0px -1981px;
}

.flags-nc {
  background-position: 0px -1993px;
}

.flags-ne {
  background-position: 0px -2005px;
}

.flags-nf {
  background-position: 0px -2017px;
}

.flags-ng {
  background-position: 0px -2029px;
}

.flags-ni {
  background-position: 0px -2041px;
}

.flags-nl {
  background-position: 0px -2053px;
}

.flags-no {
  background-position: 0px -2065px;
}

.flags-np {
  background-position: 0px -2077px;
  width: 9px;
}

.flags-nr {
  background-position: 0px -2089px;
}

.flags-nu {
  background-position: 0px -2101px;
}

.flags-nz {
  background-position: 0px -2113px;
}

.flags-om {
  background-position: 0px -2125px;
}

.flags-pa {
  background-position: 0px -2137px;
}

.flags-pe {
  background-position: 0px -2149px;
}

.flags-pf {
  background-position: 0px -2161px;
}

.flags-pg {
  background-position: 0px -2173px;
}

.flags-ph {
  background-position: 0px -2185px;
}

.flags-pirate {
  background-position: 0px -2197px;
}

.flags-pk {
  background-position: 0px -2209px;
}

.flags-pl {
  background-position: 0px -2221px;
}

.flags-pm {
  background-position: 0px -2233px;
}

.flags-pn {
  background-position: 0px -2245px;
}

.flags-pr {
  background-position: 0px -2257px;
}

.flags-ps {
  background-position: 0px -2269px;
}

.flags-pt {
  background-position: 0px -2281px;
}

.flags-pw {
  background-position: 0px -2293px;
}

.flags-py {
  background-position: 0px -2305px;
}

.flags-qa {
  background-position: 0px -2317px;
}

.flags-re {
  background-position: 0px -2329px;
}

.flags-ro {
  background-position: 0px -2341px;
}

.flags-rs {
  background-position: 0px -2353px;
}

.flags-ru {
  background-position: 0px -2365px;
}

.flags-rw {
  background-position: 0px -2377px;
}

.flags-sa {
  background-position: 0px -2389px;
}

.flags-sb {
  background-position: 0px -2401px;
}

.flags-sc {
  background-position: 0px -2413px;
}

.flags-scotland {
  background-position: 0px -2425px;
}

.flags-sd {
  background-position: 0px -2437px;
}

.flags-se {
  background-position: 0px -2449px;
}

.flags-sg {
  background-position: 0px -2461px;
}

.flags-sh {
  background-position: 0px -2473px;
}

.flags-si {
  background-position: 0px -2485px;
}

.flags-sj {
  background-position: 0px -2497px;
}

.flags-sk {
  background-position: 0px -2509px;
}

.flags-sl {
  background-position: 0px -2521px;
}

.flags-sm {
  background-position: 0px -2533px;
}

.flags-sn {
  background-position: 0px -2545px;
}

.flags-so {
  background-position: 0px -2557px;
}

.flags-sr {
  background-position: 0px -2569px;
}

.flags-ss {
  background-position: 0px -2581px;
}

.flags-st {
  background-position: 0px -2593px;
}

.flags-sv {
  background-position: 0px -2605px;
}

.flags-sx {
  background-position: 0px -2617px;
}

.flags-sy {
  background-position: 0px -2629px;
}

.flags-sz {
  background-position: 0px -2641px;
}

.flags-tc {
  background-position: 0px -2653px;
}

.flags-td {
  background-position: 0px -2665px;
}

.flags-tf {
  background-position: 0px -2677px;
}

.flags-tg {
  background-position: 0px -2689px;
}

.flags-th {
  background-position: 0px -2701px;
}

.flags-tj {
  background-position: 0px -2713px;
}

.flags-tk {
  background-position: 0px -2725px;
}

.flags-tl {
  background-position: 0px -2737px;
}

.flags-tm {
  background-position: 0px -2749px;
}

.flags-tn {
  background-position: 0px -2761px;
}

.flags-to {
  background-position: 0px -2773px;
}

.flags-tr {
  background-position: 0px -2785px;
}

.flags-tt {
  background-position: 0px -2797px;
}

.flags-tv {
  background-position: 0px -2809px;
}

.flags-tw {
  background-position: 0px -2821px;
}

.flags-tz {
  background-position: 0px -2833px;
}

.flags-ua {
  background-position: 0px -2845px;
}

.flags-ug {
  background-position: 0px -2857px;
}

.flags-um {
  background-position: 0px -2869px;
}

.flags-us {
  background-position: 0px -2881px;
}

.flags-uy {
  background-position: 0px -2893px;
}

.flags-uz {
  background-position: 0px -2905px;
}

.flags-va {
  background-position: 0px -2917px;
}

.flags-vc {
  background-position: 0px -2929px;
}

.flags-ve {
  background-position: 0px -2941px;
}

.flags-vg {
  background-position: 0px -2953px;
}

.flags-vi {
  background-position: 0px -2965px;
}

.flags-vn {
  background-position: 0px -2977px;
}

.flags-vu {
  background-position: 0px -2989px;
}

.flags-wales {
  background-position: 0px -3001px;
}

.flags-wf {
  background-position: 0px -3013px;
}

.flags-ws {
  background-position: 0px -3025px;
}

.flags-xk {
  background-position: 0px -3037px;
}

.flags-ye {
  background-position: 0px -3049px;
}

.flags-yt {
  background-position: 0px -3061px;
}

.flags-za {
  background-position: 0px -3073px;
}

.flags-zm {
  background-position: 0px -3085px;
}

.flags-zw {
  background-position: 0px -3097px;
}

/* END ./app/assets/stylesheets/precompiled/flags.scss */
/* BEGIN ./app/assets/stylesheets/elements/lists.scss */
.delimited_items > span {
  position: relative;
  /* inline-block solves an RTL layout concern. */
  display: inline-block;
}
.delimited_items > span:before {
  content: "• ";
}
.delimited_items > span:first-of-type:before {
  display: none;
}

/* END ./app/assets/stylesheets/elements/lists.scss */
/* BEGIN ./app/assets/stylesheets/elements/twitter_actions.scss */
.channels-footer-left {
  display: inline-block;
  padding-bottom: 15px;
  font-size: 12px;
  color: rgb(var(--grey-400));
  /* Grey-400 */
}
.channels-footer-left a:link,
.channels-footer-left a:visited {
  color: rgb(var(--grey-400));
  /* Grey-400 */
  text-decoration: underline;
}
.channels-footer-left a:link:hover,
.channels-footer-left a:visited:hover {
  color: rgb(var(--grey-800));
}
.channels-footer-left a:link time,
.channels-footer-left a:visited time {
  padding-right: 3px;
  cursor: pointer;
}
html[data-rtl-language="true"] .channels-footer-left a:link time,
html[data-rtl-language="true"] .channels-footer-left a:visited time {
  padding-left: 3px;
  padding-right: 0;
}
.channels-footer-left a:link.channels-timestamp,
.channels-footer-left a:visited.channels-timestamp {
  text-decoration: none;
}

.tweet-footer-right {
  display: none;
  padding-bottom: 5px;
  position: absolute;
  right: 16px;
}
html[data-rtl-language="true"] .tweet-footer-right {
  left: 16px;
  right: auto;
}
.tweet-footer-right .twitter-action {
  margin-left: 12px;
}
html[data-rtl-language="true"] .tweet-footer-right .twitter-action {
  margin-left: 0;
  margin-right: 12px;
}

.twitter-action label {
  display: inline;
  color: inherit;
  padding-left: 3px;
}
html[data-rtl-language="true"] .twitter-action label {
  padding-left: 0;
  padding-right: 3px;
}

.twitter-action i {
  display: inline-block;
  width: 20px;
  height: 16px;
  vertical-align: text-top;
}

.twitter-action.disabled {
  cursor: default;
}
.twitter-action.disabled label {
  color: rgb(var(--grey-600)) !important;
}

.twitter-action.follow .unfollow-mode {
  display: none;
}

.twitter-action.unfollow .follow-mode {
  display: none;
}

.twitter-action.follow,
.twitter-action.unfollow {
  visibility: hidden;
  position: relative;
  border: rgb(var(--grey-400)) solid 1px;
  /* Grey-400 */
  border-radius: 3px;
  color: rgb(var(--grey-800));
  /* Grey-800 */
  display: inline-block;
  font-weight: 600;
  min-width: 70px;
  cursor: pointer;
  padding: 0;
  overflow: hidden;
  user-select: none;
  vertical-align: middle;
}
.twitter-action.follow label,
.twitter-action.unfollow label {
  font-size: 12px;
  font-weight: 600;
  font-family:
    "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  white-space: nowrap;
}
.twitter-action.follow label:hover,
.twitter-action.unfollow label:hover {
  text-decoration: none;
}
.twitter-action.follow.disabled,
.twitter-action.unfollow.disabled {
  cursor: default;
  border: rgb(var(--grey-400)) solid 1px !important;
  /* Grey-400 */
  border-radius: 3px;
  color: rgb(var(--grey-800)) !important;
}
.twitter-action.follow.disabled i,
.twitter-action.unfollow.disabled i {
  opacity: 0.35;
}

.twitter-action.follow label {
  display: inline-block;
  padding: 3px 10px 3px 29px;
}

.twitter-action.follow i {
  position: absolute;
  height: 12px;
  top: 5px;
  left: 10px;
}

.twitter-action.unfollow label.unfollow-label {
  display: none;
}

.twitter-action.unfollow label.following-label {
  display: block;
}

.twitter-action.unfollow label {
  padding: 3px;
  text-align: center;
}

.twitter-action.unfollow:not(.disabled) {
  font-weight: 600;
  color: var(--background-default);
  background-color: var(--background-primaryEmphasis);
  border-color: var(--border-primaryEmphasis);
}
.twitter-action.unfollow:not(.disabled):hover,
.twitter-action.unfollow:not(.disabled):active {
  background-color: var(--background-dangerEmphasis);
  border-color: var(--border-dangerEmphasis);
  box-shadow: none;
}
.twitter-action.unfollow:not(.disabled):hover .following-label,
.twitter-action.unfollow:not(.disabled):active .following-label {
  display: none;
}
.twitter-action.unfollow:not(.disabled):hover .unfollow-label,
.twitter-action.unfollow:not(.disabled):active .unfollow-label {
  display: block;
}

.twitter-action.inprogress i {
  background-image: url(/agent/assets/icons/spinners/small_spinner-f57d905b62b713e3324c733d4493bf5c.gif) !important;
  background-position: 0 0 !important;
  width: 16px;
  height: 16px;
  left: 8px;
  top: 2px;
  margin-right: 4px;
}

.twitter-action.inprogress .twitter-like-icon {
  display: none;
}

.twitter-action.inprogress .unfollow-label {
  color: rgb(var(--grey-600));
  cursor: progress;
}

.twitter-action label:hover {
  text-decoration: underline;
}

.twitter-action.disabled label:hover {
  text-decoration: none;
}

.twitter-action.favorite .unfavorite-mode {
  display: none;
}

.twitter-action.favorite:hover i path {
  fill: rgb(var(--grey-700));
}

.twitter-action.unfavorite .favorite-mode {
  display: none;
}

.twitter-action.unfavorite label {
  color: var(--foreground-warning);
}

.twitter-action.retweet .unretweet-mode {
  display: none;
}

.twitter-action.unretweet .retweet-mode {
  display: none;
}

.twitter-action.unretweet label {
  color: var(--foreground-success);
}

/* END ./app/assets/stylesheets/elements/twitter_actions.scss */
/* BEGIN ./app/assets/stylesheets/elements/zentence.scss */
.zentence {
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  position: relative;
}
.zentence > .zentence-action {
  border-color: transparent;
  background: transparent;
  background-image: none;
  box-sizing: border-box;
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.zentence:hover > .zentence-action {
  border-color: var(--border-default);
  /* Grey-300 */
}
.zentence:hover .zentence-remove-action {
  visibility: visible;
}
.disabled .zentence:hover > .zentence-action {
  border-color: transparent;
}
.disabled .zentence:hover .zentence-remove-action {
  visibility: hidden;
}
.disabled .zentence * {
  cursor: not-allowed;
}

.zentence-empty > .zentence-action {
  border-color: var(--border-default);
  /* Grey-300 */
}

.zentence-empty .zentence-placeholder {
  display: inline-block;
}

.zentence-active {
  border-color: var(--foreground-primary);
  border-radius: 3px;
  box-shadow: 0 0 3px var(--foreground-primary);
}
.zentence-active:hover > .zentence-action {
  border-color: transparent;
}
.zentence-active .zentence-leaf-active {
  border-radius: 0;
  color: rgb(var(--grey-800));
  /* Grey-800 */
}
.zentence-active .zentence-confirm-action,
.zentence-active .zentence-remove-action {
  visibility: visible;
}

.zentence-tree {
  margin: 0 65px 0 5px;
}
html[data-rtl-language="true"] .zentence-tree {
  margin: 0 5px 0 65px;
}

.zentence-leaf-wrapper {
  color: var(--foreground-subtle);
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  min-height: 20px;
  margin: 5px 0;
  padding: 0 4px 0 5px;
  position: relative;
  vertical-align: top;
  white-space: pre-wrap;
  word-break: break-all;
}

.zentence-leaf {
  display: inherit;
  min-height: inherit;
  padding: 1px 0;
  position: inherit;
  vertical-align: inherit;
  white-space: inherit;
  word-break: inherit;
}
.zentence-leaf span {
  font-weight: inherit;
}
.zentence-leaf:hover {
  color: var(--foreground-default);
  /* Grey-800 */
}

.zentence-leaf.zentence-leaf-invalid,
.zentence-leaft-value.zentence-leaf-active.zentence-leaf-invalid {
  border-bottom: 1px dotted rgb(var(--red-600));
  color: rgb(var(--red-600));
}

.zentence-ghost {
  color: transparent;
  display: inline-block;
  font-style: inherit;
}
.zentence-active .zentence-ghost {
  color: var(--foreground-subtle);
}

.zentence-placeholder {
  color: var(--foreground-subtle);
  display: none;
  line-height: 21px;
  min-height: 20px;
  overflow: visible;
  position: absolute;
  vertical-align: top;
  white-space: nowrap;
}
.zentence-placeholder span {
  border-bottom: 1px solid transparent;
  padding: 1px 0;
}
.zentence-placeholder .zentence-leaft-value {
  border-bottom-color: var(--border-default);
  /* Grey-300 */
}

.zentence-list .zentence-value {
  left: 0;
  min-width: 5px;
  position: absolute;
}

.zentence-menu {
  background-color: var(--background-default);
  border: 1px solid rgb(var(--grey-800));
  /* Grey-800 */
  box-shadow: 0 0 3px var(--border-primaryEmphasis);
  height: auto;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  z-index: 1051;
}
.zentence-menu.zd-menu-root.zd-state-focus {
  max-height: 145px;
}
.zentence-menu li {
  cursor: pointer;
  line-height: 25px;
  max-height: 29px;
  padding: 0 4px;
}
.zentence-menu li a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.zentence-menu-active {
  border-color: var(--border-primaryEmphasis);
  box-shadow: 0 0 3px var(--border-primaryEmphasis);
  display: block;
}

.zentence-menuitem-selected {
  background-color: var(--background-default);
}

.zentence-menuitem-activating > a,
.zentence-menuitem-none > a {
  color: rgb(var(--grey-700));
  font-style: italic;
}
.zentence-menuitem-activating > a:hover,
.zentence-menuitem-none > a:hover {
  color: rgb(var(--grey-700));
}

.zentence-menuitem-invalid > a {
  color: rgb(var(--red-600));
}
.zentence-menuitem-invalid > a:hover {
  color: rgb(var(--red-600));
}

.zentence-wizard-step > a {
  color: var(--foreground-subtle);
}

.zentence-confirm-action {
  display: inline-block;
  height: 16px;
  margin-right: 30px;
  margin-top: -8px;
  line-height: 16px;
  position: absolute;
  right: 0;
  top: 50%;
  visibility: hidden;
}
html[data-rtl-language="true"] .zentence-confirm-action {
  left: 0;
  right: auto;
  margin-left: 30px;
  margin-right: 0;
}

.zentence-remove-action {
  color: var(--background-emphasis);
  display: inline-block;
  font-size: 17px;
  height: 16px;
  line-height: 16px;
  margin-right: 5px;
  margin-top: -9px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  visibility: hidden;
  width: 16px;
}
html[data-rtl-language="true"] .zentence-remove-action {
  left: 0;
  right: auto;
  margin-left: 5px;
  margin-right: 0;
}
.zentence-remove-action:hover {
  color: rgb(var(--grey-800));
  /* Grey-800 */
  transition: color 150ms ease-in;
}

input.zentence-date {
  border-width: 0 0 1px 0;
  border-radius: 0;
  box-shadow: none !important;
  color: inherit;
  cursor: pointer;
  line-height: inherit;
  min-height: inherit;
  opacity: 0.95;
  outline: 0 !important;
  padding: 1px 0;
  vertical-align: top;
  width: 75px;
}
input.zentence-date:focus {
  border-color: transparent !important;
  box-shadow: none !important;
}

input.zentence-leaf-active {
  cursor: text;
  opacity: 1;
}

.zentence-tags {
  background-color: transparent;
  border-bottom-color: transparent;
  margin-bottom: 0;
  padding-top: 0;
}
.zentence-tags .zd-tag-menu-root {
  background-image: none;
  box-shadow: none;
  border: none;
  min-height: inherit;
}
.zentence-tags .zd-menu-list-holder {
  padding: 0;
}
.zentence-tags .zd-tag-editor-holder {
  vertical-align: top;
}
.zentence-tags .zd-state-focus {
  border: none;
  box-shadow: none;
}
.zentence-tags .zd-state-focus .zd-searchmenu-base {
  background-color: transparent;
  border-color: transparent !important;
}
.zentence-tags .zd-tag-item,
.zentence-tags .zd-tag-editor-holder {
  margin-bottom: 3px;
}
.zentence-tags .zd-searchmenu-base {
  border: 1px solid transparent;
  border-radius: 3px;
  font-size: 11px;
  height: 22px;
  padding: 3px 6px 4px 6px !important;
  vertical-align: baseline;
}

.zd-tags-menu .zd-state-zero {
  visibility: hidden;
}

.zentence-tags.zentence-leaf-active {
  background-color: transparent;
}
.zentence-tags.zentence-leaf-active:hover {
  background-color: transparent;
  border-bottom-color: transparent;
}

.zentence-leaft-field {
  font-weight: 600;
}

.zentence-leaft-field.zentence-leaf-active {
  font-weight: 400;
}

.zentence-leaf {
  border-bottom: 1px solid transparent;
  transition: border-bottom-color 150ms ease-in;
}

.zentence-leaf.zentence-leaft-value:hover {
  border-bottom-color: rgb(var(--grey-800));
  /* Grey-800 */
}

.zentence-leaf.zentence-leaft-value {
  border-bottom-color: rgb(var(--grey-600));
}

.zentence-leaft-value.zentence-leaf-active {
  border-bottom-color: transparent;
}

.zentence-text[data-suffix]:after {
  content: attr(data-suffix);
  display: inline-block;
  margin-left: 3px;
  position: absolute;
  white-space: nowrap;
}

.zentence-tags.zentence-leaft-value {
  border-bottom-color: transparent;
}
.zentence-tags.zentence-leaft-value:hover {
  border-bottom-color: transparent;
}

/* END ./app/assets/stylesheets/elements/zentence.scss */
/* BEGIN ./app/assets/stylesheets/elements/modals.scss */
.c-dialog {
  border: none;
  box-sizing: border-box;
  margin: 0;
  z-index: 1050;
}
.c-dialog__close {
  opacity: 1;
}
.c-dialog__footer {
  background: none;
  border-top: none;
}
.c-dialog .cancel-btn {
  margin-right: 15px;
}

.modal.confirm .modal-footer .btn {
  min-width: 80px;
}

.modal.confirm ul {
  list-style-type: decimal;
}

.modal.confirm li {
  margin: 1em 0;
}

.modal.iframe-modal {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
}
.modal.iframe-modal .modal-header {
  padding: 9px 15px 28px;
}
.modal.iframe-modal .modal-body {
  position: relative;
  padding: 0;
  max-height: none;
  overflow: hidden;
  height: 100%;
}
.modal.iframe-modal .modal-body iframe {
  visibility: hidden;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.modal.skip_form {
  margin-left: -230px;
  width: 460px;
}
.modal.skip_form .modal__input {
  box-sizing: border-box;
  padding: 8px;
  resize: none;
}

.modal__close {
  color: rgb(var(--grey-600));
  font-size: 16px;
  position: absolute;
  right: 30px;
  top: 20px;
}
.modal__close:hover {
  color: rgb(var(--grey-800));
}

.modal__body {
  margin: 0 40px;
}

.modal__heading {
  margin-top: 25px;
}

.modal__description {
  margin: 20px 0;
}

.modal p.modal__description {
  padding: 0;
}

.modal__input {
  height: 220px;
  margin: 20px 0;
  padding: 0;
  width: 380px;
}

.modal__footer {
  border-top: 1px solid var(--border-subtle);
  /* Grey-200 */
  margin: 0 40px;
}

.modal__actions {
  padding: 25px 0;
  text-align: right;
}
.modal__actions .btn {
  box-sizing: border-box;
  line-height: 1;
  min-width: 80px;
  padding: 9px 19px;
}

.scrollable-iframe-modal--wrapper {
  position: fixed;
  top: 0px;
  height: 100%;
  width: 100%;
  z-index: 2000;
  overflow-y: scroll;
}

.scrollable-iframe-modal {
  margin: 80px auto !important;
}

.animate-bounce {
  animation: bounce 1s 3;
}

@keyframes bounce {
  0%,
  30%,
  50%,
  100% {
    max-width: 28px;
  }
  15% {
    max-width: 38px;
  }
  40% {
    max-width: 32px;
  }
}

.modal-form-actions .btn {
  float: right;
  margin-left: 10px;
  min-width: 86px;
}
html[data-rtl-language="true"] .modal-form-actions .btn {
  margin-left: 0;
  margin-right: 10px;
}

.modal-form-actions .btn + .btn {
  margin-right: 5px;
}

.modal-footer .prevent-modal {
  float: left;
  padding-top: 5px;
  padding-left: 10px;
}
.modal-footer .prevent-modal input {
  vertical-align: middle;
  margin-right: 5px;
}
.modal-footer .prevent-modal label {
  display: inline;
  vertical-align: middle;
  user-select: none;
  cursor: default;
}

.email-forwarding {
  margin-left: -375px;
  width: 750px;
  height: 600px;
}
.email-forwarding .close {
  position: absolute;
  right: 20px;
  top: 15px;
  z-index: 2;
}
.email-forwarding .email-v2-content {
  box-sizing: border-box;
  text-align: center;
  height: 600px;
  overflow: auto;
}
.email-forwarding .email-v2-content .contextual-tooltip .tip {
  left: -130px;
  top: 30px;
}
.email-forwarding .email-v2-content .center {
  margin-top: 60px;
  margin-bottom: 60px;
}
.email-forwarding .email-v2-content .center .email-input .highlight {
  padding: 20px 0px;
  margin: 0px auto;
}
.email-forwarding .email-v2-content .center .email-input .confirmation-checkbox {
  margin: 25px auto 0px;
}
.email-forwarding .email-v2-content .center .graphics {
  padding-top: 0px;
}
.email-forwarding .email-v2-content .center .graphics .check-mark {
  margin: 0px;
}
.email-forwarding .email-v2-content .center .readings {
  width: 60%;
  margin: auto;
}
.email-forwarding .email-v2-content .center .readings .description {
  margin: inherit;
  width: auto;
}
.email-forwarding .email-v2-content .center .readings h5 {
  padding-bottom: 15px;
}
.email-forwarding .email-v2-content .email-input h5 {
  white-space: normal;
}
.email-forwarding .email-v2-content .top,
.email-forwarding .email-v2-content .bottom {
  position: absolute;
  width: 92%;
  background-color: var(--background-default);
}
.email-forwarding .email-v2-content .top hr,
.email-forwarding .email-v2-content .bottom hr {
  margin: 0px auto;
  width: 87.5%;
}
.email-forwarding .email-v2-content .top {
  top: 0px;
  z-index: 1;
}
.email-forwarding .email-v2-content .top .title {
  margin: 35px 0px;
}
.email-forwarding .email-v2-content .top .back-icon {
  margin-top: -70px;
  margin-left: 4%;
}
.email-forwarding .email-v2-content .bottom.outer {
  height: 80px;
  bottom: 0;
}
.email-forwarding .email-v2-content .bottom.outer .action-button {
  margin-top: 15px;
}

.blur {
  filter: blur(9px);
}

.immersive.modal-backdrop {
  opacity: 0.8;
}

.stateful-modal {
  box-sizing: border-box;
  width: 750px;
  height: 600px;
  overflow: hidden;
  margin: -300px 0 0 -375px;
  padding: 60px;
  border: 1px solid var(--border-subtle);
  /* Grey-200 */
  border-radius: 4px;
  box-shadow: var(--shadow-large);
  background-color: var(--background-default);
  font-size: 14px;
  text-align: center;
  color: rgb(var(--grey-800));
}
.stateful-modal button,
.stateful-modal em,
.stateful-modal strong,
.stateful-modal p,
.stateful-modal h1,
.stateful-modal h2,
.stateful-modal h3,
.stateful-modal h4,
.stateful-modal h5,
.stateful-modal label,
.stateful-modal span,
.stateful-modal input {
  font-weight: 400;
}
.stateful-modal strong {
  font-weight: 600;
}
.stateful-modal .stateful-modal-close {
  padding: 0;
  background: transparent;
  font-size: 16px;
  opacity: 0.8;
  position: absolute;
  top: 19px;
  right: 19px;
  height: 16px;
  width: 16px;
  transition: opacity 300ms ease-out;
}
html[data-rtl-language="true"] .stateful-modal .stateful-modal-close {
  left: 19px;
  right: auto;
}
.stateful-modal .stateful-modal-close:hover,
.stateful-modal .stateful-modal-close:active {
  opacity: 0.9;
}
.stateful-modal h1 {
  max-width: 430px;
  margin: 0 auto 60px auto;
  color: rgb(var(--grey-800));
  font-size: 24px;
  line-height: 1.2;
}
html[lang*="en"] .stateful-modal h1 {
  font-size: 30px;
}
.stateful-modal h2 {
  font-size: 18px;
  color: rgb(var(--grey-800));
  font-weight: 400;
}
.stateful-modal p {
  font-size: 14px;
  line-height: 20px;
  max-width: 520px;
  margin: 0 auto;
  padding-bottom: 0;
}
.stateful-modal .cta {
  display: block;
  min-width: 180px;
  padding: 0 30px;
  height: 40px;
  margin: 0 auto 15px auto;
  border-radius: 4px;
  background: rgb(var(--blue-600));
  border-width: 0;
  font-size: 14px;
  line-height: 1.4;
  color: var(--background-default);
  transition: background-color 500ms ease-out;
}
.stateful-modal .cta:hover {
  background: rgb(var(--blue-400));
}
.stateful-modal .cta:disabled {
  background: rgb(var(--grey-400));
}
.stateful-modal .stateful-modal-footer {
  width: 100%;
  height: 100px;
  position: absolute;
  left: 0;
  bottom: 0;
  font-weight: 400;
}
.stateful-modal .stateful-modal-centered {
  height: 540px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  box-sizing: border-box;
}
.stateful-modal .stateful-modal-centered h1 {
  margin-bottom: 0;
}
.stateful-modal .stateful-modal-centered .stateful-modal-footer {
  position: relative;
}
.stateful-modal .stateful-modal-success h1,
.stateful-modal.state-success h1,
.stateful-modal.show-checkmark h1 {
  line-height: 36px;
  padding-bottom: 140px;
  background-repeat: no-repeat;
  background-size: 80px 80px;
  background-position: center 96px;
  color: rgb(var(--green-600));
}
.stateful-modal .stateful-modal-success p,
.stateful-modal.state-success p,
.stateful-modal.show-checkmark p {
  max-width: 500px;
}
.stateful-modal .stateful-modal-error h1,
.stateful-modal.state-error h1 {
  margin-top: 80px;
  margin-bottom: 40px;
  color: rgb(var(--red-600));
}
.stateful-modal .progress-spinner {
  height: 80px;
  width: 80px;
  margin: 60px auto 0 auto;
  background: url(/agent/assets/icons/spinners/spinner_circle-14203bf65e9803ef21d23916868d3eda.gif) center center
    no-repeat;
  background-size: 167px 162px;
}
.stateful-modal .progress-spinner.hidden {
  display: none;
}

/* END ./app/assets/stylesheets/elements/modals.scss */
/* BEGIN ./app/assets/stylesheets/elements/html_notifications.scss */
#chat_html_notification_icon {
  background-image: url(/agent/assets/icons/html_notifications/chat-a9466859a03c958ba2f730b60bfd7835.png);
}

#voice_html_notification_icon {
  background-image: url(/agent/assets/icons/html_notifications/phone-984273acf4544127d9feb3530b3760b9.png);
}

#voice_html_notification_icon_2 {
  background-image: url(/agent/assets/icons/html_notifications/phone_2-86e9eec79e7e044abd61c57da41c8dc7.png);
}

#voice_html_notification_disconnection_icon {
  background-image: url(/agent/assets/icons/html_notifications/error-f4afc55c9d42b2056edcc4a775aaccce.png);
}

/* END ./app/assets/stylesheets/elements/html_notifications.scss */
/* BEGIN ./app/assets/stylesheets/elements/ticket_list_bulk_footer.scss */
.ticket-list-bulk-footer {
  background: var(--background-recessed);
  background-image: linear-gradient(var(--background-recessed), rgb(var(--grey-200)));
  border-top: 1px solid var(--border-default);
  /* Grey-300 */
}
.ticket-list-bulk-footer .action_buttons {
  float: left;
  width: 210px;
}
.ticket-list-bulk-footer .action {
  margin-left: 5px;
}
html[data-rtl-language="true"] .ticket-list-bulk-footer .action {
  float: left;
  margin-left: 0;
  margin-right: 5px;
}
.ticket-list-bulk-footer .action button {
  height: 30px;
}

/* END ./app/assets/stylesheets/elements/ticket_list_bulk_footer.scss */
/* BEGIN ./app/assets/stylesheets/areas/column_editor.scss */
.no_views {
  text-align: center;
  margin-top: 80px;
  color: rgb(var(--grey-300));
  /* Grey-300 */
}
.no_views .deskzen_logo {
  background: url(/agent/assets/admin/deskzen_logo_gray-0e6eb5429e1f2c4065dbc7f14cc991b0.png);
  width: 150px;
  height: 115px;
  margin: 0 auto;
}

.column-editor-base-container {
  display: none;
  position: absolute;
  right: 35px;
  top: 5px;
  width: 22px;
  height: 22px;
  overflow: hidden;
}
html[data-rtl-language="true"] .column-editor-base-container {
  left: 35px;
  right: auto;
}

.mode-notice .column-editor-base-container {
  top: 68px;
}

.mode-two-notices .column-editor-base-container {
  top: 130px;
}

.has-column-editor .filter_tickets {
  position: relative;
}
.has-column-editor .filter_tickets th.last {
  padding-right: 40px;
}
html[data-rtl-language="true"] .has-column-editor .filter_tickets th.last {
  padding-left: 40px;
  padding-right: 12px;
}

.has-column-editor .column-editor-base-container {
  display: block;
}

.column-editor-active .column-editor-base {
  background-color: rgb(var(--grey-300));
  /* Grey-300 */
  border-color: transparent;
}
.column-editor-active .column-editor-base:hover {
  border-color: transparent;
  box-shadow: none;
}
.column-editor-active .column-editor-base:after,
.column-editor-active .column-editor-base:before {
  border-color: rgb(var(--grey-700));
}
.column-editor-active .column-editor-base:after:hover,
.column-editor-active .column-editor-base:before:hover {
  border-color: rgb(var(--grey-700));
}

.column-editor-base {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 20px;
  height: 20px;
  background-color: var(--background-subtle);
  border: 1px solid rgb(var(--grey-400));
  /* Grey-400 */
  border-radius: 3px;
  cursor: pointer;
  transition:
    background-color 150ms ease-in,
    border-color 150ms ease-in;
}
.column-editor-base:hover {
  border-color: rgb(var(--grey-400));
  box-shadow: var(--shadow-large);
}
.column-editor-base:hover:after,
.column-editor-base:hover:before {
  border-color: rgb(var(--grey-700));
}
.column-editor-base:after,
.column-editor-base:before {
  display: block;
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 10px;
  height: 2px;
  border-width: 2px 0;
  border-style: solid;
  border-color: rgb(var(--grey-400));
}
.column-editor-base:after:hover,
.column-editor-base:before:hover {
  background-color: rgb(var(--grey-600));
  border-color: var(--background-default);
}
.column-editor-base:before {
  top: 9px;
}

.column-editor {
  user-select: none;
  z-index: 1;
}
.column-editor .popover {
  display: block;
  position: absolute;
  top: 30px;
  right: 35px;
  padding: 0;
  left: auto;
}
html[data-rtl-language="true"] .column-editor .popover {
  left: 35px;
  right: auto;
}
.column-editor .popover-inner {
  width: 240px;
  border: 1px solid rgb(var(--grey-600));
}
.column-editor .popover-content {
  display: none;
  padding: 20px;
}
.column-editor .add-column {
  display: none;
}
.column-editor .show {
  display: block !important;
}
.column-editor .commands {
  margin: 15px 0;
}
.column-editor .divider {
  height: 1px;
  margin: 8px 1px;
  overflow: hidden;
  background-color: rgb(var(--grey-200));
  /* Grey-200 */
  border-bottom: 1px solid var(--background-default);
}
.column-editor h3 {
  font-size: 14px;
  font-weight: 600;
  margin-top: 10px;
  position: relative;
}
.column-editor h3:first-of-type {
  margin-top: -10px;
  margin-bottom: 5px;
}
.column-editor .active-columns,
.column-editor .available-columns {
  margin-bottom: 10px;
  margin-left: 0px;
}
html[data-rtl-language="true"] .column-editor .active-columns,
html[data-rtl-language="true"] .column-editor .available-columns {
  margin-right: 0;
}
.column-editor .active-columns .sortable-placeholder,
.column-editor .available-columns .sortable-placeholder {
  min-height: 25px !important;
  height: 25px !important;
  background-color: var(--background-subtle);
  /* Grey-200 */
}
.column-editor .active-columns li,
.column-editor .available-columns li {
  position: relative;
  cursor: move;
  padding: 4px 20px 4px 40px;
  margin: 0 -20px;
}
html[data-rtl-language="true"] .column-editor .active-columns li,
html[data-rtl-language="true"] .column-editor .available-columns li {
  padding: 4px 40px 4px 20px;
}
.column-editor .active-columns li:hover,
.column-editor .available-columns li:hover {
  background-color: var(--background-subtle);
  /* Grey-200 */
}
.column-editor .active-columns li .checkmark,
.column-editor .available-columns li .checkmark {
  width: 14px;
  height: 14px;
  position: absolute;
  left: 20px;
  top: 5px;
}
html[data-rtl-language="true"] .column-editor .active-columns li .checkmark,
html[data-rtl-language="true"] .column-editor .available-columns li .checkmark {
  left: auto;
  right: 20px;
  margin-left: 0;
  margin-right: 2px;
}
.column-editor .active-columns li .checkmark::after,
.column-editor .available-columns li .checkmark::after {
  background: url(/agent/assets/components/ico_check-337ec26af1fafd5bb23af9d0b8ea56f2.png) no-repeat;
  content: "";
  display: block;
  height: 10px;
  margin: 3px 1px;
  position: absolute;
  width: 10px;
}
@media only screen and (min-resolution: 1.5dppx) {
  .column-editor .active-columns li .checkmark::after,
  .column-editor .available-columns li .checkmark::after {
    background: url(/agent/assets/components/ico_check_2X-7d69d3b24976772874545c0b4b0df3fc.png) no-repeat;
    background-size: 100%;
  }
}
[data-theme="dark"] .column-editor .active-columns li .checkmark::after,
.column-editor .available-columns li .checkmark::after {
  filter: invert(100%);
}
.column-editor .active-columns li .close,
.column-editor .available-columns li .close {
  position: absolute;
  visibility: hidden;
  right: 22px;
  top: 0;
  opacity: 1;
}
html[data-rtl-language="true"] .column-editor .active-columns li .close,
html[data-rtl-language="true"] .column-editor .available-columns li .close {
  left: 22px;
  right: auto;
}
.column-editor .active-columns li .close:after,
.column-editor .available-columns li .close:after {
  content: "×";
  opacity: 0.6;
  font-size: 14px;
  position: absolute;
  top: 2px;
  right: 0px;
  width: 20px;
  text-align: center;
  height: 20px;
  line-height: 20px;
}
html[data-rtl-language="true"] .column-editor .active-columns li .close:after,
html[data-rtl-language="true"] .column-editor .available-columns li .close:after {
  left: 0px;
  right: auto;
}
.column-editor .active-columns li .close:before,
.column-editor .available-columns li .close:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  top: 2px;
  right: 0px;
}
html[data-rtl-language="true"] .column-editor .active-columns li .close:before,
html[data-rtl-language="true"] .column-editor .available-columns li .close:before {
  left: 0px;
  right: auto;
}
.column-editor .active-columns li .close:hover:after,
.column-editor .available-columns li .close:hover:after {
  opacity: 0.8;
}
.column-editor .active-columns li:hover .close,
.column-editor .available-columns li:hover .close {
  visibility: visible;
  background-color: var(--background-default);
}
.column-editor .available-columns {
  margin-bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 400px;
}
.column-editor .available-columns li {
  cursor: pointer;
}
.column-editor .available-columns .checkmark {
  visibility: hidden;
}
.column-editor .available-columns li:hover .checkmark {
  visibility: visible;
}
.column-editor .sorter {
  color: rgb(var(--blue-600));
  font-weight: 400;
  font-size: 12px;
  position: absolute;
  top: 0;
  right: 0;
}
html[data-rtl-language="true"] .column-editor .sorter {
  left: 0;
  right: auto;
}
.column-editor .sorter:hover {
  color: rgb(var(--blue-700));
}
.column-editor i {
  font-style: normal;
  font-size: 10px;
  margin-left: 2px;
}
.column-editor .arrow-up:after,
.column-editor .arrow-down:after {
  font-family: "Times New Roman";
  font-size: 7px;
}
.column-editor .arrow-up:after {
  content: "\25B2";
}
.column-editor .arrow-down:after {
  content: "\25BC";
}
.column-editor .asc .arrow-up {
  display: auto;
}
.column-editor .asc .arrow-down {
  display: none;
}
.column-editor .desc .arrow-up {
  display: none;
}
.column-editor .desc .arrow-down {
  display: auto;
}
.column-editor .back-link {
  position: relative;
}
.column-editor .back-link:before {
  content: "\2039";
  position: absolute;
  top: -6px;
  left: -11px;
  font-size: 23px;
  font-weight: 600;
}
html[data-rtl-language="true"] .column-editor .back-link:before {
  left: auto;
  right: -11px;
}
.column-editor .available-columns-panel .commands {
  margin-top: 0px;
  margin-left: 10px;
}
html[data-rtl-language="true"] .column-editor .available-columns-panel .commands {
  margin-left: 0;
  margin-right: 10px;
}
.column-editor .search-container {
  position: relative;
  border-radius: 20px;
  border: 1px solid rgb(var(--grey-600));
  padding: 4px 27px 6px 19px;
  margin: 5px 0;
}
.column-editor .search-container input {
  width: 100%;
  padding: 0;
  border-width: 0px;
  box-shadow: none !important;
  outline: none;
}
.column-editor .search-container .search_icon {
  position: absolute;
  top: 6px;
  right: 3px;
  width: 20px;
  height: 20px;
  opacity: 0.3;
}
html[data-rtl-language="true"] .column-editor .search-container .search_icon {
  left: 6px;
  right: auto;
}

.mode-notice .column-editor .popover {
  top: 90px;
}

/* END ./app/assets/stylesheets/areas/column_editor.scss */
/* BEGIN ./app/assets/stylesheets/areas/bulk_modal.scss */
.bulk_edit_modal {
  width: 950px;
}
.bulk_edit_modal.modal {
  margin-left: -475px;
}
.bulk_edit_modal .ticket_submit_buttons {
  margin: 0 12px 0 0;
}
html[data-rtl-language="true"] .bulk_edit_modal .ticket_submit_buttons {
  float: right;
}
.bulk_edit_modal .ticket_submit_buttons > button {
  margin: 0;
}
.bulk_edit_modal .modal-header {
  border-color: var(--border-default);
}
.bulk_edit_modal .modal-body {
  position: relative;
  height: 400px;
}
.bulk_edit_modal .modal-body .pane.right {
  left: 330px;
  margin: 10px 20px;
  overflow: visible;
}
html[data-rtl-language="true"] .bulk_edit_modal .modal-body .pane.right {
  left: 0;
  right: 330px;
}
.bulk_edit_modal .modal-body .pane.right .event {
  border-width: 0;
}
.bulk_edit_modal .modal-body .pane.right .content {
  margin: 0 0 0 60px;
  max-height: 340px;
  overflow-y: hidden;
}
html[data-rtl-language="true"] .bulk_edit_modal .modal-body .pane.right .content {
  margin: 0 60px 0 0;
}
.bulk_edit_modal .modal-body .pane.right .content .body {
  max-height: 295px;
  overflow-y: auto;
}
.bulk_edit_modal .modal-body .pane.right .user_photo {
  position: absolute;
  left: 0px;
}
html[data-rtl-language="true"] .bulk_edit_modal .modal-body .pane.right .user_photo {
  left: auto;
  right: 0px;
}
.bulk_edit_modal .modal-body .pane.right .subject-field {
  text-align: left;
  font-weight: 600;
  margin: 12px 0 18px 0;
}
html[data-rtl-language="true"] .bulk_edit_modal .modal-body .pane.right label {
  text-align: right;
}
.bulk_edit_modal .modal-body .pane.right input {
  font-size: 14px;
  height: 28px;
  padding: 0 7px;
  box-sizing: border-box;
  margin-bottom: 6px;
  width: 100%;
}
.bulk_edit_modal .modal-body .pane.right .subject-field input {
  margin-top: 6px;
}
.bulk_edit_modal .modal-body .pane.left {
  background-color: var(--background-default);
  border-right: 1px solid var(--border-default);
  width: 330px;
  overflow-x: hidden;
  z-index: inherit;
}
.bulk_edit_modal .modal-body.rich_text .comment_input .header {
  padding: 0 0 0 0;
}
.bulk_edit_modal .modal-footer {
  padding: 8px;
  min-height: 40px;
}
.bulk_edit_modal .modal-footer .ticket_submit_buttons .save {
  color: var(--background-default);
}
.bulk_edit_modal .modal-footer .object_options {
  float: left;
  margin-left: 5px;
  margin-top: 10px;
}
.bulk_edit_modal .modal-footer .macro-selector {
  float: left;
  text-align: left;
  position: relative;
  top: 6px;
  left: 15px;
  margin: 0;
  width: 284px;
}

#bulk_edit_progress_pane {
  text-align: center;
  background-color: var(--background-default);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#bulk_edit_progress_pane .bulk_edit_success_header {
  margin-top: 200px;
}
#bulk_edit_progress_pane .bulk_edit_header {
  margin-top: 30px;
  margin-bottom: 10px;
}
#bulk_edit_progress_pane .bulk_edit_errors {
  margin-bottom: 20px;
}
#bulk_edit_progress_pane .progress-description-header {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  margin-top: 150px;
  margin-bottom: 30px;
}
#bulk_edit_progress_pane .progress-description {
  text-align: center;
  margin-top: 30px;
}
#bulk_edit_progress_pane .progress {
  width: 500px;
  margin: 0 auto;
}
#bulk_edit_progress_pane .bulk_edit_header {
  text-align: center;
}
#bulk_edit_progress_pane .bulk_edit_section {
  margin-top: 30px;
  text-align: center;
}

/* END ./app/assets/stylesheets/areas/bulk_modal.scss */
/* BEGIN ./app/assets/stylesheets/areas/group_memberships_modal.scss */
/* Grey-200 */
.group_memberships {
  width: 800px;
}
.group_memberships.modal {
  margin-left: -400px;
}
.group_memberships .modal-body {
  position: relative;
  max-height: 480px;
}
.group_memberships .icon {
  width: 36px;
  height: 30px;
  float: left;
}
html[data-rtl-language="true"] .group_memberships .icon {
  float: right;
}
.group_memberships .tile {
  position: relative;
  border-radius: 6px;
  background-color: var(--background-recessed);
  border: 2px solid var(--border-subtle);
  margin-top: 6px;
  margin-right: 6px;
  padding: 10px;
  cursor: pointer;
  height: 38px;
  width: 159px;
  float: left;
}
html[data-rtl-language="true"] .group_memberships .tile {
  float: right;
  margin-left: 6px;
  margin-right: 0;
}
.group_memberships .tile.new {
  border-color: var(--background-default);
  background-color: var(--background-default);
  padding-top: 18px;
  height: 30px;
}
.group_memberships .tile.new:hover {
  background-color: var(--background-subtle);
  border-color: var(--background-subtle);
}
.group_memberships .tile.new:hover .real_input {
  display: block;
}
.group_memberships .tile.new:hover .fake_link {
  display: none;
}
.group_memberships .tile.new .real_input {
  display: none;
}
.group_memberships .tile.new .fake_link p {
  margin-top: 1px;
  text-align: center;
}
.group_memberships .tile.new .fake_link p a {
  text-decoration: underline;
}
.group_memberships .tile.new input {
  font-size: 12px;
  width: 115px;
  margin-right: 4px;
  height: 12px;
  float: left;
  line-height: 18px;
}
html[data-rtl-language="true"] .group_memberships .tile.new input {
  float: right;
  text-align: right;
  margin-left: 4px;
  margin-right: 0;
}
.group_memberships .tile.new .btn-small {
  padding: 3px 7px 5px;
  font-size: 12px;
  line-height: 14px;
}
.group_memberships .tile.saving {
  opacity: 0.4;
}
.group_memberships .tile.saving:after {
  content: url(/agent/assets/icons/spinners/small_spinner-f57d905b62b713e3324c733d4493bf5c.gif);
  position: absolute;
  top: 16px;
  left: 83px;
}
.group_memberships .tile .checkmark {
  float: left;
  opacity: 0.5;
  margin-top: 2px;
  display: none;
  opacity: 1;
  position: absolute;
  top: 22px;
  left: 34px;
  /*Right position slightly more than left position in LTR, due to layout of background image */
}
html[data-rtl-language="true"] .group_memberships .tile .checkmark {
  float: right;
  left: auto;
  right: 40px;
}
.group_memberships .tile .title {
  display: block;
  color: var(--foreground-subtle);
  display: table-cell;
  width: 115px;
  max-width: 115px;
  height: 38px;
  padding-left: 8px;
  text-overflow: ellipsis;
  overflow: hidden;
  /*Add right padding to create more spacing between title and images in RTL*/
}
html[data-rtl-language="true"] .group_memberships .tile .title {
  padding-right: 15px;
}
.group_memberships .tile:hover {
  background-color: var(--background-subtle);
  border-color: var(--border-subtle);
}
.group_memberships .tile.selected {
  background: var(--background-warning);
  border-color: var(--border-warning);
}
.group_memberships .tile.selected .checkmark {
  display: block;
}
.group_memberships .tile.selected .title {
  color: var(--foreground-default);
  font-weight: 600;
}
.group_memberships .tile.selected:hover {
  background-color: var(--background-warning);
  border-color: var(--border-warning);
}
.group_memberships .options {
  border-radius: 6px;
  background: var(--background-default);
  margin-top: 22px;
  padding: 12px;
}
.group_memberships .options label {
  display: inline-block;
  margin-bottom: 12px;
  font-weight: 600;
  padding-top: 5px;
  padding-right: 5px;
}
html[data-rtl-language="true"] .group_memberships .options label {
  float: right;
  padding-left: 5px;
  padding-right: 0;
}
.group_memberships .options > p {
  clear: both;
}
.group_memberships .options .select.value {
  float: left;
  width: 300px;
}
html[data-rtl-language="true"] .group_memberships .options .select.value {
  float: right;
}

/* END ./app/assets/stylesheets/areas/group_memberships_modal.scss */
/* BEGIN ./app/assets/stylesheets/areas/password_modal.scss */
.modal.password-modal.new-password-modal {
  width: 330px;
  margin: -295px 0 0 -168px;
}
.modal.password-modal.new-password-modal .modal-header {
  display: none;
}
.modal.password-modal.new-password-modal .modal-body {
  overflow-y: initial;
  max-height: 475px;
  padding: 30px;
}
.modal.password-modal.new-password-modal .field-wrapper {
  margin-top: 20px;
}
.modal.password-modal.new-password-modal .field-label {
  margin: 8px 10px 10px 0;
  font-weight: 600;
  float: none;
  text-align: left;
}
html[data-rtl-language="true"] .modal.password-modal.new-password-modal .field-label {
  margin: 8px 10px 10px 0;
  text-align: right;
}
.modal.password-modal.new-password-modal .field-holder {
  float: left;
  width: 300px;
}
html[data-rtl-language="true"] .modal.password-modal.new-password-modal .field-holder {
  float: right;
}
.modal.password-modal.new-password-modal .field-holder input {
  width: 260px;
}
.modal.password-modal.new-password-modal .field-note {
  display: none;
}
.modal.password-modal.new-password-modal .modal-footer {
  border: none;
  text-align: center;
  background: transparent;
  padding: 20px 30px 20px;
}
.modal.password-modal.new-password-modal .change-password-requirements {
  color: var(--foreground-subtle);
}
.modal.password-modal.new-password-modal .change-password-requirements h5 {
  color: var(--foreground-subtle);
}
.modal.password-modal.new-password-modal .change-password-requirements ul {
  margin-top: 10px;
}
.modal.password-modal.new-password-modal .change-password-requirements ul li {
  list-style: disc;
}

.modal .field-wrapper {
  margin-top: 20px;
}

.modal .field-label {
  width: 200px;
  float: left;
  text-align: right;
  margin: 8px 10px 0 0;
  font-weight: 600;
}
html[data-rtl-language="true"] .modal .field-label {
  float: right;
  text-align: left;
  margin: 8px 0 0 10px;
}

.modal .field-holder {
  float: left;
  width: 300px;
}
.modal .field-holder input {
  width: 160px;
}

.modal .field-note {
  margin-top: 5px;
  color: rgb(var(--grey-600));
}

/* END ./app/assets/stylesheets/areas/password_modal.scss */
/* BEGIN ./app/assets/stylesheets/areas/contextual_help.scss */
@font-face {
  font-family: "entypo";
  src: url(/agent/assets/entypo.eot);
  src:
    url(/agent/assets/entypo.eot?#iefix) format("embedded-opentype"),
    url(/agent/assets/entypo.woff) format("woff"),
    url(/agent/assets/entypo.ttf) format("truetype"),
    url(/agent/assets/entypo.svg#wf) format("svg");
}

.contextual-tooltip {
  position: relative;
  display: inline-block;
}
.contextual-tooltip .info-icon {
  color: rgb(var(--blue-600));
  border: 1px solid rgb(var(--blue-600));
  border-radius: 50%;
  width: 15px;
  height: 15px;
  line-height: 15px;
  font-size: 12px;
  font-family:
    "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  transition:
    color 0.25s ease 0s,
    border 0.25s ease 0s;
}
.contextual-tooltip .info-icon:hover {
  color: rgb(var(--blue-700));
  border-color: rgb(var(--blue-700));
}
.contextual-tooltip .info-icon:active,
.contextual-tooltip .info-icon:focus,
.contextual-tooltip .info-icon.active {
  color: var(--foreground-default);
  border-color: var(--border-emphasis);
  background-color: var(--background-subtle);
}
.contextual-tooltip button:focus {
  outline: none;
}
.contextual-tooltip .btn-secondary {
  border-radius: 15px;
  padding: 5px 20px;
  margin: 0px;
}
.contextual-tooltip .btn-secondary i {
  opacity: 0.6;
}
.contextual-tooltip .tip {
  position: absolute;
  display: none;
  width: 280px;
  border: 1px solid var(--border-default);
  /* Grey-300 */
  background-color: var(--background-default);
  color: rgb(var(--grey-800));
  /* Grey-800 */
  text-align: left;
  padding-bottom: 5px;
  z-index: 500;
  border-radius: 3px;
  box-sizing: border-box;
  box-shadow: var(--shadow-large);
  /* Grey-200 */
}
html[data-rtl-language="true"] .contextual-tooltip .tip {
  text-align: right;
}
.contextual-tooltip .tip.mini {
  background-color: rgb(var(--grey-800));
  /* Grey-800 */
  padding: 0px;
}
.contextual-tooltip .tip.mini p {
  color: var(--background-default);
}
.contextual-tooltip .tip h5 {
  border-radius: 4px 4px 0px 0px;
  background-color: rgb(var(--grey-100));
  /* Grey-100 */
  border-bottom: 1px solid var(--border-default);
  /* Grey-300 */
  font-size: 12px;
  font-weight: 600;
  padding: 10px 15px;
}
.contextual-tooltip .tip p {
  width: auto;
  margin: 10px 15px;
  font-weight: 400;
  color: rgb(var(--grey-600));
  /* Grey-600 */
}
.contextual-tooltip .tip p a {
  margin: 0px;
  padding: 0px;
  color: rgb(var(--grey-500));
  /* Grey-500 */
}
.contextual-tooltip .tip p a:hover {
  color: rgb(var(--grey-600));
  text-decoration: none;
}
.contextual-tooltip .tip a {
  border-radius: 20px;
  margin: 0px 0px 10px 15px;
  padding: 3px 15px;
}
html[data-rtl-language="true"] .contextual-tooltip .tip a {
  margin: 0px 15px 10px 0px;
}
.contextual-tooltip .tip .diamond {
  display: none;
  position: absolute;
  top: -6px;
  left: 50%;
  width: 15px;
  height: 15px;
  background-color: rgb(var(--grey-800));
  /* Grey-800 */
  transform: rotate(45deg);
}

.new-page-icon {
  width: 11px;
  height: 11px;
  display: inline-block;
  background: url(/agent/assets/components/external_link_1x-1caff9d97c7c779ed66b03cadd897718.png) no-repeat;
}
@media only screen and (min-resolution: 1.5dppx) {
  .new-page-icon {
    width: 13px;
    height: 11px;
    background: url(/agent/assets/components/external_link_2x-9ec4a0f88a1653c75c0973859626b3a7.png) no-repeat;
    background-size: 100%;
  }
}

/* END ./app/assets/stylesheets/areas/contextual_help.scss */
/* BEGIN ./app/assets/stylesheets/areas/help_center_list_modal.scss */
.help-center-list {
  width: 370px;
}
.help-center-list.modal {
  margin-left: -185px;
}
.help-center-list .table tr {
  cursor: pointer;
}
.help-center-list .table td {
  border: 0;
}
.help-center-list .table .brand-logo {
  width: 40px;
}
.help-center-list .table .brand-name {
  padding-top: 15px;
}

/* END ./app/assets/stylesheets/areas/help_center_list_modal.scss */
/* BEGIN ./app/assets/stylesheets/areas/make_private_modal.scss */
.make_private_modal {
  width: 700px;
}
.make_private_modal.modal {
  margin-left: -350px;
}

/* END ./app/assets/stylesheets/areas/make_private_modal.scss */
/* BEGIN ./app/assets/stylesheets/print.scss */
@media print {
  .pane,
  .section,
  header,
  .mast {
    position: static !important;
  }
  .pane.left,
  .pane.right,
  header {
    border: none !important;
    background-color: var(--background-default) !important;
  }
  .pane.left.section,
  .pane.right.section {
    width: 100% !important;
  }
  .pane.right.section {
    padding-top: 10px !important;
  }
  .pane.left {
    float: left !important;
  }
  .main_panes > header .pane .btn-group {
    margin-left: 0 !important;
  }
  .main_panes > header .pane .btn-group .btn {
    text-shadow: none !important;
    background: none !important;
    background-image: none !important;
    background-color: none !important;
  }
  .mast {
    width: 100%;
    background-color: var(--background-default) !important;
  }
  .mast .source {
    line-height: 19px;
  }
  .mast .profile {
    position: inherit !important;
  }
  .property_box {
    margin-left: 0 !important;
  }
  .event .title {
    margin-bottom: 3px;
  }
  .token {
    text-shadow: none;
  }
  .filters a .count {
    position: relative !important;
  }
  .search .search_bar {
    top: inherit;
    left: inherit;
  }
  .search #search_results {
    position: inherit;
    margin-top: 80px;
  }
  .tag {
    text-shadow: none !important;
  }
  #main_navigation,
  #branding_header,
  #modals,
  footer,
  .action_buttons,
  .ticket_submit_buttons,
  .object_options,
  .comment_input,
  .origin,
  .ticket_call_console,
  .user_photo .agent,
  .change_requester_email,
  .for_save,
  .delete,
  .learn_more,
  .origin,
  table .selection,
  .aux-content,
  .show_tips {
    display: none !important;
  }
}

.deskzen-editor--rich-text-container {
  box-sizing: border-box;
  position: relative;
  overflow: auto;
  border: 1px solid var(--border-default);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  cursor: text;
}

.deskzen-editor--rich-text-comment,
.deskzen-editor--plaintext-box .deskzen-editor--plain-text-comment {
  display: block;
  padding: 10px;
  min-height: 110px;
  outline: none;
  color: rgb(var(--grey-800));
  cursor: text;
  transition: min-height linear 0.1s;
}
.deskzen-editor--rich-text-comment p,
.deskzen-editor--plaintext-box .deskzen-editor--plain-text-comment p {
  margin: 0px;
  padding-bottom: 0px;
}
.deskzen-editor--rich-text-comment blockquote,
.deskzen-editor--plaintext-box .deskzen-editor--plain-text-comment blockquote {
  margin: 0;
  padding-left: 10px;
  border-left: 2px solid rgb(var(--grey-400));
  color: var(--foreground-subtle);
}
html[data-rtl-language="true"] .deskzen-editor--rich-text-comment blockquote,
html[data-rtl-language="true"] .deskzen-editor--plaintext-box .deskzen-editor--plain-text-comment blockquote {
  padding-left: 0;
  padding-right: 10px;
  border-left: 0;
  border-right: 2px solid rgb(var(--grey-400));
}
.deskzen-editor--rich-text-comment pre,
.deskzen-editor--plaintext-box .deskzen-editor--plain-text-comment pre {
  white-space: pre-wrap;
}
.deskzen-editor--rich-text-comment.empty:not(.open),
.deskzen-editor--rich-text-comment.closed,
.deskzen-editor--plaintext-box .deskzen-editor--plain-text-comment.empty:not(.open),
.deskzen-editor--plaintext-box .deskzen-editor--plain-text-comment.closed {
  padding: 8px;
  min-height: 16px;
}
.deskzen-editor--rich-text-comment.empty:not(.open) p:only-child,
.deskzen-editor--rich-text-comment.closed p:only-child,
.deskzen-editor--plaintext-box .deskzen-editor--plain-text-comment.empty:not(.open) p:only-child,
.deskzen-editor--plaintext-box .deskzen-editor--plain-text-comment.closed p:only-child {
  display: none;
}
.deskzen-editor--rich-text-comment table td,
.deskzen-editor--rich-text-comment table th,
.deskzen-editor--plaintext-box .deskzen-editor--plain-text-comment table td,
.deskzen-editor--plaintext-box .deskzen-editor--plain-text-comment table th {
  padding: 5px;
  border: 1px solid var(--border-default);
  vertical-align: top;
}
.deskzen-editor--rich-text-comment table,
.deskzen-editor--plaintext-box .deskzen-editor--plain-text-comment table {
  border-collapse: collapse;
  font-size: 1em;
  width: 100%;
}
.deskzen-editor--rich-text-comment .re-table,
.deskzen-editor--plaintext-box .deskzen-editor--plain-text-comment .re-table {
  display: none;
}

@keyframes popup {
  0% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0px);
  }
}

.deskzen-editor--toolbar {
  width: 100%;
  position: relative;
  border: 1px solid var(--border-default);
  border-radius: 0 0 4px 4px;
  border-top: none;
  background-color: var(--background-default);
  box-sizing: border-box;
  list-style-type: none;
  line-height: 0;
}
html[data-rtl-language="true"] .deskzen-editor--toolbar {
  direction: rtl;
}
.deskzen-editor--toolbar button.active {
  color: currentColor;
}
.deskzen-editor--toolbar.sticky {
  position: fixed;
  border-radius: 0;
  border-bottom: 0;
  box-shadow: var(--shadow-large);
}
.deskzen-editor--toolbar .deskzen-editor--attachment {
  position: relative;
}
.deskzen-editor--toolbar ul:first-child {
  margin: 0 3px;
}
.deskzen-editor--toolbar ul {
  margin: 0;
  padding: 0;
  /* Needed to achieve greater specificity than an RTL override in Lotus. */
  white-space: nowrap;
  display: inline-block;
}
html[data-rtl-language="true"] .deskzen-editor--toolbar ul {
  margin: 0;
}
.deskzen-editor--toolbar li {
  list-style-type: none;
  display: inline-block;
}
.deskzen-editor--toolbar svg {
  width: 16px;
  height: 16px;
  pointer-events: none;
}

.deskzen-editor--group {
  display: inline-block;
}
.deskzen-editor--group.deskzen-editor--overflow {
  width: 100%;
  overflow: hidden;
  position: relative;
  pointer-events: none;
}
.deskzen-editor--group.deskzen-editor--overflow .deskzen-editor--overflow-shift {
  pointer-events: auto;
}
.deskzen-editor--group.deskzen-editor--overflow ul:first-child {
  position: relative;
  left: 0px;
}
.deskzen-editor--group:not(:first-child) {
  border-left: 1px solid var(--border-default);
}
.deskzen-editor--group li {
  margin: 5px 2px;
  border-radius: 2px;
  overflow: hidden;
}
.deskzen-editor--group li,
.deskzen-editor--group li * {
  cursor: pointer;
}
.deskzen-editor--group li:first-child {
  margin-left: 5px;
}
html[data-rtl-language="true"] .deskzen-editor--group li:first-child {
  margin-left: auto;
  margin-right: 5px;
}
.deskzen-editor--group li:last-child {
  margin-right: 5px;
}
html[data-rtl-language="true"] .deskzen-editor--group li:last-child {
  margin-left: 5px;
  margin-right: auto;
}
.deskzen-editor--group li:hover:not(.disabled) {
  box-shadow: var(--shadow-small);
}
.deskzen-editor--group li:active:not(.disabled) {
  box-shadow: var(--shadow-small);
}
.deskzen-editor--group li.active {
  box-shadow: var(--shadow-small);
  background: rgb(var(--grey-200));
}

.deskzen-editor--menu {
  border: 1px solid var(--border-default);
  border-radius: 3px;
  background-color: var(--background-default);
  box-shadow: var(--shadow-large);
  position: absolute;
  top: -44px;
  left: 2px;
  animation: popup 0.3s forwards;
  z-index: 1;
}
.deskzen-editor--menu:after,
.deskzen-editor--menu:before {
  top: 100%;
  left: 20px;
  border: solid transparent;
  content: " ";
  position: absolute;
}
html[data-rtl-language="true"] .deskzen-editor--menu:after,
html[data-rtl-language="true"] .deskzen-editor--menu:before {
  left: auto;
  right: 20px;
}
.deskzen-editor--menu:after {
  border-top-color: var(--background-default);
  border-width: 6px;
  margin-left: -6px;
}
html[data-rtl-language="true"] .deskzen-editor--menu:after {
  margin-left: 0;
  margin-right: -6px;
}
.deskzen-editor--menu:before {
  border-top-color: var(--border-default);
  border-width: 7px;
  margin-left: -7px;
}
html[data-rtl-language="true"] .deskzen-editor--menu:before {
  margin-left: 0;
  margin-right: -7px;
}
html[data-rtl-language="true"] .deskzen-editor--menu {
  left: auto;
  right: 2px;
}
.deskzen-editor--menu.hidden {
  display: none;
}

.deskzen-editor--tooltip {
  position: fixed;
  display: block;
  padding: 4px 10px;
  z-index: 20;
  font-size: 12px;
  font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Open Sans", "Helvetica Neue", sans-serif;
  white-space: nowrap;
  line-height: 18px;
  pointer-events: none;
  text-overflow: ellipsis;
  overflow: hidden;
  background: rgb(var(--grey-700));
  color: var(--background-default);
  border-radius: 4px;
  margin-bottom: 5px;
}

.deskzen-editor--tooltip-arrow {
  z-index: 21;
  position: fixed;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid rgb(var(--grey-700));
  margin-left: -5px;
}

.deskzen-editor--item {
  margin: 0;
  padding: 7px;
  line-height: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-size: 14px;
  color: rgb(var(--grey-500));
  border: none;
  outline: none;
  display: inline-block;
}

.deskzen-editor--scroll-right,
.deskzen-editor--scroll-left {
  width: 30px;
  height: 100%;
  position: absolute;
  top: 0;
  color: rgb(var(--grey-500));
  background: var(--background-default);
  cursor: default;
}
.deskzen-editor--scroll-right:hover,
.deskzen-editor--scroll-left:hover {
  color: var(--foreground-subtle);
}
.deskzen-editor--scroll-right:active,
.deskzen-editor--scroll-left:active {
  color: rgb(var(--grey-500));
}
.deskzen-editor--scroll-right.hidden,
.deskzen-editor--scroll-left.hidden {
  display: none;
}
.deskzen-editor--scroll-right svg,
.deskzen-editor--scroll-left svg {
  position: absolute;
  left: calc(50% - 8px);
  top: calc(50% - 8px);
}
.deskzen-editor--scroll-right.deskzen-editor--scroll-left,
.deskzen-editor--scroll-left.deskzen-editor--scroll-left {
  left: 0;
  border-right: 1px solid var(--border-default);
  border-bottom-left-radius: 3px;
}
.deskzen-editor--scroll-right.deskzen-editor--scroll-left::after,
.deskzen-editor--scroll-left.deskzen-editor--scroll-left::after {
  width: 3px;
  height: 100%;
  content: " ";
  display: block;
  position: absolute;
  right: -3px;
  background: var(--background-recessed);
}
.deskzen-editor--scroll-right.deskzen-editor--scroll-right,
.deskzen-editor--scroll-left.deskzen-editor--scroll-right {
  right: 0;
  border-left: 1px solid var(--border-default);
  border-bottom-right-radius: 3px;
}
.deskzen-editor--scroll-right.deskzen-editor--scroll-right::after,
.deskzen-editor--scroll-left.deskzen-editor--scroll-right::after {
  width: 3px;
  height: 100%;
  content: " ";
  display: block;
  position: absolute;
  left: -3px;
  background: var(--background-recessed);
}

.deskzen-editor--plaintext-box .deskzen-editor--toolbar {
  bottom: -102px;
}

.deskzen-editor--plaintext-box textarea.deskzen-editor--plain-text-comment {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  min-height: 0;
  resize: none;
}

.deskzen-editor--plaintext-box .deskzen-editor--plain-text-expanding > pre {
  display: block;
  visibility: hidden;
}

.deskzen-editor--plaintext-box textarea.deskzen-editor--plain-text-comment,
.deskzen-editor--plaintext-box .deskzen-editor--plain-text-expanding > pre {
  width: calc(100% - 22px);
  white-space: pre-wrap;
  word-wrap: break-word;
  box-sizing: content-box;
}

.deskzen-editor--attachments {
  position: relative;
  overflow: auto;
  margin-left: 5px;
  transition: bottom linear 0.025s;
  margin-bottom: 40px;
}
html[data-rtl-language="true"] .deskzen-editor--attachments {
  margin-left: 0;
  margin-right: 5px;
}
.deskzen-editor--attachments .deskzen-editor--attachment {
  border: 1px solid var(--border-default);
  border-radius: 3px;
  background-color: var(--background-default);
  width: 110px;
  height: 70px;
  float: left;
  margin: 0 5px 5px 0;
  position: relative;
  color: rgb(var(--grey-800));
  cursor: default;
}
html[data-rtl-language="true"] .deskzen-editor--attachments .deskzen-editor--attachment {
  float: right;
  margin: 0 0 5px 0;
}
.deskzen-editor--attachments .deskzen-editor--attachment:hover .deskzen-editor--remove-attachment {
  display: block;
}
.deskzen-editor--attachments
  .deskzen-editor--attachment.deskzen-editor--in-progress
  .deskzen-editor--remove-attachment {
  display: none;
}
.deskzen-editor--attachments .deskzen-editor--attachment .deskzen-editor--remove-attachment {
  display: none;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 14px;
  height: 14px;
  cursor: pointer;
  background-color: var(--background-default);
  border-radius: 10px;
  padding: 3px;
  text-align: center;
  line-height: 12px;
  font-size: 12px;
  cursor: pointer;
}
html[data-rtl-language="true"]
  .deskzen-editor--attachments
  .deskzen-editor--attachment
  .deskzen-editor--remove-attachment {
  left: 5px;
  right: auto;
}
.deskzen-editor--attachments .deskzen-editor--attachment .deskzen-editor--remove-attachment:before {
  content: "×";
  color: rgb(var(--grey-500));
}
.deskzen-editor--attachments
  .deskzen-editor--attachment.deskzen-editor--in-progress
  .deskzen-editor--progress-indicator {
  display: block;
}
.deskzen-editor--attachments .deskzen-editor--attachment.deskzen-editor--image {
  overflow: hidden;
  text-align: center;
}
.deskzen-editor--attachments .deskzen-editor--attachment.deskzen-editor--image img {
  height: 100%;
  display: inline-block;
}
.deskzen-editor--attachments .deskzen-editor--attachment .deskzen-editor--text-wrapper {
  width: 70px;
  height: 50px;
  padding: 10px 0 0 20px;
  text-align: left;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgb(var(--grey-500));
}
html[data-rtl-language="true"] .deskzen-editor--attachments .deskzen-editor--attachment .deskzen-editor--text-wrapper {
  padding: 10px 20px 0 0;
  text-align: right;
}
.deskzen-editor--attachments .deskzen-editor--attachment .deskzen-editor--text-wrapper p {
  margin: 0;
  color: rgb(var(--grey-300));
}
.deskzen-editor--attachments .deskzen-editor--attachment.deskzen-editor--image .deskzen-editor--text-wrapper {
  display: none;
}
.deskzen-editor--attachments .deskzen-editor--attachment:not(.deskzen-editor--image) .deskzen-editor--corner {
  height: 20px;
  width: 20px;
  position: absolute;
  right: -1px;
  bottom: -1px;
  background-color: var(--background-default);
}
.deskzen-editor--attachments .deskzen-editor--attachment:not(.deskzen-editor--image) .deskzen-editor--corner:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-bottom: 14px solid var(--border-default);
  position: absolute;
  right: 1px;
  bottom: 8px;
  transform: rotate(-45deg);
}
.deskzen-editor--attachments .deskzen-editor--attachment:not(.deskzen-editor--image) .deskzen-editor--corner:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid var(--background-default);
  position: absolute;
  right: 3px;
  bottom: 9px;
  transform: rotate(-45deg);
}

.deskzen-editor--attachment-uploads {
  position: absolute;
  height: 100%;
  width: auto;
  top: 0;
  right: 0;
  outline: 0;
  opacity: 0;
  cursor: pointer;
}

[data-imageuploadprogress] {
  opacity: 0.5;
}

.deskzen-editor--progress-indicator {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: rgb(var(--green-400));
  display: none;
}
html[data-rtl-language="true"] .deskzen-editor--progress-indicator {
  left: auto;
  right: 0;
}

.deskzen-editor--in-progress {
  overflow: hidden;
  position: relative;
}
.deskzen-editor--in-progress .deskzen-editor--progress-indicator {
  display: block;
}

.deskzen-editor--inline-attachment {
  display: inline-block;
  vertical-align: bottom;
}

.deskzen-editor--current-progress {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  transition: width 0.2s;
}
.deskzen-editor--current-progress:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: rgb(var(--grey-300));
}
.deskzen-editor--current-progress:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
  height: 1000px;
  background-color: var(--background-default);
  opacity: 0.5;
}

#editor-tooltip {
  display: table;
  position: fixed;
  border: 1px solid var(--border-default);
  border-radius: 3px;
  background-color: var(--background-default);
  box-shadow: var(--shadow-large);
  padding: 6px 14px 6px 14px;
  width: 340px;
  z-index: 10;
  transition: bottom linear 0.05s;
  height: 40px;
  box-sizing: border-box;
}
#editor-tooltip #editor-tooltip-anchor {
  left: 43px;
  border: solid transparent;
  content: " ";
  position: absolute;
  border-width: 7px;
  margin-left: -7px;
}
html[data-rtl-language="true"] #editor-tooltip #editor-tooltip-anchor {
  left: auto;
  right: 43px;
}
#editor-tooltip #editor-tooltip-anchor:after {
  left: 0px;
  border: solid transparent;
  content: " ";
  position: absolute;
  border-width: 7px;
  margin-left: -7px;
}
html[data-rtl-language="true"] #editor-tooltip #editor-tooltip-anchor:after {
  left: auto;
  right: 0px;
  margin-left: 0px;
  margin-right: -7px;
}
#editor-tooltip #editor-tooltip-anchor.editor-tooltip-top {
  top: -14px;
  border-bottom-color: rgb(var(--grey-300));
}
#editor-tooltip #editor-tooltip-anchor.editor-tooltip-top:after {
  top: -6px;
  border-bottom-color: var(--background-default);
}
#editor-tooltip #editor-tooltip-anchor.editor-tooltip-bottom {
  bottom: -14px;
  border-top-color: rgb(var(--grey-300));
}
#editor-tooltip #editor-tooltip-anchor.editor-tooltip-bottom:after {
  top: -8px;
  border-top-color: var(--background-default);
}
#editor-tooltip .zd-editor--dimensions-preview {
  display: none;
}
#editor-tooltip input:focus,
#editor-tooltip input {
  font-size: 13px;
  font-weight: 400;
  appearance: none;
  outline: 0;
  border: none;
  width: 97%;
  height: 25px;
  padding: 0;
}
#editor-tooltip .tt-icon-holder {
  display: table-cell;
  width: 26px;
  height: 26px;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
}
#editor-tooltip .tt-icon-holder svg {
  width: 16px;
  height: 16px;
}
#editor-tooltip .tt-icon-holder a:hover {
  box-shadow: var(--shadow-small);
  border-radius: 3px;
  color: rgb(var(--grey-800));
}
#editor-tooltip .divider {
  font-size: 0px;
  width: 9px;
  height: 26px;
  vertical-align: middle;
  text-align: center;
  display: table-cell;
}
#editor-tooltip .divider div {
  height: 26px;
  display: inline-block;
  width: 1px;
  background-color: rgb(var(--grey-300));
}
#editor-tooltip .link-holder {
  display: table-cell;
  vertical-align: middle;
  width: 250px;
}
#editor-tooltip .link-show {
  width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
#editor-tooltip.edit {
  padding: 20px;
}
#editor-tooltip.edit input {
  border: 1px solid var(--border-default);
  padding: 0 15px;
  box-sizing: border-box;
  font-size: 14px;
  height: 40px;
  width: 100%;
  border-radius: 3px;
}
html[data-rtl-language="true"] #editor-tooltip.edit input {
  text-align: right;
}
#editor-tooltip.edit label {
  font-size: 14px;
  display: block;
  margin-top: 20px;
}
#editor-tooltip.edit label > span {
  display: block;
  margin-bottom: 10px;
}
html[data-rtl-language="true"] #editor-tooltip.edit label > span {
  direction: rtl;
}
#editor-tooltip.edit label:first-of-type {
  margin-top: 0;
}
#editor-tooltip.edit .edit-modal-buttons {
  margin-top: 20px;
  text-align: right;
}
html[data-rtl-language="true"] #editor-tooltip.edit .edit-modal-buttons {
  direction: rtl;
  text-align: left;
}
#editor-tooltip button {
  display: inline-block;
  padding: 5px 10px 5px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 18px;
  color: rgb(var(--grey-700));
  text-align: center;
  text-shadow: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: var(--background-default);
  background-image: none;
  border: 1px solid var(--border-default);
  border-radius: 4px;
  box-shadow: none;
  white-space: nowrap;
  height: 35px;
  min-width: 95px;
  margin-left: 10px;
  outline: none;
}
html[data-rtl-language="true"] #editor-tooltip button {
  margin-left: 0px;
  margin-right: 10px;
}
#editor-tooltip button.btn-inverse {
  background-color: rgb(var(--grey-800));
  color: rgb(var(--grey-400));
  border-color: rgb(var(--grey-800));
}
#editor-tooltip button.btn-inverse:hover {
  box-shadow: none;
  background-color: var(--background-emphasis);
  color: var(--background-default);
  border-color: var(--foreground-subtle);
}
#editor-tooltip button.btn-inverse:active {
  background-color: rgb(var(--grey-800));
  border-color: rgb(var(--grey-800));
  color: rgb(var(--grey-400));
}
#editor-tooltip button:hover {
  background-color: var(--background-default);
  border-color: rgb(var(--grey-400));
  color: rgb(var(--grey-800));
  box-shadow: inset 0 1px 0 var(--background-default);
}
#editor-tooltip button:active,
#editor-tooltip button.active {
  background-color: var(--background-default);
  border-color: rgb(var(--grey-400));
  color: rgb(var(--grey-800));
}
#editor-tooltip button.disabled,
#editor-tooltip button[disabled] {
  background-color: rgb(var(--grey-300));
  border-color: var(--border-default);
  color: var(--background-default);
  opacity: 1;
  box-shadow: none;
}

.deskzen-editor--drop-indicators {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.deskzen-editor--drop-indicators .drop-indicator {
  z-index: 10;
  position: fixed;
  border-radius: 10px;
  transition: transform 0.2s;
  border-radius: 10px;
  overflow: hidden;
  transform-origin: center;
}
.deskzen-editor--drop-indicators .drop-indicator .active-state {
  display: none;
}
.deskzen-editor--drop-indicators .drop-indicator.drag-hover {
  transform: scale(1.02);
  border-color: rgb(var(--green-400));
}
.deskzen-editor--drop-indicators .drop-indicator.drag-hover span {
  color: rgb(var(--grey-700));
}
.deskzen-editor--drop-indicators .drop-indicator.drag-hover .inactive-state {
  display: none;
}
.deskzen-editor--drop-indicators .drop-indicator.drag-hover .active-state {
  display: block;
}
.deskzen-editor--drop-indicators .drop-indicator:before {
  content: "";
  opacity: 0.9;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: var(--background-default);
}
.deskzen-editor--drop-indicators .drop-indicator-inline {
  top: 45px;
  left: 45px;
  right: 45px;
  bottom: 290px;
}
.deskzen-editor--drop-indicators .drop-indicator-attach {
  bottom: 45px;
  left: 45px;
  right: 45px;
  height: 205px;
}
.deskzen-editor--drop-indicators.no-inline-attachments .drop-indicator-attach {
  top: 45px;
  height: auto;
}
.deskzen-editor--drop-indicators .drop-box {
  color: rgb(var(--grey-500));
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  width: 250px;
  text-align: center;
}
.deskzen-editor--drop-indicators .drop-box-inline {
  left: calc(50% - 125px);
  top: calc(50% - 100px);
}
.deskzen-editor--drop-indicators .drop-box-attach {
  left: calc(50% - 125px);
  top: calc(50% - 35px);
}
.deskzen-editor--drop-indicators .drop-icon-inline-images {
  position: relative;
  left: -27px;
  top: 20px;
}
.deskzen-editor--drop-indicators .drop-icon-attachments {
  position: relative;
  top: 20px;
}
.deskzen-editor--drop-indicators .drop-icon-attachments .inactive-state {
  color: rgb(var(--grey-400));
}
.deskzen-editor--drop-indicators .drop-icon-attachments .active-state {
  color: var(--foreground-primary);
}
.deskzen-editor--drop-indicators .drop-base {
  border-radius: 10px;
  border-width: 2px;
  border-style: dashed;
  border-color: rgb(var(--grey-400));
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

@keyframes popup {
  0% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0px);
  }
}

@keyframes popdown {
  0% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0px);
  }
}

.deskzen-editor--headings-menu {
  border: 1px solid var(--border-default);
  border-radius: 3px;
  background-color: var(--background-default);
  margin: 0;
  padding: 0;
  display: none;
  position: absolute;
  z-index: 20;
  background-color: var(--background-default);
  box-shadow: var(--shadow-large);
}
.deskzen-editor--headings-menu.down {
  animation: popdown 0.3s forwards;
}
.deskzen-editor--headings-menu.down:after,
.deskzen-editor--headings-menu.down:before {
  top: 0%;
  left: 20px;
  border: solid transparent;
  content: " ";
  position: absolute;
}
html[data-rtl-language="true"] .deskzen-editor--headings-menu.down:after,
html[data-rtl-language="true"] .deskzen-editor--headings-menu.down:before {
  left: auto;
  right: 20px;
}
.deskzen-editor--headings-menu.down:after {
  top: -12px;
  border-bottom-color: var(--background-default);
  border-width: 6px;
  margin-left: -6px;
}
html[data-rtl-language="true"] .deskzen-editor--headings-menu.down:after {
  margin-left: 0;
  margin-right: -6px;
}
.deskzen-editor--headings-menu.down:before {
  top: -14px;
  border-bottom-color: var(--border-default);
  border-width: 7px;
  margin-left: -7px;
}
html[data-rtl-language="true"] .deskzen-editor--headings-menu.down:before {
  margin-left: 0;
  margin-right: -7px;
}
.deskzen-editor--headings-menu.up {
  animation: popup 0.3s forwards;
}
.deskzen-editor--headings-menu.up:after,
.deskzen-editor--headings-menu.up:before {
  top: 100%;
  left: 20px;
  border: solid transparent;
  content: " ";
  position: absolute;
}
html[data-rtl-language="true"] .deskzen-editor--headings-menu.up:after,
html[data-rtl-language="true"] .deskzen-editor--headings-menu.up:before {
  left: auto;
  right: 20px;
}
.deskzen-editor--headings-menu.up:after {
  border-top-color: var(--background-default);
  border-width: 6px;
  margin-left: -6px;
}
html[data-rtl-language="true"] .deskzen-editor--headings-menu.up:after {
  margin-left: 0;
  margin-right: -6px;
}
.deskzen-editor--headings-menu.up:before {
  border-top-color: var(--border-default);
  border-width: 7px;
  margin-left: -7px;
}
html[data-rtl-language="true"] .deskzen-editor--headings-menu.up:before {
  margin-left: 0;
  margin-right: -7px;
}
.deskzen-editor--headings-menu button.deskzen-editor--item {
  margin: 5px;
  padding: 15px 40px 15px 10px;
  width: calc(100% - 10px);
  display: block;
  box-sizing: border-box;
  color: rgb(var(--grey-700));
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
}
html[data-rtl-language="true"] .deskzen-editor--headings-menu button.deskzen-editor--item {
  padding: 15px 10px 15px 40px;
  text-align: right;
}
.deskzen-editor--headings-menu button.deskzen-editor--item:hover {
  background-color: rgb(var(--grey-200));
  border-radius: 3px;
}
.deskzen-editor--headings-menu button.deskzen-editor--item.normal {
  font-weight: normal;
  font-size: 12px;
}
.deskzen-editor--headings-menu button.deskzen-editor--item.h1 {
  font-weight: bold;
  font-size: 20px;
}
.deskzen-editor--headings-menu button.deskzen-editor--item.h2 {
  font-weight: bold;
  font-size: 18px;
}
.deskzen-editor--headings-menu button.deskzen-editor--item.h3 {
  font-weight: bold;
  font-size: 16px;
}
.deskzen-editor--headings-menu button.deskzen-editor--item.h4 {
  font-weight: bold;
  font-size: 14px;
}
.deskzen-editor--headings-menu button.deskzen-editor--item.h5 {
  font-weight: bold;
  font-size: 12px;
}

/* Hides inline text while maintaining
  screen reader accessibility */
.deskzen-editor--accessible-hidden-text {
  font: 0/0 serif;
  text-shadow: none;
  color: transparent;
  position: absolute;
}

.deskzen-editor--rich_text {
  margin: 0 0 0 60px;
}

.editor {
  position: relative;
}
.editor .zd-editor--rich-text-comment--resize-box {
  margin-bottom: -3px;
  max-width: 100%;
  position: relative;
  display: inline-block;
  line-height: 0;
}
.editor .zd-editor--rich-text-comment--resize-box img {
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none;
  user-select: none;
  outline: 1px dashed rgb(var(--green-400));
}
.editor .zd-editor--rich-text-comment--resize-box .zd-editor--dimensions-preview {
  padding: 2px;
  z-index: 1;
  position: absolute;
  bottom: -14px;
  right: 2px;
  font-size: 10px;
  font-weight: normal;
  font-style: normal;
  color: rgb(var(--grey-800));
  line-height: 1em;
  white-space: nowrap;
  background: var(--background-default);
}
.editor .zd-editor--rich-text-comment--resize-box .zd-editor--rich-text-comment--resize-handle {
  width: 6px;
  height: 6px;
  z-index: 2;
  position: absolute;
  bottom: -6px;
  right: -6px;
  cursor: nwse-resize;
  background-color: rgb(var(--green-400));
  border: 2px solid var(--background-default);
}

/* SVG Play */
.deskzen-editor--svg-container {
  position: absolute;
  height: 0px;
  width: 0px;
  visibility: hidden;
}

/* BEGIN ./app/assets/stylesheets/accessibility.scss */
/* Hides inline text while maintaining */
/* screen reader accessibility */
.accessible-hidden-text {
  font: 0/0 serif;
  text-shadow: none;
  color: transparent;
  position: absolute;
}

/*

  WHAT WAS THE VOLTRON OVERRIDE SECTION BEGINS HERE

*/

/* END ./app/assets/stylesheets/accessibility.scss */
/* BEGIN ./app/assets/stylesheets/areas/dialer_voltron.scss */
/* BEGIN ./app/assets/stylesheets/areas/call_console/_button.scss */
/* END ./app/assets/stylesheets/areas/call_console/_button.scss */
/* END ./app/assets/stylesheets/areas/dialer_voltron.scss */
/* BEGIN ./app/assets/stylesheets/areas/transfer_search_voltron.scss */
/* END ./app/assets/stylesheets/areas/transfer_search_voltron.scss */
.c-btn--voice {
  line-height: 30px;
  padding: 0px;
  font-size: 14px;
  border-color: transparent;
  border: 0px;
  color: var(--background-default);
}
.c-btn--voice:hover {
  color: var(--background-default); /* Prevent dark text hover from .c-btn:hover */
}
.c-btn--call {
  margin-top: 3px;
}
.c-btn--with-hold {
  width: 215px;
}
.c-btn--with-consultee {
  width: 100%;
}
.c-btn--with-transfer:not(.c-btn--with-consultee) {
  width: 182px;
  margin-right: 4px;
}
.c-btn--half {
  width: 49%;
}
.c-btn--voice-accept:not(.is-disabled) {
  background-color: var(--background-primaryEmphasis);
}
.c-btn--voice-decline:not(.is-disabled):not(.c-btn--voice-leave-call) {
  background-color: var(--background-dangerEmphasis);
}
.c-btn--voice-leave-call {
  margin-bottom: 5px;
  color: var(--foreground-danger);
  border: 1px solid var(--border-dangerEmphasis);
  background-color: var(--background-default);
}
.c-btn--voice-leave-call:hover {
  color: var(--foreground-danger);
}
.dialer {
  transform: translateX(-50%);
  margin-top: 48px;
  width: 270px;
  font-size: 13px;
  background: transparent;
  right: 10px;
}
html[data-rtl-language="true"] .dialer {
  left: 10px;
  right: auto;
}
.dialer .message {
  color: rgb(var(--grey-300));
  /* Grey-300 */
  margin: 15px 0px;
}
.dialer .notice {
  padding: 10px 25px 10px 26px;
  position: relative;
}
.dialer .notice:after {
  content: "";
  position: absolute;
  top: 10px;
  left: 0px;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
}
.dialer .notice.error {
  color: rgb(var(--red-600));
  font-weight: bold;
}
.dialer .notice.error:after {
  background-image: url(/agent/assets/icons/alerts/error-9edda0113d10e03df12a810e6322c91f.png);
}
.dialer .dropdown-menu {
  border-radius: 2px;
  border: 1px solid rgb(var(--grey-200));
  /* Grey-200 */
  box-shadow: var(--shadow-large);
}
html[data-rtl-language="true"] .dialer .dropdown-menu {
  left: 0;
  right: auto;
}
.dialer .dropdown-menu li a {
  font-size: 13px;
}
.dialer .dropdown-menu li a:hover {
  background: rgb(var(--grey-100));
  /* Grey-100 */
}
.dialer .buttons {
  float: left;
  opacity: 0.9;
  display: none;
  margin: 15px 0px;
  position: absolute;
}
.dialer .buttons.has-ticket {
  margin: 25px 0px;
}
.dialer #incoming-chats,
.dialer #no-calls {
  width: 270px;
  background-color: var(--background-default);
  text-align: center;
  float: left;
}
.dialer .wide {
  width: 250px;
  margin-left: 0;
}
.dialer .c-arrow--call-console:before,
.dialer .c-arrow--call-console:after {
  top: -0.35em;
  background-color: var(--background-default);
  box-shadow: -1px -1px 0px var(--border-subtle);
  /* Grey-200 */
}
.dialer .popover-inner {
  width: 270px;
  background: var(--background-default);
  box-shadow: var(--shadow-large);
  border: 1px solid var(--border-subtle);
  /* Grey-200 */
}
.dialer .item {
  height: 35px;
  float: left;
}
html[data-rtl-language="true"] .dialer .item {
  direction: rtl;
  float: right;
}
.dialer .dialer-title {
  float: left;
  margin-top: 10px;
  height: 15px;
  max-width: 104px;
  line-height: 15px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[data-rtl-language="true"] .dialer .dialer-title {
  float: right;
}
.dialer .blip {
  float: left;
  border-radius: 4px;
  background: var(--background-emphasis);
  height: 8px;
  width: 8px;
  margin: 3px 5px 0px 2px;
}
html[data-rtl-language="true"] .dialer .blip {
  float: right;
  margin: 3px 2px 0px 5px;
}
.dialer .blip.online,
.dialer .blip.available {
  background: var(--background-primaryEmphasis);
}
.dialer .logo-wrapper {
  width: 35px;
}
.dialer .dialer-logo {
  width: 17px;
  height: 17px;
  margin: 4px;
  padding: 3px;
}
.dialer .availability {
  font-size: 12px;
  height: 24px;
  margin-right: 10px;
  margin-top: 5px;
  float: right;
  max-width: 126px;
  min-width: 70px;
  background: rgb(var(--grey-100));
  /* Grey-100 */
  border-radius: 2px;
  border: 1px solid var(--background-default);
  color: var(--foreground-subtle);
  outline: none;
  border-right: none;
}
.dialer .availability.available {
  color: var(--foreground-primary);
}
.dialer .availability:hover.offline {
  color: var(--foreground-subtle);
}
.dialer .availability:hover.offline .blip {
  background: var(--background-emphasis);
}
.dialer .availability:hover.online {
  color: var(--foreground-primary);
}
.dialer .availability:hover.online .blip {
  background: var(--background-primaryEmphasis);
}
.dialer .availability:hover:focus,
.dialer .availability:hover:active {
  box-shadow: 0 0 3px var(--border-primaryEmphasis);
}
.dialer .availability .text {
  height: 13px;
  line-height: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 102px;
  text-align: left;
}
html[data-rtl-language="true"] .dialer .availability .text {
  text-align: right;
  float: right;
}
.dialer .split {
  float: right;
  margin-right: 10px;
}
html[data-rtl-language="true"] .dialer .split {
  float: left;
  margin-left: 10px;
  margin-right: 0;
}
.dialer .split .is-online {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  float: left;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  margin-right: 1px;
}
html[data-rtl-language="true"] .dialer .split .is-online {
  float: right;
  border-radius: 0 3px 3px 0;
  border-left: none;
}
.dialer .split .via {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  box-shadow: none;
  float: right;
  color: var(--foreground-subtle);
  background: rgb(var(--grey-100));
  /* Grey-100 */
  height: 24px;
  margin: 0;
  margin-top: 5px;
  padding: 2px 6px;
  border: 1px solid var(--background-default);
  border-left: none;
}
.dialer .split .via:focus,
.dialer .split .via:active {
  outline: none;
  box-shadow: 0 0 3px var(--border-primaryEmphasis) !important;
}
html[data-rtl-language="true"] .dialer .split .via {
  float: left;
  border-radius: 3px 0 0 3px;
  border-left: 1px solid var(--border-default);
  /* Grey-300 */
}
.dialer .split a {
  color: rgb(var(--grey-700));
}
.dialer .split a:hover {
  color: rgb(var(--grey-800)) !important;
}
.dialer .split .not-configured a {
  cursor: not-allowed;
}
.dialer .split .not-configured a span.not-configured {
  color: rgb(var(--grey-400));
  /* Grey-400 */
}
.dialer .split .browser,
.dialer .split .phone {
  display: inline-block;
  height: 12px;
  width: 12px;
  margin-bottom: -1px;
}
.dialer .split .menu .browser,
.dialer .split .menu .phone {
  height: 12px;
  width: 14px;
  margin-bottom: -2px;
  margin-left: -4px;
}
html[data-rtl-language="true"] .dialer .split .menu .browser ~ span,
html[data-rtl-language="true"] .dialer .split .menu .phone ~ span {
  padding-right: 5px;
}
.dialer #voice-section .btn {
  color: var(--background-default);
}
.dialer #voice-section #voice-header {
  width: 260px;
  padding: 0 10px;
}
.dialer #voice-section #voice-header.availability-header {
  height: 50px;
  box-sizing: border-box;
  float: none;
  width: 100%;
  border-bottom: 1px solid var(--border-subtle);
  padding: 8px;
}
.dialer #voice-section #calling-number .svg-dialout {
  display: block;
  width: 13px;
  height: 13px;
  float: left;
  margin: 12px 10px 0 10px;
}
html[data-rtl-language="true"] .dialer #voice-section #calling-number .svg-dialout {
  float: right;
  margin-left: 0;
  margin-right: 5px;
}
.dialer #voice-section .logo-wrapper.dialer-open .dialer-logo {
  color: rgb(var(--grey-300));
  /* Grey-300 */
}
.dialer #voice-section .logo-wrapper #outbound-logo {
  color: rgb(var(--grey-300));
  /* Grey-300 */
}
.dialer #voice-section .logo-wrapper #outbound-logo svg {
  vertical-align: middle;
}
.dialer #voice-section .logo-wrapper #outbound-logo.dialer-open {
  color: rgb(var(--grey-600));
}
.dialer #voice-section .logo-wrapper:hover #outbound-logo {
  color: rgb(var(--grey-600));
}
.dialer #voice-section .sheen {
  border-left: 1px solid var(--background-default);
  padding-bottom: 4px;
  cursor: pointer;
}
.dialer #voice-section #calling-number {
  width: 233px;
  padding-bottom: 4px;
  /* direction attribute ensures that numbers are displayed left-to-right,
       even when right-to-left language is being used */
}
.dialer #voice-section #calling-number #calling-number-select {
  direction: ltr;
  margin-top: 5px;
  float: left;
  width: 195px;
  border: none;
}
.dialer #voice-section #calling-number #calling-number-select .zd-selectmenu {
  background-color: transparent;
}
.dialer #voice-section #calling-number #calling-number-select .zd-selectmenu .zd-selectmenu-base {
  border: none;
  background-color: transparent;
  background-image: none;
  /* direction attribute ensures that numbers are displayed left-to-right,
             even when right-to-left language is being used */
}
.dialer #voice-section #calling-number #calling-number-select .zd-selectmenu .zd-selectmenu-base .brand {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: 100px;
  margin-bottom: -5px;
  color: rgb(var(--grey-800));
  /* Grey-800 */
}
.dialer
  #voice-section
  #calling-number
  #calling-number-select
  .zd-selectmenu
  .zd-selectmenu-base
  .zd-selectmenu-base-content {
  direction: ltr;
  font-size: 13px;
}
.dialer
  #voice-section
  #calling-number
  #calling-number-select
  .zd-selectmenu
  .zd-selectmenu-base
  .zd-selectmenu-base-content
  > div {
  font-size: 12px;
  color: rgb(var(--grey-600));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: -8px;
}
.dialer #voice-section #calling-number #calling-number-select .zd-selectmenu .zd-menu-item {
  text-align: left;
}
.dialer #voice-section #calling-number #calling-number-select .zd-state-focus .zd-selectmenu-base,
.dialer #voice-section #calling-number #calling-number-select .zd-state-focus .zd-searchmenu-base {
  border-color: var(--border-primaryEmphasis) !important;
  box-shadow: 0 0 3px var(--border-primaryEmphasis) !important;
}
.dialer #voice-section #calling-number .float {
  float: left;
  margin-top: 10px;
  margin-left: 10px;
}
.dialer #voice-section #console-messaging {
  background: var(--background-default);
  float: left;
  min-height: 39px;
  position: relative;
  width: 270px;
}
.dialer #voice-section #console-messaging .message {
  font-size: 12px;
  text-align: center;
  color: var(--foreground-warning);
  line-height: 20px;
  padding-top: 13px;
  padding-bottom: 13px;
  margin: 0;
}
.dialer #voice-section .call-console-indicator {
  padding: 5px 8px;
}
.dialer #voice-section .call-console-indicator .indicator {
  height: 12px;
  width: 12px;
  border-radius: 100%;
  text-align: center;
  vertical-align: top;
  background: var(--background-warningEmphasis);
  color: var(--background-default);
  margin-right: 8px;
  margin-top: 3px;
  font-size: 10px;
  display: inline-block;
}
.dialer #voice-section .call-console-indicator .call-console-text {
  display: inline-block;
  width: 90%;
  vertical-align: top;
  color: var(--foreground-subtle);
  letter-spacing: -0.2px;
}
.dialer #voice-section #no-calls {
  position: relative;
}
.dialer #voice-section .availability-state {
  height: 314px;
}
.dialer #voice-section .availability-state .message {
  font-size: 16px;
  color: rgb(var(--grey-600));
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}
.dialer #voice-section .availability-state .message svg {
  width: 50px;
  height: 50px;
  margin: 0 0 15px 0;
}
.dialer #voice-section .upper-console {
  height: 30px;
  margin: 10px 10px 0 10px;
  position: relative;
  text-align: center;
}
.dialer #voice-section .upper-console .toggle-mute {
  background-color: rgb(var(--grey-100));
  /* Grey-100 */
  border: none;
  border-radius: 3px;
  display: block;
  height: 30px;
  left: 0;
  position: absolute;
  top: 0;
  width: 30px;
  padding-top: 2px;
  padding-bottom: 7px;
}
html[data-rtl-language="true"] .dialer #voice-section .upper-console .toggle-mute {
  left: auto;
  right: 0;
}
.dialer #voice-section .upper-console .toggle-mute svg {
  vertical-align: middle;
}
.dialer #voice-section .upper-console .ticket {
  background: none;
  border: none;
  color: rgb(var(--grey-800));
  /* Grey-800 */
  opacity: 0.65;
  box-shadow: none;
  text-shadow: none;
  font-size: 13px;
}
.dialer #voice-section .upper-console .ticket .id {
  color: var(--foreground-primary);
}
.dialer #voice-section .upper-console .wait-message {
  line-height: 30px;
  opacity: 0.65;
  box-shadow: none;
  text-shadow: none;
  color: var(--foreground-primary);
}
.dialer #voice-section #call-console {
  float: left;
  width: 270px;
  text-align: center;
  background: var(--background-default);
  position: relative;
}
.dialer #voice-section #call-console .missed-call {
  margin-top: 5px;
}
.dialer #voice-section #call-console .missed-call span {
  display: block;
}
.dialer #voice-section #call-console .missed-call .reasonTitle {
  font-weight: 600;
}
.dialer #voice-section #call-console .action-bar {
  padding: 10px;
}
.dialer #voice-section #call-console .action-bar .forwarding-notice {
  background: rgb(var(--grey-100));
  border-radius: 3px;
  color: rgb(var(--grey-600));
  margin-bottom: 5px;
  padding: 5px;
  text-align: center;
}
.dialer #voice-section #call-console .action-bar .forwarding-notice span {
  display: block;
}
.dialer #voice-section #call-console .action-bar .transferActions .c-btn--full {
  margin-top: 4px;
}
.dialer #voice-section #call-console .action-bar .call-actions {
  float: right;
  border: 1px solid var(--border-subtle);
  /* Grey-200 */
  border-radius: 4px;
}
html[data-rtl-language="true"] .dialer #voice-section #call-console .action-bar .call-actions {
  float: left;
}
.dialer #voice-section #call-console .action-bar .call-actions button {
  background-color: rgb(var(--grey-200));
  /* Grey-200 */
  float: left;
  vertical-align: middle;
}
html[data-rtl-language="true"] .dialer #voice-section #call-console .action-bar .call-actions button {
  float: right;
}
.dialer #voice-section #call-console .action-bar .call-actions button:not(:first-child) {
  border-left: 1px solid var(--border-default);
  /* Grey-300 */
}
html[data-rtl-language="true"] .dialer #voice-section #call-console .action-bar .call-actions button:not(:first-child) {
  border-left: none;
  border-right: 1px solid var(--border-default);
  /* Grey-300 */
}
.dialer #voice-section #call-console .action-bar .call-actions button:disabled {
  cursor: default;
  opacity: 0.5;
}
.dialer #voice-section #call-console .action-bar .call-actions .hold,
.dialer #voice-section #call-console .action-bar .call-actions .transfer {
  height: 28px;
  width: 30px;
  background-color: var(--background-default);
  padding: 0;
}
.dialer #voice-section #call-console .action-bar .call-actions .hold svg,
.dialer #voice-section #call-console .action-bar .call-actions .transfer svg {
  vertical-align: baseline;
  color: rgb(var(--grey-700));
}
.dialer #voice-section #call-console .action-bar .call-actions .hold.active svg,
div.ticket_call_console .action-bar .buttons .hold-actions button.hold_button.active svg {
  color: var(--foreground-warning);
}
.dialer #voice-section #call-console .action-bar .call-actions .hold.holding {
  background-image: url(/agent/assets/icons/spinners/small_spinner-f57d905b62b713e3324c733d4493bf5c.gif);
  background-repeat: no-repeat;
  background-position: center;
}
.dialer #voice-section #call-console .action-bar .call-actions .hold.holding svg {
  display: none;
}
.dialer #voice-section #call-console .action-bar .call-actions .transfer {
  border-left: 1px solid var(--border-subtle);
  /* Grey-200 */
}
.dialer #voice-section #call-console .action-bar .call-actions .transfer .svg-transfer-button,
.dialer #voice-section #call-console .action-bar .call-actions .hold .svg-hold-button {
  position: relative;
  left: -1px;
  top: 2px;
}
.dialer #voice-section #call-console .action-bar .call-actions .transfer.active svg {
  color: rgb(var(--grey-300));
  /* Grey-300 */
}
.dialer #voice-section #call-console .action-bar .call-actions .transfer.active svg:hover {
  color: rgb(var(--grey-700));
}
.dialer #voice-section #call-console .action-bar .mute {
  box-shadow: none;
  border: none;
  text-indent: -9999px;
  width: 25px;
  height: 26px;
  padding: 0;
  margin: 0;
}
.dialer #voice-section #call-console .action-bar .mute-container {
  border-radius: 3px;
  width: 40px;
  float: right;
  background-color: rgb(var(--grey-800));
  padding: 1px 4px 1px 4px;
  border: 1px solid rgb(var(--grey-800));
  background-clip: padding-box;
}
.dialer #voice-section #call-console .full {
  background: none;
  border: none;
  color: rgb(var(--grey-800));
  /* Grey-800 */
}
.dialer #voice-section #call-console .agent-number {
  background-color: var(--background-default);
  padding: 10px 0 9px 10px;
  margin: 10px 11px 0px 11px;
  border-radius: 2px;
}
html[data-rtl-language="true"] .dialer #voice-section #call-console .agent-number {
  padding: 10px 10px 9px 0;
}
.dialer #voice-section #call-console .agent-number .group-name {
  font-size: 12px;
  color: var(--foreground-subtle);
}
html[data-rtl-language="true"] .dialer #voice-section #call-console .agent-number .number {
  direction: ltr;
}
.dialer #voice-section #call-console .agent-number .number.called-from svg {
  float: left;
}
html[data-rtl-language="true"] .dialer #voice-section #call-console .agent-number .number.called-from svg {
  float: right;
}
html[data-rtl-language="true"] .dialer #voice-section #call-console .agent-number .number.called-from {
  background-position: right -336px;
}
.dialer #voice-section #call-console .agent-number .number.received-at svg {
  float: left;
}
html[data-rtl-language="true"] .dialer #voice-section #call-console .agent-number .number.received-at svg {
  float: right;
}
html[data-rtl-language="true"] .dialer #voice-section #call-console .agent-number .number.received-at {
  background-position: right -0px top -296px;
}
.dialer #voice-section #call-console .agent-number .number .text {
  padding-left: 0;
  padding-right: 23px;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 75%;
}
html[data-rtl-language="true"] .dialer #voice-section #call-console .agent-number .number .text {
  padding-right: 0;
  padding-left: 23px;
}
.dialer #voice-section #call-console .agent-number .number .brand_name {
  color: rgb(var(--grey-800));
  /* Grey-800 */
  padding-left: 15px;
}
html[data-rtl-language="true"] .dialer #voice-section #call-console .agent-number .number .brand_name {
  float: right;
  padding-left: 3px;
  padding-right: 15px;
}
.dialer #voice-section #call-console .customer-number {
  font-size: 12px;
  color: rgb(var(--grey-600));
}
html[data-rtl-language="true"] .dialer #voice-section #call-console .customer-number {
  direction: ltr;
}
.dialer #voice-section #call-console .info {
  border-radius: 2px;
  background-color: var(--background-recessed);
  margin: 20px 11px 0px 11px;
  padding: 21px 10px 19px 10px;
}
.dialer #voice-section #call-console .info.transfer {
  background: transparent;
  margin-top: 0px;
  overflow: hidden;
  padding-top: 0px;
  text-align: left;
}
.dialer #voice-section #call-console .info.transfer .customer-info {
  margin: 10px 0 0 0;
  padding-top: 5px;
}
.dialer #voice-section #call-console .info.transfer .customer-number {
  padding-left: 60px;
}
.dialer #voice-section #call-console .info.transfer .requester {
  float: left;
}
.dialer #voice-section #call-console .info .customer-info {
  margin: 6px 0 0;
  font-size: 13px;
}
.dialer #voice-section #call-console .info .customer-info .caller-name,
.dialer #voice-section #call-console .info .customer-info .caller-organization {
  width: 100%;
  word-wrap: break-word;
  background: transparent;
  font-weight: 600;
  margin-top: 0;
  padding-bottom: 2px;
  padding-top: 0;
  font-size: 13px;
  color: rgb(var(--grey-800));
  /* Grey-800 */
}
.dialer #voice-section #call-console .info .customer-info .caller-name:hover,
.dialer #voice-section #call-console .info .customer-info .caller-organization:hover {
  color: rgb(var(--grey-600));
  /* Grey-600 */
}
.dialer #voice-section #call-console .info .customer-info .customer-wait-time {
  color: rgb(var(--grey-600));
  display: block;
}
.dialer #voice-section #call-console .info .location {
  padding-left: 10px;
  font-size: 11px;
}
.dialer #voice-section #call-console .info .requester {
  height: 50px;
  margin: 0 auto;
  position: relative;
  text-align: initial;
  width: 50px;
}
.dialer #voice-section #call-console .info .requester img {
  border: solid var(--border-emphasis) 1px;
  border-radius: 50%;
  position: absolute;
  text-align: auto;
  z-index: 1;
  height: 50px;
  width: 50px;
}
.dialer #voice-section #call-console .info .requester .holdOverlay {
  background-image: url(/agent/assets/channels/dialer_pause_overlay-d3fe3d9dca23a9cda107b3843a689ebe.png);
  background-repeat: no-repeat;
  background-position: center;
  border: solid var(--border-emphasis) 1px;
  border-radius: 50%;
  display: none;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.dialer #voice-section #call-console .info .requester .holdOverlay.visible {
  display: block;
}
.dialer #voice-section #voice-dialer {
  width: 270px;
}
.dialer #voice-section #voice-dialer #dialer-inner {
  padding: 5px;
  position: relative;
  width: 260px;
  float: left;
  background-color: var(--background-default);
}
.dialer #voice-section #voice-dialer #dialer-inner #dialed-number-wrapper {
  width: 255px;
  height: 30px;
  background-color: var(--background-default);
  float: left;
  margin-bottom: 4px;
  margin-top: 2px;
  border: 1px solid rgb(var(--grey-100));
  /* Grey-100 */
  border-radius: 0;
}
.dialer #voice-section #voice-dialer #dialer-inner #dialed-number-wrapper:focus,
.dialer #voice-section #voice-dialer #dialer-inner #dialed-number-wrapper:active,
.dialer #voice-section #voice-dialer #dialer-inner #dialed-number-wrapper.focused {
  box-shadow: 0 0 3px 0 var(--border-primaryEmphasis) !important;
  outline: none !important;
}
.dialer #voice-section #voice-dialer #dialer-inner #dialed-number-wrapper #country-select {
  width: 45px;
  text-align: left;
  float: left;
  height: 30px;
}
.dialer #voice-section #voice-dialer #dialer-inner #dialed-number-wrapper #country-select .zd-selectmenu-base {
  margin: 0px;
  height: 30px;
  border: none;
  background: var(--background-default);
  box-shadow: none;
}
.dialer #voice-section #voice-dialer #dialer-inner #dialed-number-wrapper #country-select .zd-selectmenu-base:focus,
.dialer #voice-section #voice-dialer #dialer-inner #dialed-number-wrapper #country-select .zd-selectmenu-base.focused,
.dialer #voice-section #voice-dialer #dialer-inner #dialed-number-wrapper #country-select .zd-selectmenu-base :active,
.dialer
  #voice-section
  #voice-dialer
  #dialer-inner
  #dialed-number-wrapper
  #country-select
  .zd-selectmenu-base.zd-state-focus {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}
.dialer #voice-section #voice-dialer #dialer-inner #dialed-number-wrapper #dialed-number {
  border: none;
  float: left;
  height: 23px;
  box-shadow: none;
  width: 200px;
  padding-top: 12.5px;
  -webkit-appearance: searchfield !important;
  appearance: searchfield !important;
}
.dialer #voice-section #voice-dialer #dialer-inner #dialed-number-wrapper #dialed-number:focus,
.dialer #voice-section #voice-dialer #dialer-inner #dialed-number-wrapper #dialed-number .focused,
.dialer #voice-section #voice-dialer #dialer-inner #dialed-number-wrapper #dialed-number :active {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0;
}
.dialer #voice-section #voice-dialer #dialer-inner #dialed-number-wrapper #dialed-number::-webkit-search-decoration {
  -webkit-appearance: searchfield-decoration !important;
}
.dialer #voice-section #voice-dialer #dialer-inner #dialed-number-wrapper #dialed-number::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button !important;
}
html[data-rtl-language="true"]
  .dialer
  #voice-section
  #voice-dialer
  #dialer-inner
  #dialed-number-wrapper
  #dialed-number {
  direction: ltr;
  text-align: right;
}
.dialer #voice-section #voice-dialer #dialer-inner #autocomplete-user {
  background: var(--background-default);
  border: 1px solid rgb(var(--grey-100));
  /* Grey-100 */
  border-bottom: none;
  position: absolute;
  top: 39px;
  width: 255px;
  z-index: 1000;
}
.dialer #voice-section #voice-dialer #dialer-inner #autocomplete-user > ul {
  margin: 0;
  max-height: 278px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
}
.dialer #voice-section #voice-dialer #dialer-inner #autocomplete-user > ul li {
  overflow: hidden;
  position: relative;
  padding: 6px 8px;
}
.dialer #voice-section #voice-dialer #dialer-inner #autocomplete-user > ul li:hover,
.dialer #voice-section #voice-dialer #dialer-inner #autocomplete-user > ul li.hover {
  cursor: pointer;
}
.dialer #voice-section #voice-dialer #dialer-inner #autocomplete-user > ul li figure {
  margin-right: 10px;
}
.dialer #voice-section #voice-dialer #dialer-inner #autocomplete-user > ul li img {
  float: left;
}
html[data-rtl-language="true"] .dialer #voice-section #voice-dialer #dialer-inner #autocomplete-user > ul li img {
  float: right;
  margin-right: 0;
  margin-left: 10px;
}
.dialer #voice-section #voice-dialer #dialer-inner #autocomplete-user > ul li div {
  float: left;
  overflow: hidden;
}
html[data-rtl-language="true"] .dialer #voice-section #voice-dialer #dialer-inner #autocomplete-user > ul li div {
  float: right;
}
.dialer #voice-section #voice-dialer #dialer-inner #autocomplete-user > ul li .name {
  display: block;
  line-height: 16px;
  width: 170px;
  color: rgb(var(--grey-800));
  font-size: 13px;
}
html[data-rtl-language="true"] .dialer #voice-section #voice-dialer #dialer-inner #autocomplete-user > ul li .name {
  direction: ltr;
}
.dialer #voice-section #voice-dialer #dialer-inner #autocomplete-user > ul li .number {
  display: block;
  line-height: 16px;
  font-size: 12px;
}
html[data-rtl-language="true"] .dialer #voice-section #voice-dialer #dialer-inner #autocomplete-user > ul li .number {
  direction: ltr;
}
.dialer #voice-section #voice-dialer #dialer-inner #autocomplete-user > ul ul.phone-numbers {
  margin-left: 0;
}
.dialer #voice-section #voice-dialer #dialer-inner #autocomplete-user > ul ul.phone-numbers li {
  border-bottom: 0;
}
.dialer #voice-section #voice-dialer #dialer-inner #autocomplete-user > ul ul.phone-numbers li:hover,
.dialer #voice-section #voice-dialer #dialer-inner #autocomplete-user > ul ul.phone-numbers li.hover {
  cursor: pointer;
}
.dialer #voice-section #voice-dialer #dialer-inner #autocomplete-user > ul ul.phone-numbers li:hover span,
.dialer #voice-section #voice-dialer #dialer-inner #autocomplete-user > ul ul.phone-numbers li.hover span {
  color: var(--foreground-primary);
}
.dialer #voice-section #voice-dialer #dialer-inner #dialer-keypad {
  float: left;
  width: 258px;
  margin-top: 5px;
  background: transparent;
}
.dialer #voice-section #voice-dialer #dialer-inner #dialer-keypad .keypad-button {
  float: left;
  width: 84px;
  background-color: transparent;
  border: 1px solid var(--background-default);
  text-align: center;
  padding: 9px 0px;
  user-select: none;
  cursor: pointer;
}
.dialer #voice-section #voice-dialer #dialer-inner #dialer-keypad .keypad-button:hover {
  border: 1px solid rgb(var(--grey-400));
  /* Grey-400 */
  background: rgb(var(--grey-100));
  /* Grey-100 */
  border: 1px solid var(--background-default);
}
.dialer #voice-section #voice-dialer #dialer-inner #dialer-keypad .keypad-button:active,
.dialer #voice-section #voice-dialer #dialer-inner #dialer-keypad .keypad-button.keypad-button-pressed {
  border: 1px solid var(--border-default);
  /* Grey-300 */
  background: rgb(var(--grey-100));
  /* Grey-100 */
}
.dialer #voice-section #voice-dialer #dialer-inner #dialer-keypad .keypad-button .number {
  display: block;
  line-height: 20px;
  width: 80px;
  font-weight: 300;
  font-size: 26px;
  color: rgb(var(--grey-800));
  /* Grey-800 */
}
.dialer #voice-section #voice-dialer #dialer-inner #dialer-keypad .keypad-button .letters {
  display: block;
  float: left;
  width: 80px;
  margin-top: 6px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.9px;
  color: var(--foreground-subtle);
  line-height: 1.1;
}
.dialer #voice-section #voice-dialer #dialer-inner .autocomplete-summary {
  z-index: 1000;
  cursor: pointer;
  padding: 10px;
  text-align: center;
}
.dialer #voice-section .transfer-messaging-view {
  background-color: var(--background-default);
  float: left;
  width: 270px;
  margin-bottom: 5px;
}
.dialer #voice-section .transfer-messaging-view .content {
  padding: 15px;
  text-align: center;
}
.dialer #voice-section .transfer-messaging-view.consultation .actions {
  margin: 10px 0;
  overflow: hidden;
  padding: 0 10px;
}
.dialer #voice-section .transfer-messaging-view.consultation .actions .transfer {
  margin: 0 0 0 6px;
}
.dialer #voice-section .transfer-messaging-view.consultation .actions .remove {
  margin: 0;
}
.dialer #voice-section .transfer-messaging-view.transferring .svg-transfer,
.dialer #voice-section .transfer-messaging-view.transferring .svg-transfer-failed,
.dialer #voice-section .transfer-messaging-view.success .svg-transfer,
.dialer #voice-section .transfer-messaging-view.success .svg-transfer-failed,
.dialer #voice-section .transfer-messaging-view.failed .svg-transfer,
.dialer #voice-section .transfer-messaging-view.failed .svg-transfer-failed {
  margin: 28px auto 19px auto;
  width: 80px;
}
.dialer #voice-section .transfer-messaging-view.transferring .c-btn--transfer-failed,
.dialer #voice-section .transfer-messaging-view.success .c-btn--transfer-failed,
.dialer #voice-section .transfer-messaging-view.failed .c-btn--transfer-failed {
  width: 113px;
  height: 24px;
  line-height: 24px;
}
.dialer #voice-section .transfer-messaging-view.transferring.failed,
.dialer #voice-section .transfer-messaging-view.success.failed,
.dialer #voice-section .transfer-messaging-view.failed.failed {
  padding-bottom: 38px;
}
.dialer #voice-section .transfer-messaging-view.transferring .message,
.dialer #voice-section .transfer-messaging-view.success .message,
.dialer #voice-section .transfer-messaging-view.failed .message {
  color: rgb(var(--grey-800));
  /* Grey-800 */
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  width: 184px;
  margin-left: auto;
  margin-right: auto;
}
.dialer #voice-section .transfer-messaging-view.transferring .message .svg-success svg,
.dialer #voice-section .transfer-messaging-view.success .message .svg-success svg,
.dialer #voice-section .transfer-messaging-view.failed .message .svg-success svg {
  height: 50px;
}
.dialer #voice-section .transfer-messaging-view.transferring .message.failure,
.dialer #voice-section .transfer-messaging-view.success .message.failure,
.dialer #voice-section .transfer-messaging-view.failed .message.failure {
  color: rgb(var(--red-600));
  display: block;
  margin-bottom: 5px;
}
.dialer #voice-section .transfer-messaging-view.transferring.transferring .content,
.dialer #voice-section .transfer-messaging-view.transferring.success .content,
.dialer #voice-section .transfer-messaging-view.success.transferring .content,
.dialer #voice-section .transfer-messaging-view.success.success .content,
.dialer #voice-section .transfer-messaging-view.failed.transferring .content,
.dialer #voice-section .transfer-messaging-view.failed.success .content {
  height: 250px;
  box-sizing: border-box;
}
.dialer #voice-section .transfer-messaging-view.transferring.success svg,
.dialer #voice-section .transfer-messaging-view.success.success svg,
.dialer #voice-section .transfer-messaging-view.failed.success svg {
  margin-top: 20px;
}
.dialer #voice-section .transfer-messaging-view.transferring.success svg circle,
.dialer #voice-section .transfer-messaging-view.success.success svg circle,
.dialer #voice-section .transfer-messaging-view.failed.success svg circle {
  color: var(--background-subtle);
}
.dialer #voice-section .transfer-messaging-view.transferring.success svg polygon,
.dialer #voice-section .transfer-messaging-view.success.success svg polygon,
.dialer #voice-section .transfer-messaging-view.failed.success svg polygon {
  color: var(--background-primaryEmphasis);
}
.dialer #voice-section .transfer-messaging-view.transferring .dots,
.dialer #voice-section .transfer-messaging-view.success .dots,
.dialer #voice-section .transfer-messaging-view.failed .dots {
  background: url(/agent/assets/icons/spinners/dotted_bar_blue-36779fbaacab310f5c530d29e34d4266.gif) no-repeat;
  height: 10px;
  margin: 31px auto;
  width: 30px;
}
.dialer #voice-section #transfer-success-view {
  float: left;
  text-align: center;
}
.dialer #voice-section #transfer-success-view span {
  display: block;
  padding: 40px 20px;
}
.dialer #voice-section .call-console-user-info {
  text-align: left;
  overflow: hidden;
  background: var(--background-recessed);
  margin: 5px 10px;
  padding: 10px 15px;
  color: rgb(var(--grey-800));
  /* Grey-800 */
}
.dialer #voice-section .call-console-user-info:first-child {
  margin-top: 15px;
}
html[data-rtl-language="true"] .dialer #voice-section .call-console-user-info {
  text-align: right;
}
.dialer #voice-section .call-console-user-info .image {
  float: left;
  margin-right: 10px;
  position: relative;
  height: 40px;
  width: 40px;
}
.dialer #voice-section .call-console-user-info .image .holdOverlay.bordered,
.dialer #voice-section .call-console-user-info .image .grayOverlay::after {
  border: 1px solid;
  border-radius: 50%;
  top: -1px;
  left: -1px;
}
html[data-rtl-language="true"] .dialer #voice-section .call-console-user-info .image {
  float: right;
  margin-left: 10px;
  margin-right: 0;
}
.dialer #voice-section .call-console-user-info .image img {
  background-color: rgb(var(--grey-300));
  /* Grey-300 */
  border-radius: 50%;
  position: absolute;
  z-index: 1;
}
.dialer #voice-section .call-console-user-info .image .holdOverlay {
  background-image: url(/agent/assets/channels/dialer_pause_overlay-d3fe3d9dca23a9cda107b3843a689ebe.png);
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  display: none;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.dialer #voice-section .call-console-user-info .image .holdOverlay.visible {
  display: block;
}
.dialer #voice-section .call-console-user-info .image .holdOverlay.bordered {
  border-color: transparent;
}
.dialer #voice-section .call-console-user-info .image .grayOverlay {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  display: none;
  z-index: 2;
  border-radius: 50%;
}
.dialer #voice-section .call-console-user-info .image .grayOverlay.visible {
  display: block;
}
.dialer #voice-section .call-console-user-info .image .grayOverlay::after {
  content: "";
  background: url(/agent/assets/icons/spinners/dotted_bar_blue-36779fbaacab310f5c530d29e34d4266.gif) center center
    no-repeat;
  background-color: var(--background-recessed);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 3;
  border-color: var(--border-subtle);
  /* Grey-200 */
}
.dialer #voice-section .call-console-user-info .details {
  height: 40px;
  line-height: 17px;
  margin: 0;
}
.dialer #voice-section .call-console-user-info .details .name {
  background: transparent;
  font-weight: 600;
  padding: 0;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  width: 170px;
  white-space: nowrap;
}
html[data-rtl-language="true"] .dialer #voice-section .call-console-user-info .details .name {
  text-align: right;
}
.dialer #voice-section .call-console-user-info .details .number {
  color: rgb(var(--grey-600));
  font-size: 12px;
}
html[data-rtl-language="true"] .dialer #voice-section .call-console-user-info .details .number {
  direction: ltr;
  text-align: right;
}
.dialer #chat-section {
  float: left;
  border-top: 1px solid var(--border-subtle);
  /* Grey-200 */
}
.dialer #chat-section #chat-header {
  width: 260px;
  padding-left: 10px;
}
.dialer #chat-section #chat-status {
  width: 270px;
  float: left;
}
.dialer #chat-section #chat-status .indicator {
  width: 15px;
  height: 15px;
  margin: 5px 5px 0 10px;
  top: 3px;
  left: 3px;
  display: inline-block;
  position: relative;
}
.dialer #chat-section #chat-status .message {
  color: var(--foreground-danger);
  background: rgb(var(--yellow-100));
  line-height: 36px;
  margin: 0;
  padding: 0;
}
.dialer #chat-section .chat_summary {
  text-align: left;
  position: relative;
  left: auto !important;
}
.dialer #chat-section .chat_summary .invites {
  background: var(--background-default);
  border-radius: 4px;
}
.dialer #chat-section .chat_summary .invites .invite {
  padding: 10px 5px;
  font-size: 11px;
  border-bottom: 1px solid var(--border-subtle);
  /* Grey-200 */
}
.dialer #chat-section .chat_summary .invites .invite .chat-subject {
  float: left;
  width: 100%;
  height: 25px;
  font-weight: 600;
  color: rgb(var(--grey-800));
  /* Grey-800 */
  margin-top: 5px;
}
.dialer #chat-section .chat_summary .invites .invite .controls {
  width: 100% !important;
}
.dialer #chat-section .chat_summary .invites .invite .controls .info {
  float: left;
  width: 100%;
  text-align: left;
}
.dialer #chat-section .chat_summary .invites .invite .controls .info span {
  background: no-repeat left center;
}
.dialer #chat-section .chat_summary .invites .invite .controls .info .organization {
  font-style: italic;
}
.dialer #chat-section .chat_summary .invites .invite .controls .info .time {
  float: right;
  color: var(--foreground-success);
}
.dialer #chat-section .availability .text {
  max-width: 96px;
}
.country-select-menu .zd-menu-root {
  width: 250px !important;
  max-height: 400px;
  border: 1px solid var(--border-subtle);
  border-radius: 2px;
  box-shadow: var(--shadow-large);
}
.country-select-menu .zd-menu-root li.zd-item-focus {
  background: var(--background-subtle);
}
.country-select-menu .zd-menu-root li a {
  font-size: 13px;
  color: var(--foreground-default);
}
.phone-number-select-menu .zd-menu-item a {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.phone-number-select-menu .zd-menu-item.zd-item-focus {
  background-color: var(--background-subtle);
}
.phone-number-select-menu .zd-menu-root {
  padding: 4px 0px;
  margin: 1px -3px 0px;
  list-style: none;
  background-color: var(--background-default);
  border: 1px solid var(--border-subtle);
  border-radius: 2px;
  box-shadow: var(--shadow-large);
  background-clip: padding-box;
}
html[data-rtl-language="true"]
  .phone-number-select-menu
  .zd-menu-root
  .zd-menu-autofit-mode
  .zd-menu-list-holder
  .zd-menu-item
  a
  strong
  ~ div {
  direction: ltr;
  text-align: right;
}
.phone-number-select-menu .zd-menu-item {
  font-size: 12px;
}
.phone-number-select-menu .zd-menu-item a > div {
  margin: 6px 7px 9px;
}
.phone-number-select-menu .zd-menu-item > a,
.brand-tooltip .tooltip-inner > div {
  text-align: left;
  line-height: 13px;
  min-width: 160px;
  font-size: 13px;
}
.phone-number-select-menu .zd-menu-item > a {
  color: var(--foreground-default) !important;
}
.phone-number-select-menu .zd-menu-item > a:hover {
  color: var(--foreground-default) !important;
}
.phone-number-select-menu .zd-menu-item > a .brand,
.brand-tooltip .tooltip-inner > div .brand {
  display: block;
  padding-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 120px;
  display: inline-block;
}
.phone-number-select-menu .zd-menu-item > a img,
.brand-tooltip .tooltip-inner > div img {
  float: left;
  margin-right: 8px;
  border-radius: 4px;
  width: 36px;
}
html[data-rtl-language="true"] .phone-number-select-menu .zd-menu-item > a {
  direction: ltr;
  text-align: right;
}
.brand-tooltip .tooltip-inner > div {
  margin: 10px auto 12px auto;
}
.autocomplete-results-tooltip .tooltip-inner {
  background-color: rgb(var(--grey-100));
  /* Grey-100 */
  color: rgb(var(--grey-800));
  /* Grey-800 */
  border: 1px solid var(--border-subtle);
  box-shadow: var(--shadow-large);
  padding: 5px;
  line-height: 1.1em;
}
.autocomplete-results-tooltip.tooltip.top .tooltip-arrow {
  border-top-color: rgb(var(--grey-100));
  /* Grey-100 */
  bottom: 1px;
}
html[data-rtl-language="true"] .voice_webrtc_settings_modal {
  direction: rtl;
}
.voice_webrtc_settings_modal .message {
  line-height: 25px;
  margin-bottom: 10px;
}
.voice_webrtc_settings_modal .message .icon {
  display: inline-block;
  margin-right: 10px;
  height: 25px;
  width: 25px;
}
html[data-rtl-language="true"] .voice_webrtc_settings_modal .message .icon {
  float: right;
  margin-left: 10px;
  margin-right: 0;
}
.countdown-timer {
  margin-top: 17px;
}
.countdown-timer .countdown-label {
  display: block;
  font-weight: 600;
}
.countdown-timer .countdown-secs {
  display: block;
  color: rgb(var(--grey-600));
  font-size: 14px;
  font-weight: 500;
}
.countdown-timer .countdown-secs.red,
.countdown-timer .countdown-secs.red .seconds {
  color: var(--foreground-danger);
  font-weight: 600;
}
.countdown-timer .countdown-secs .seconds {
  color: var(--foreground-primary);
}
.c-transfer-input {
  width: 85%;
  border: 1px solid var(--border-default);
  /* Grey-300 */
  padding-left: 30px;
  box-sizing: content-box;
  -webkit-appearance: searchfield !important;
  appearance: searchfield !important;
  background-image: url(/agent/assets/sprites/globals/icon_search-04252e3c014c82901c818b5dc95f2561.png);
  background-repeat: no-repeat;
  background-position: 5px 50%;
}
.c-transfer-input:active,
.c-transfer-input:focus {
  outline: none;
  box-shadow: 0 0 3px 0 var(--border-primaryEmphasis) !important;
}
.c-transfer-input::-webkit-search-decoration {
  -webkit-appearance: searchfield-decoration !important;
}
.c-transfer-input::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button !important;
}
.c-menu--call-console {
  z-index: 999;
  max-height: 275px;
  overflow-y: auto;
  width: 95%;
  padding: 10px 0;
}
.c-menu--call-console .c-menu__heading {
  font-size: 12px;
  color: rgb(var(--grey-600));
  padding: 6px 10px 3px 10px;
}
.c-menu--call-console .c-menu__item {
  font-size: 13px;
  font-weight: 600;
  color: var(--foreground-default);
  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen-Sans,
    Ubuntu,
    Cantarell,
    "Helvetica Neue",
    Arial,
    sans-serif;
  padding: 6px 10px;
  margin: 0;
}
.c-menu--call-console .c-menu__item.selectable-phone-number:hover,
.c-menu--call-console .c-menu__item.selectable-phone-number.hover {
  cursor: pointer;
}
.c-menu--call-console .c-menu__item:not(.selectable-phone-number):hover,
.c-menu--call-console .c-menu__item:not(.selectable-phone-number).hover {
  cursor: default;
}
.c-menu--call-console .c-menu__item:first-child,
.c-menu--call-console .c-menu__item:last-child {
  margin: 0;
}
.c-menu--call-console .c-menu__item__info {
  font-size: 12px;
  font-weight: 400;
  color: rgb(var(--grey-600));
}
.c-menu--call-console .c-menu__item__text:not(.c-menu--call-console .c-menu__item.external-number),
.c-menu--call-console .c-menu__item__info,
.c-menu--call-console .c-menu__item__icon {
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 40%;
  display: inline-block;
  vertical-align: middle;
}
.c-menu--call-console .c-menu__item__text {
  max-width: 60%;
}
.c-menu--call-console .c-menu__item__icon {
  color: rgb(var(--grey-700));
  display: none;
}
.c-menu--call-console .c-menu__item .phone-numbers {
  width: 100%;
}
.c-menu--call-console .c-menu__item .phone-numbers .c-menu__item__info {
  display: inline-block;
}
.c-menu--call-console .c-menu__item .phone-numbers .c-menu__item__icon {
  display: inline-block;
  visibility: hidden;
}
.c-menu--call-console .c-menu__item .phone-numbers > li {
  min-height: 18px;
}
.c-menu--call-console .c-menu__item .phone-numbers > li div {
  clear: both;
  text-align: right;
  width: 100%;
}
.c-menu--call-console .c-menu__item .phone-numbers > li:hover,
.c-menu--call-console .c-menu__item .phone-numbers > li.hover,
.c-menu--call-console .c-menu__item .phone-numbers > li.selected {
  cursor: pointer;
}
.c-menu--call-console .c-menu__item .phone-numbers > li:hover .c-menu__item__icon,
.c-menu--call-console .c-menu__item .phone-numbers > li.hover .c-menu__item__icon,
.c-menu--call-console .c-menu__item .phone-numbers > li.selected .c-menu__item__icon {
  display: inline-block;
  visibility: visible;
}
.c-menu--call-console .c-menu__item .phone-numbers > li:last-of-type {
  border-bottom: 0;
}
.c-menu--call-console .c-menu__item--selected.c-menu__item--offline,
.c-menu--call-console .c-menu__item--offline:hover {
  background-color: rgb(var(--grey-100));
  /* Grey-100 */
}
.c-menu--call-console .c-menu__item--offline {
  color: rgb(var(--grey-400));
}
.c-menu--call-console .c-menu__item--selected.c-menu__item--online,
.c-menu--call-console .c-menu__item--online:hover {
  background: var(--background-default) de0;
}
.c-menu--call-console .c-menu__item--selected.c-menu__item--online > a > .c-menu__item__info,
.c-menu--call-console .c-menu__item--online:hover > a > .c-menu__item__info {
  display: none;
}
.c-menu--call-console .c-menu__item--selected.c-menu__item--online > a > .c-menu__item__icon,
.c-menu--call-console .c-menu__item--online:hover > a > .c-menu__item__icon {
  display: inline-block;
}
.c-menu--call-console .c-menu__item__flag {
  margin-right: 0;
}
.agent-availability {
  border-radius: 5px;
  background: rgb(var(--grey-500));
  /* Grey-300 */
  height: 10px;
  position: absolute;
  right: 10px;
  top: 9px;
  width: 10px;
}
.agent-availability.available {
  background: var(--background-successEmphasis);
}
.agent-availability.online {
  background: var(--background-successEmphasis);
}
.agent-availability.away {
  background: var(--background-warningEmphasis);
}
.agent-availability.on_call {
  background: var(--background-warningEmphasis);
}
.agent-availability.wrap_up {
  background: var(--background-warningEmphasis);
}

#call_console_agent_states_tutorial.chariot-tooltip {
  width: 480px;
}

/* END ./app/assets/stylesheets/elements.scss */