*,
*:before,
*:after {
  box-sizing: border-box;
  font-family: inherit;
}
html,
body,
div,
span iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
img,
ol,
ul,
li,
fieldset,
form,
label,
legend,
article,
aside,
canvas,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
html {
  overflow: hidden;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input:focus,
a:focus {
  outline: none;
}
input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px #fff inset;
}
input[type="search"] {
  -webkit-appearance: textfield;
}
input[type=email]:invalid,
input[type=number]:invalid {
  box-shadow: none;
}
textarea {
  resize: none;
}
.hf-sentry-error-embed .hf-form-content {
  position: inherit;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
body {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: auto;
  font-family: "Myriad Pro Regular", sans-serif;
  font-size: 13px;
  color: #333;
}
body.hf-is-transitioning * {
  cursor: wait!important;
}
body > .ember-view {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  min-width: 1280px;
}
.hf-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #c8cbce;
}
.hf-error-state-message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 35%;
  text-align: center;
}
.hf-empty-state-message {
  margin-top: 120px;
  text-align: center;
}
.hf-empty-state-message_header,
.hf-error-state-message_header {
  margin: 10px 0;
  font-size: 25px;
  letter-spacing: -0.3px;
  color: #666;
}
.hf-empty-state-message_content,
.hf-error-state-message_content {
  margin-bottom: 10px;
  color: #9e9a9a;
}
.hf-outlet-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.hf-outlet-container > .liquid-child {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.hf-outlet-container.hf-mod-details {
  z-index: 1;
}
#download-attachment {
  display: none;
}
#ember-testing-container {
  height: 720px !important;
}
@font-face {
  font-family: "Myriad Pro Regular";
  src: url(fonts/myriadpro-regular-webfont-webfont.ttf), url(fonts/myriadpro-regular-webfont-webfont.hf-eot);
}
@font-face {
  font-family: "Myriad Pro Light";
  src: url(fonts/myriadpro-light-webfont-webfont.ttf), url(fonts/myriadpro-light-webfont-webfont.hf-eot);
}
@font-face {
  font-family: "Myriad Pro Semi Bold";
  src: url(fonts/myriadpro-semibold_opentype-webfont-webfont.ttf), url(fonts/myriadpro-semibold_opentype-webfont-webfont.hf-eot);
}
@font-face {
  font-family: "Myriad Pro Italic";
  src: url(fonts/myriadpro-italic_opentype-webfont-webfont.ttf);
}
@font-face {
  font-family: "Open Sans Regular";
  src: url(fonts/OpenSans-Regular-webfont.ttf), url(fonts/OpenSans-Regular-webfont.eot);
}
@font-face {
  font-family: "Open Sans Light";
  src: url(fonts/OpenSans-Light-webfont.ttf), url(fonts/OpenSans-Light-webfont.eot);
}
@font-face {
  font-family: "Open Sans semibold";
  src: url(fonts/OpenSans-Semibold-webfont.ttf), url(fonts/OpenSans-Semibold-webfont.eot);
}
.hf-font-regular {
  font-family: "Myriad Pro Regular", sans-serif;
}
.hf-font-light {
  font-family: "Myriad Pro Light", sans-serif;
}
.hf-font-semi-bold {
  font-family: "Myriad Pro Semi Bold", sans-serif;
}
.hf-font-italic {
  font-family: "Myriad Pro Italic", sans-serif;
}
.hf-reply-button-text {
  font-size: 14px;
  color: #889fe0;
  cursor: pointer;
}
body {
  background: #c8cbce;
}
h1 {
  font-family: "Myriad Pro Light", sans-serif;
  font-size: 24px;
  color: #2a2f2f;
}
h2 {
  font-size: 16px;
  color: #2f3433;
}
h3 {
  font-family: "Myriad Pro Light", sans-serif;
  font-size: 16px;
  color: #666;
}
h4 {
  font-size: 14px;
  font-family: "Myriad Pro Semi Bold", sans-serif;
}
p {
  line-height: 18px;
  letter-spacing: 0.2px;
}
.hf-label {
  color: #666;
}
.hf-label.hf-is-compulsory:after {
  content: '*';
}
.hf-label-help-text {
  margin-left: 3px;
  font-size: 11px;
  font-family: "Myriad Pro Light", sans-serif;
  letter-spacing: 0.2px;
}
.hf-checkbox-label {
  color: #666;
  margin: 0 20px 10px 0;
  display: inline-block;
}
.hf-label-container {
  width: 80px;
  margin-top: 9px;
  margin-right: 10px;
}
button,
.hf-button {
  margin-right: 5px;
  background: #fff;
  padding: 5px 9px;
  border-radius: 5px;
  border: 1px solid #d4d4d4;
  cursor: pointer;
  font-size: 13px;
}
button:hover,
.hf-button:hover,
button:focus,
.hf-button:focus {
  background-color: #f4f4f4;
}
button:disabled,
.hf-button:disabled {
  cursor: not-allowed;
  opacity: 0.6;
  color: rgba(255, 255, 255, 0.6);
}
button:disabled:hover,
.hf-button:disabled:hover {
  background: #fff;
}
button:focus,
.hf-button:focus {
  outline: 0;
}
button:not(.hf-primary-action):disabled {
  color: #333;
}
button.hf-mod-mini {
  padding: 3px 5px;
}
button.hf-mod-create {
  margin-left: 10px;
  vertical-align: middle;
  background: #f7fafa;
  border: 1px solid #b3b3b3;
  border-radius: 3px;
}
button.hf-mod-create:hover {
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}
button.hf-mod-create:disabled:hover {
  box-shadow: none;
}
button.hf-mod-no-margin-right {
  margin-right: 0;
}
button.hf-primary-action {
  border: 0;
  padding: 6px 11px;
  background: #2185d0;
  color: #fff;
}
button.hf-primary-action:hover,
button.hf-primary-action:focus {
  background: #1e78bd;
}
button.hf-primary-action:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #1e78bd;
}
button.hf-primary-action:active {
  background: #156eb3;
}
button.hf-primary-action:disabled:hover {
  background: #2185d0;
}
button.hf-primary-action.hf-mod-dark-background {
  font-family: "Myriad Pro Semi Bold", sans-serif;
}
button.hf-primary-action.hf-mod-white-background {
  background: #fff;
  color: #000;
}
button.hf-primary-action.hf-mod-delete {
  background: #f43434;
}
button.hf-primary-action.hf-mod-delete:hover,
button.hf-primary-action.hf-mod-delete:focus {
  background: #e12f2f;
}
@-moz-document url-prefix() {
  button.hf-primary-action {
    padding: 5.7px 10.5px;
  }
}
button.hf-primary-action:focus + .hf-mod-button-dropdown {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #1e78bd;
  border-left: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
a,
.hf-tab {
  color: #859492;
  text-decoration: none;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s;
}
.hf-tab {
  position: relative;
  display: inline-block;
  margin-right: 30px;
}
a.hf-secondary-action {
  color: #5a6362;
}
a.hf-secondary-action.hf-mod-dark-background {
  color: #aaa;
}
a:hover,
a:focus,
a.hf-primary-action,
a.hf-secondary-action:hover,
.hf-tab:hover,
.hf-tab.hf-is-active,
.hf-tab.active {
  color: #08c;
}
a:hover svg:not(.hf-mod-fill) > g,
a:focus svg:not(.hf-mod-fill) > g,
a.hf-primary-action svg:not(.hf-mod-fill) > g,
a.hf-secondary-action:hover svg:not(.hf-mod-fill) > g,
.hf-tab:hover svg:not(.hf-mod-fill) > g,
.hf-tab.hf-is-active svg:not(.hf-mod-fill) > g,
.hf-tab.active svg:not(.hf-mod-fill) > g,
a:hover svg:not(.hf-mod-fill) > path,
a:focus svg:not(.hf-mod-fill) > path,
a.hf-primary-action svg:not(.hf-mod-fill) > path,
a.hf-secondary-action:hover svg:not(.hf-mod-fill) > path,
.hf-tab:hover svg:not(.hf-mod-fill) > path,
.hf-tab.hf-is-active svg:not(.hf-mod-fill) > path,
.hf-tab.active svg:not(.hf-mod-fill) > path {
  stroke: #08c;
}
a:hover svg.hf-mod-fill > g,
a:focus svg.hf-mod-fill > g,
a.hf-primary-action svg.hf-mod-fill > g,
a.hf-secondary-action:hover svg.hf-mod-fill > g,
.hf-tab:hover svg.hf-mod-fill > g,
.hf-tab.hf-is-active svg.hf-mod-fill > g,
.hf-tab.active svg.hf-mod-fill > g,
a:hover svg.hf-mod-fill > path,
a:focus svg.hf-mod-fill > path,
a.hf-primary-action svg.hf-mod-fill > path,
a.hf-secondary-action:hover svg.hf-mod-fill > path,
.hf-tab:hover svg.hf-mod-fill > path,
.hf-tab.hf-is-active svg.hf-mod-fill > path,
.hf-tab.active svg.hf-mod-fill > path {
  fill: #08c;
}
a.hf-is-disabled,
a.hf-primary-action.hf-is-disabled {
  opacity: 0.6;
  pointer-events: none;
}
a:active,
a.hf-secondary-action:active,
.hf-tab:active {
  color: #156eb3;
}
a.hf-primary-button {
  border-radius: 5px;
  padding: 6px 11px;
  background-color: #2185d0;
  color: #fff;
}
a.hf-header-icon:hover,
a.hf-header-icon:focus {
  opacity: 0.8;
}
a.hf-header-icon:hover svg > g,
a.hf-header-icon:focus svg > g,
a.hf-header-icon:hover svg > path,
a.hf-header-icon:focus svg > path {
  stroke: none;
}
a.hf-mod-dotted-underline {
  border-bottom: 1px dotted #859492;
}
a.hf-mod-delete {
  color: #f43434;
}
a.hf-mod-delete:hover {
  color: #e12f2f;
}
.hf-tab.hf-is-active:after,
.hf-tab.active:after {
  position: relative;
  top: 2px;
  display: block;
  width: 100%;
  height: 8px;
  border-bottom: 2px solid #08c;
  content: '';
}
::-moz-focus-inner {
  border: 0;
}
:focus {
  outline: 0;
}
.hf-radio-button {
  display: inline-block;
}
input {
  font-family: "Myriad Pro Regular", sans-serif;
  font-size: 13px;
}
input[type=radio]:focus,
input[type=radio]:active,
input[type=radio]:checked {
  outline: 0;
  box-shadow: 0;
}
input[type=checkbox]:focus {
  outline: 1px solid #08c;
  outline-offset: -1px;
}
input[type=checkbox]:focus.hf-mod-no-outline {
  outline: 0;
}
input[disabled] {
  background: #f6f8f8;
  cursor: not-allowed;
}
input[type=text]::-ms-clear {
  display: none;
}
.hf-secondary-label {
  margin-bottom: 10px;
  font-size: 14px;
  color: #999;
}
.hf-u-hide {
  display: none;
}
.hf-hide {
  display: none;
}
.hf-u-invisible {
  visibility: hidden;
}
.hf-u-show {
  display: block;
}
.hf-u-pull-left {
  float: left;
}
.hf-u-pull-right {
  float: right;
}
.hf-u-push-right {
  margin-left: auto;
}
.hf-u-push-bottom {
  margin-top: auto;
}
.hf-u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.hf-u-inline-block {
  display: inline-block;
}
.hf-u-flex-container {
  display: flex;
}
.hf-u-flex-container.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-u-vertically-centered-container {
  display: flex;
  align-items: center;
}
.hf-u-vertically-centered-container.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-u-baseline-aligned-container {
  display: flex;
  align-items: baseline;
}
.hf-u-vertically-centered-inline-container {
  display: inline-flex;
  align-items: center;
}
.hf-u-vertically-top-aligned-container {
  display: flex;
  align-items: flex-start;
}
.hf-u-vertically-top-aligned-container.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-u-flex-max-width {
  flex: 1;
}
.hf-u-flex-no-shrink {
  flex-shrink: 0;
}
.hf-u-hv-centered-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.hf-u-align-self-start {
  align-self: flex-start;
}
.hf-u-text-center {
  text-align: center;
}
.hf-u-text-right {
  text-align: right;
}
.hf-u-disabled {
  pointer-events: none;
  opacity: 0.5;
}
.hf-u-disable-pointer-events {
  pointer-events: none;
}
.hf-u-text-uppercase {
  text-transform: uppercase;
}
.hf-u-text-overflow {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.hf-u-visible-overflow {
  overflow: visible;
}
.hf-u-break-word {
  overflow-wrap: break-word;
  word-break: break-word;
}
.hf-u-label {
  font-size: 11px;
  color: #b3b3b3;
}
.hf-u-small-link {
  font-size: 12px;
  color: #08c;
}
.hf-u-small-link:hover {
  color: #069;
}
.hf-u-vertical-middle {
  vertical-align: middle;
}
.hf-u-vertical-top {
  vertical-align: top;
}
.hf-u-vertical-bottom {
  vertical-align: bottom;
}
.hf-u-vertical-super {
  vertical-align: super;
}
.hf-u-hv-centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hf-u-viewport-centered {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hf-u-icon-white path {
  stroke: #fff;
}
.hf-u-icon-right-margin {
  margin-right: 5px;
}
.hf-u-icon-right-margin.hf-mod-extra {
  margin-right: 10px;
}
.hf-u-icon-left-margin {
  margin-left: 5px;
}
.hf-u-space-between-text {
  margin-right: 5px;
}
.hf-u-separator {
  margin-left: 10px;
}
.hf-u-loader-small {
  width: 30px;
}
.hf-u-loader-xsmall {
  width: 20px;
  height: 20px;
}
.hf-u-loader-xsmall.hf-mod-dark {
  fill: #ccc;
}
.hf-u-position-relative {
  position: relative;
}
.hf-u-disclosure-indicator {
  display: inline-flex;
  transition: all 0.2s;
}
.hf-u-upside-down {
  transform: rotate(180deg);
}
.hf-u-up-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px;
  border-color: transparent transparent #fff;
  content: '';
}
.hf-u-down-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 0;
  border-color: #fff transparent transparent;
  content: '';
}
.hf-u-absolute-fill {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.hf-u-cursor-pointer {
  cursor: pointer;
}
.hf-u-cursor-default {
  cursor: default;
}
.hf-u-cursor-drag {
  cursor: move;
}
.hf-u-cursor-drag.hf-mod-disabled {
  cursor: not-allowed;
}
.hf-u-cursor-not-allowed {
  cursor: not-allowed;
}
.hf-u-translucent-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(89, 92, 100, 0.5);
}
.hf-u-content-overlay {
  position: fixed;
  top: 43px;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  background-color: rgba(10, 10, 10, 0.6);
}
.hf-u-content-overlay.hf-mod-crm-create-edit-entity-in-new-ticket {
  z-index: 4;
}
.hf-u-absolute {
  position: absolute;
}
.hf-u-relative {
  position: relative;
}
.hf-u-transparent-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 1;
}
.hf-u-fading-border {
  border-image-slice: 0 0 1 0;
  border-image-source: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
}
.hf-u-underline {
  text-decoration: underline;
}
.hf-u-comma-separated-entity:not(:last-child):after {
  content: ', ';
}
.hf-u-text-overflow-flex-child {
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.hf-u-list {
  margin-left: 20px;
}
.hf-u-list_item {
  margin: 8px 0;
  list-style: disc;
}
.hf-u-sticky-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid #e5e5e5;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.06);
  background-color: #fafcfc;
  animation: hf-slide-in-down 200ms 0ms ease forwards;
}
.hf-u-nav-tabs {
  display: inline-block;
  margin-bottom: 10px;
  border-bottom: 2px solid;
  border-image-slice: 0 0 1 0;
  border-image-source: linear-gradient(to right, #bfbfbf 0%, rgba(0, 0, 0, 0) 100%);
  padding-right: 50px;
}
.hf-u-slide-in {
  position: fixed;
  top: 43px;
  bottom: 0;
  right: 0;
  z-index: 3;
  width: 600px;
  background-color: #fff;
  box-shadow: -2px 2px 6px 0;
  animation: hf-slide-in-left 200ms 0ms ease forwards;
}
.hf-u-slide-in.hf-is-hidden {
  animation: hf-slide-out-right 200ms 0ms ease forwards;
  box-shadow: none;
}
.hf-u-slide-in.hf-mod-mini {
  width: 400px;
}
.hf-u-slide-in.hf-mod-crm-create-edit-entity-in-new-ticket {
  z-index: 4;
  box-shadow: none;
}
.hf-u-slide-in.hf-mod-crm-create-edit-entity-in-new-ticket .hf-form-header_close {
  display: none;
}
.hf-u-slide-in.hf-mod-auto-width {
  width: auto;
}
.hf-u-dark-bg {
  background-color: #2c2c2c;
}
.hf-u-info-icon {
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  border-radius: 50%;
  background: #666;
  color: #fff;
}
.hf-u-link-color {
  color: #08c;
}
.hf-u-link-color:hover {
  color: #069;
}
.hf-u-question-mark {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  border: 1px solid #333;
  border-radius: 8px;
  font-size: 12px;
}
.hf-u-question-mark:after {
  content: '?';
}
.hf-u-empty-state-color {
  color: #666;
}
.hf-u-warning-text {
  color: #d0021b;
}
.hf-u-under-construction {
  margin-top: 30px;
  text-align: center;
}
.hf-u-horizontally-centered {
  margin: 0 auto;
}
.hf-u-vertical-flex-container {
  display: flex;
  flex-direction: column;
}
.hf-u-flex-end {
  align-items: flex-end;
}
.hf-u-dropdown-trigger {
  display: flex;
  align-items: center;
  background: url(svgs/dropdown-arrow-down.svg) no-repeat right 5px center;
  border-radius: 5px;
  padding: 4px 20px 4px 8px;
  cursor: pointer;
  font-size: 14px;
}
.hf-u-dropdown-trigger:hover {
  background-color: #fafafa;
}
.hf-u-paragraph {
  margin-bottom: 10px;
}
.hf-u-panel-caret {
  flex-shrink: 0;
}
.hf-u-panel-caret.hf-mod-rotate {
  transform: rotate(90deg);
}
.hf-u-rotate {
  transform: rotate(90deg);
}
.hf-u-rotate-anti-clock-wise {
  transform: rotate(-90deg);
}
.hf-u-margin-top-10 {
  margin-top: 10px;
}
.hf-u-full-width {
  width: 100%;
}
.hf-u-full-height {
  height: 100%;
}
.hf-u-half-width {
  width: 50%;
}
.hf-u-half-width {
  width: 48%;
}
.hf-u-half-width:nth-of-type(2n+1) {
  margin-right: 4%;
}
.hf-delete-item {
  color: #e1554a;
}
.hf-delete-item:hover,
.hf-delete-item:focus,
.hf-delete-item:active {
  color: #b51a0c;
}
.hf-padding-10 {
  padding: 10px;
}
@keyframes hf-slide-in-up {
  from {
    transform: translate3d(0, 15%, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.hf-slide-in-up {
  animation: hf-slide-in-up 200ms 0ms ease;
}
@keyframes hf-slide-in-down {
  from {
    transform: translate3d(0, -15%, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.hf-slide-in-down {
  animation: hf-slide-in-down 200ms 0ms ease forwards;
}
@keyframes hf-slide-out-down {
  from {
    transform: translate3d(0, 0%, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(0, 15%, 0);
    opacity: 0;
  }
}
.hf-slide-out-down {
  animation: hf-slide-out-down 200ms 0ms ease forwards;
}
@keyframes bounce {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  30% {
    transform: translateY(-50%);
    opacity: 0.5;
  }
  60% {
    transform: scale(1.5) translateY(0);
    opacity: 1;
  }
  90% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes hf-scale-up {
  0% {
    opacity: 0;
    transform: translateY(-20%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes hf-scale-down {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20%);
  }
}
.hf-scale-up {
  animation: hf-scale-up 500ms forwards;
}
.hf-scale-down {
  animation: hf-scale-down 500ms forwards;
}
@keyframes hf-scale-in {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.hf-scale-in {
  animation: hf-scale-in 200ms 0s ease forwards;
}
@keyframes hf-scale-out {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
.hf-scale-out {
  animation: hf-scale-out 200ms 0s ease forwards;
}
@keyframes hf-fade-in {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.25;
  }
  50% {
    opacity: 0.5;
  }
  75% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}
.hf-fade-in {
  animation: hf-fade-in 1000ms;
}
.hf-fade-in-fast {
  animation: hf-fade-in 400ms;
}
@keyframes hf-fade-out {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.hf-fade-out {
  animation: hf-fade-out 700ms forwards;
}
@keyframes hf-overlay-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.hf-overlay-fade-in {
  animation: hf-overlay-fade-in 200ms ease-out forwards;
}
@keyframes hf-overlay-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.hf-overlay-fade-out {
  animation: hf-overlay-fade-out 200ms ease-out forwards;
}
@keyframes placeholder {
  0% {
    background-position: -500px 0;
  }
  100% {
    background-position: 500px 0;
  }
}
.hf-placeholder {
  animation: placeholder 1200ms linear forwards infinite;
}
@keyframes hf-slide-in-left {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
.hf-slide-in-left {
  animation: hf-slide-in-left 200ms 0ms ease forwards;
}
@keyframes hf-slide-out-right {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
.hf-slide-out-right {
  animation: hf-slide-out-right 200ms 0ms ease forwards;
}
.hf-list-body {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  top: 43px;
  left: 260px;
  overflow-y: auto;
  min-width: 1020px;
  background-color: #c8cbce;
  padding-right: 20px;
}
.hf-list-body.hf-mod-fullscreen {
  left: 0;
}
.hf-list-body.hf-is-loading {
  cursor: wait;
}
.hf-list-body_header {
  display: flex;
  align-items: center;
  position: relative;
  height: 30px;
  z-index: 2;
  margin-bottom: 20px;
  animation: hf-fade-in 400ms;
}
.hf-list-body_header.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-list-body_header.hf-mod-contacts-list {
  z-index: 3;
}
.hf-ticket-list-header-title {
  max-width: 50%;
  padding-right: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
.hf-list-body.hf-is-header-sticky,
.hf-search-results-body.hf-is-header-sticky {
  margin-top: 53px;
}
.hf-list-body.hf-is-header-sticky .hf-list-body_header,
.hf-search-results-body.hf-is-header-sticky .hf-list-body_header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid #e5e5e5;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.06);
  background-color: #fafcfc;
  animation: hf-slide-in-down 200ms 0ms ease forwards;
  left: 260px;
  height: 58px;
  margin-top: 0;
  padding-right: 20px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .hf-list-body.hf-is-header-sticky .hf-list-body_header,
  .hf-search-results-body.hf-is-header-sticky .hf-list-body_header {
    top: 43px;
  }
}
.hf-list-body_header_view-edit {
  cursor: pointer;
  opacity: 0;
}
.hf-list-body_header:hover .hf-list-body_header_view-edit {
  opacity: 1;
}
.hf-related-tickets_list-body_header {
  position: relative;
  margin-left: -20px;
  padding-left: 20px;
}
.hf-pagination.hf-mod-header {
  margin-bottom: 0;
}
.hf-pagination.hf-mod-header.hf-mod-contacts {
  margin-left: 15px;
}
.hf-list-dummy-tickets {
  position: relative;
}
.hf-list-dummy-tickets-overlay {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(244, 246, 246, 0) 0%, #e6e8e8 100%);
}
.hf-list-dummy-tickets-overlay.hf-mod-kanban-view {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f4f6f6);
}
.hf-pop-over.hf-mod-ticket-more-actions {
  top: 50px;
}
.hf-list-body_header_sort {
  margin-left: 15px;
  border-radius: 5px;
  padding: 5px;
  cursor: pointer;
}
.hf-list-body_header_sort:hover,
.hf-list-body_header_sort.hf-is-open {
  background-color: rgba(0, 0, 0, 0.06);
}
.hf-list-body_header_sort_icon {
  margin-right: 12px;
}
.hf-list-view-switcher {
  width: 26px;
  height: 26px;
  border: solid 1px #dbdbdb;
  background-color: #fbfbfb;
}
.hf-list-view-switcher:hover {
  background: #fff;
}
.hf-list-body_select-queue-tickets {
  background-color: #f7feff;
  box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #cbcbcb;
  border-radius: 8px;
  margin-left: 40px;
  padding: 15px 20px;
  font-size: 15px;
  color: #666;
}
.hf-list-body_select-queue-tickets ~ .hf-list-body_table {
  margin-top: 20px;
}
.hf-list-body_select-queue-tickets_warning {
  margin-bottom: 10px;
  margin-top: 6px;
  font-size: 13px;
}
.hf-list-body_select-queue-tickets_warning ul {
  list-style-type: disc;
}
.hf-list-body_select-queue-tickets_warning ul li {
  margin-left: 21px;
  margin-top: 4px;
}
.hf-mini-pop-over.hf-mod-sort {
  top: 30px;
  width: 275px;
  padding: 10px 5px;
}
.hf-mini-pop-over.hf-mod-sort .hf-mini-pop-over_item {
  border-radius: 4px;
  padding: 7px 20px 7px 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.hf-mini-pop-over.hf-mod-sort .hf-mini-pop-over_item:hover {
  background-color: #f4f4f4;
  color: inherit;
}
.hf-mini-pop-over.hf-mod-sort .hf-mini-pop-over_item.hf-mod-disabled {
  display: inline-block;
  cursor: not-allowed;
  color: rgba(106, 106, 106, 0.5);
}
.hf-mini-pop-over.hf-mod-sort .hf-mini-pop-over_item.hf-mod-disabled:hover {
  background: none;
}
.hf-mini-pop-over.hf-mod-sort:before,
.hf-mini-pop-over.hf-mod-sort:after {
  left: 89%;
}
.hf-mini-pop-over.hf-mod-sort.hf-mod-list-view-switcher:before,
.hf-mini-pop-over.hf-mod-sort.hf-mod-list-view-switcher:after {
  left: 95%;
}
.hf-mini-pop-over.hf-mod-sort .hf-mini-pop-over_item.hf-is-current {
  background: url(svgs/tick.svg) no-repeat 96% 50% #f4f4f4;
}
.hf-mini-pop-over.hf-mod-ticket-sort {
  width: 320px;
}
.hf-list-pagination {
  top: 30px;
  padding: 5px 0;
}
.hf-list-pagination.hf-pop-over {
  width: 140px;
}
.hf-list-pagination .hf-mini-pop-over_item {
  border-radius: 4px;
  padding: 5px 20px 5px 12px;
  margin-top: 2px;
  margin-bottom: 2px;
}
.hf-list-pagination .hf-mini-pop-over_item:hover {
  background-color: #f4f4f4;
  color: inherit;
}
.hf-list-pagination:before,
.hf-list-pagination:after {
  left: 70%;
}
.hf-list-pagination .hf-mini-pop-over_item.hf-is-current {
  background: url(svgs/tick.svg) no-repeat 96% 50% #f4f4f4;
}
.hf-list-pagination-caret {
  position: absolute;
  top: -4px;
  right: 30px;
  z-index: 7;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px;
  border-color: transparent transparent #fff;
  content: '';
}
.hf-list-body_header_actions {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.hf-list-body_header_actions.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-list-body_header_actions.hf-mod-disabled {
  pointer-events: none;
  cursor: auto;
}
.hf-list-body_header_action {
  margin-right: 10px;
  cursor: pointer;
}
.hf-pagination.hf-mod-ticket-list {
  margin-left: 15px;
}
.hf-filters_trigger {
  display: flex;
  margin-left: 15px;
  border-radius: 4px;
  padding: 4px 20px;
  background: url(svgs/filter.svg) 4% center no-repeat, url(svgs/disclosure-indicator.svg) 95% center no-repeat;
  cursor: pointer;
}
.hf-filters_trigger.hf-mod-new-filter {
  padding-right: 0;
  background: url(svgs/filter.svg) 14% center no-repeat;
}
.hf-filters_trigger.hf-mod-new-filter .hf-filters_trigger_text {
  padding: 0 8px;
}
.hf-filters_trigger.hf-is-open,
.hf-filters_trigger:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.hf-filters_trigger_text {
  display: inline-block;
  max-width: 200px;
  padding: 0 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.hf-filters_trigger_text.hf-mod-filters-applied {
  padding: 0 5px;
}
.hf-filters_container {
  min-width: 300px;
  top: 30px;
}
.hf-filters_container:before,
.hf-filters_container:after {
  left: 89%;
}
.hf-filters_container_header {
  margin-bottom: 12px;
  border: 1px solid #ebebeb;
}
.hf-filters_container_divider-line {
  border: 1px solid #eaeaea;
  opacity: 0.5;
}
.hf-filters_container_list {
  max-height: 450px;
  overflow-y: auto;
  padding: 0 15px 10px 5px;
}
.hf-filters_container_add-filter {
  width: 270px;
  margin: 13px 15px;
}
.hf-mod-filter-label {
  display: flex;
  width: 100%;
  margin-bottom: 0;
  padding: 5px;
  font-size: 14px;
}
.hf-mod-filter-label.hf-tooltipped:after {
  max-width: 100%;
  white-space: normal;
  text-align: left;
}
.hf-filter {
  margin-left: 12px;
  margin-bottom: 2px;
  border-radius: 2px;
}
.hf-filter:hover,
.hf-filter.hf-is-active {
  background: #f4f4f4;
}
.hf-filter:hover .hf-filter_delete,
.hf-filter.hf-is-active .hf-filter_delete {
  visibility: visible;
}
.hf-filter_name {
  display: flex;
  align-items: center;
  flex: 1;
  margin-left: 5px;
}
.hf-filter_name.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-filter_name.hf-is-disabled {
  color: rgba(102, 102, 102, 0.6);
}
.hf-filter_delete {
  visibility: hidden;
  height: 16px;
  margin-left: auto;
  cursor: pointer;
}
.lt-cell .hf-ticket-box_subject_text {
  font-size: 14px;
}
.lt-cell .hf-ticket-action_value {
  overflow: visible;
  margin: 0;
}
.lt-cell.hf-mod-ticket-action {
  overflow: visible;
  padding: 0;
}
.lt-cell.hf-mod-ticket-action .hf-ticket-box_actions-row_element {
  border-right: none;
}
.hf-table-settings .hf-mini-pop-over_sub-menu {
  padding-top: 0;
}
.hf-table-settings .hf-mini-pop-over_sub-menu li:first-child {
  padding-top: 20px;
}
.hf-compact-view-assets-text-header {
  width: 150px;
  font-size: 10px;
  text-transform: uppercase;
  font-family: "Myriad Pro Semi Bold", sans-serif;
}
.hf-compact-view-assets-quantity-header {
  width: 25px;
  margin-left: 5px;
  font-size: 10px;
  text-transform: uppercase;
  font-family: "Myriad Pro Semi Bold", sans-serif;
  text-align: right;
}
.hf-compact-view-assets-text {
  width: 150px;
  font-size: 12px;
  color: #888;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.hf-compact-view-assets-quantity {
  width: 25px;
  margin-left: 5px;
  font-size: 12px;
  color: #888;
  margin-left: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: right;
}
.hf-mini-pop-over.hf-mod-table-cell_pop-over-content.hf-mod-compact-view-assets {
  top: 17px;
}
.hf-mini-pop-over.hf-mod-table-cell_pop-over-content.hf-mod-compact-view-assets .hf-table-cell_pop-over_value {
  margin: 10px 15px;
}
.hf-mini-pop-over.hf-mod-table-cell_pop-over-content.hf-mod-compact-view-assets .hf-table-cell_pop-over_value.hf-mod-header {
  margin: 15px 15px 10px;
  border-bottom: 1px solid #ececec;
  padding-bottom: 5px;
}
.hf-mini-pop-over.hf-mod-table-cell_pop-over-content.hf-mod-compact-view-assets .hf-table-cell_pop-over_value:last-child {
  margin-bottom: 15px;
}
.hf-ticket-list-body_search-message ~ .hf-list-body_select-queue-tickets {
  margin-top: 15px;
}
.hf-kanban-view-options_trigger .hf-ticket-action_loader {
  display: inline-block;
  position: relative;
  top: 5px;
}
.hf-details_nav-bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  height: 40px;
  background: #fafcfc;
  border: 1px solid #e5e5e5;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.06);
  padding-left: 30px;
  display: flex;
  align-items: center;
}
.hf-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px 0;
}
.hf-pagination.hf-mod-bottom {
  flex-direction: row-reverse;
  margin-left: 40px;
}
.hf-pagination.hf-mod-bottom .hf-list-body_header_pagination {
  margin-left: 10px;
}
.hf-list-body_header_pagination {
  margin-right: 10px;
  padding: 5px;
  border-radius: 5px;
}
.hf-list-body_header_pagination:hover,
.hf-list-body_header_pagination.hf-is-open {
  background-color: rgba(0, 0, 0, 0.06);
}
.hf-list-body_header_pagination .hf-ticket-action_loader {
  display: flex;
  align-items: center;
}
.hf-list-body_header_pagination .hf-ticket-action_loader.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-list-body_header_pagination_group {
  border-top: 2px solid #f4f4f4;
}
.hf-pagination_button {
  padding: 6px 9px;
  background-color: #fff;
  cursor: pointer;
  border: 1px solid #dbdbdb;
}
.hf-pagination_button:hover {
  background-color: #fff;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}
.hf-pagination_button[disabled] {
  cursor: default;
}
.hf-pagination_button[disabled]:hover {
  background-color: #fff;
}
.hf-pagination_button[disabled] > svg > path {
  fill: #d1d1d1;
  stroke: #d1d1d1;
}
.hf-pagination_button.hf-mod-left {
  margin-right: 1px;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.hf-pagination_button.hf-mod-right {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.hf-pagination.hf-mod-header_actions {
  min-width: 130px;
}
.hf-avatar-image {
  width: 22px;
  height: 22px;
  margin-right: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 50%;
}
.hf-logout_message {
  font-family: "Myriad Pro Semi Bold", sans-serif;
  font-size: 28px;
}
.hf-details_nav-bar_right_close {
  display: flex;
  align-items: center;
  border-left: 1px solid rgba(102, 102, 102, 0.2);
  cursor: pointer;
  padding: 11.5px;
  color: #859492;
}
.hf-details_nav-bar_right_close.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-match-all_add-conditions,
.hf-match-any_add-conditions {
  width: 40px;
  margin: 7px 5px;
  border: 1px solid #cbcbcb;
  border-radius: 8px;
  padding: 8px 13px;
  background: #f5f5f5;
  font-family: "Myriad Pro Light", sans-serif;
  font-size: 20px;
  color: #555;
}
.hf-match-all_add-conditions:hover,
.hf-match-any_add-conditions:hover,
.hf-match-all_add-conditions.hf-is-open,
.hf-match-any_add-conditions.hf-is-open {
  background: rgba(0, 0, 0, 0.04);
}
.hf-entity-content_block {
  margin-bottom: 30px;
}
.hf-entity-content_block:last-child {
  margin-bottom: 0;
}
.hf-entity-content_block .hf-form-field.hf-mod-top-margin {
  margin-top: 20px;
}
.hf-workflows_form-component .hf-pop-over.hf-insert-merge-fields-popover {
  width: 400px;
  right: 0;
}
.hf-workflows_form-component .hf-pop-over.hf-insert-merge-fields-popover .ember-basic-dropdown-content.ember-power-select-dropdown {
  border: 1px solid #ccc;
  border-top: 0;
}
.hf-pop-over-container.hf-insert-merge-fields {
  top: -6px;
}
.hf-inline-attachment-container .hf-form-input.hf-text-input.hf-mod-image-url {
  width: 250px;
}
.hf-inline-attachment-footer {
  display: flex;
  align-items: center;
  border-top: 1px solid #ededed;
  padding: 12px;
  background-color: #f9fafb;
}
.hf-inline-attachment-footer.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-workflow-action_error {
  margin: 10px 0;
}
.hf-workflow-action_error_field {
  margin-right: 10px;
}
.hf-workflows_action-details_separator {
  margin-left: 10px;
}
.hf-field-preview_text {
  max-height: 100px;
  overflow: hidden;
}
.hf-field-preview_text.hf-mod-full-text {
  height: auto;
  max-height: none;
}
.hf-field-preview_toggle {
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 15px;
  color: #08c;
  cursor: pointer;
}
.hf-app-details_left_manage-button {
  display: inline-block;
  width: 100%;
  margin: 5px 0;
  border-radius: 4px;
  padding: 6px 11px;
  background: #5bc683;
  text-align: center;
  font-size: 14px;
  color: #fff;
}
.hf-left-nav_footer {
  position: absolute;
  z-index: 2;
  bottom: 0;
  width: 100%;
  height: 40px;
  background: #fff;
  animation: hf-slide-in-up 200ms 0ms ease;
}
.hf-left-nav_footer .hf-primary-action,
.hf-left-nav_footer .hf-secondary-action {
  width: 50%;
  height: 100%;
  margin: 0;
  border: 0;
  border-radius: 0;
  font-size: 14px;
}
.hf-list-body.hf-mod-workflows-dashboard-body {
  background: #17191b;
}
.hf-list-body.hf-mod-workflows-dashboard-body h1,
.hf-list-body.hf-mod-workflows-dashboard-body h3 {
  color: #fff;
}
.hf-list-body.hf-mod-manage-forms-body {
  left: 0;
}
.hf-app-description_how-to-setup_text {
  padding: 2px 0;
}
.update-profile-toast-message {
  position: fixed;
  top: 25px;
  left: 36%;
}
.hf-form-header_close {
  position: absolute;
  top: 0;
  left: 0;
  border-bottom-left-radius: 5px;
  padding: 17px 16px;
  background-color: #f0f0f0;
  cursor: pointer;
  transform: translateX(-100%);
}
.hf-form-header_close .hf-mod-close-svg {
  display: block;
}
.hf-entity-header {
  display: flex;
  align-items: center;
  height: 44px;
  padding: 0 20px;
  border-bottom: 1px solid #e6e6e6;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.06);
}
.hf-entity-header.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-entity-header_title {
  font-size: 18px;
}
.hf-entity-header_action {
  font-size: 13px;
  padding-top: 4px;
}
.hf-entity-content {
  position: absolute;
  top: 44px;
  right: 0;
  left: 0;
  bottom: 56px;
  padding: 20px;
  overflow-y: auto;
}
.hf-entity-content.hf-mod-no-footer {
  bottom: 0;
}
.hf-entity-footer {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  height: 56px;
  border-top: 1px solid #d5d7d8;
  padding: 13px 26px;
  background-color: #f9fafb;
}
.hf-entity-footer.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-entity-footer_primary {
  margin-right: 20px;
}
.hf-entity-content_block {
  margin-bottom: 20px;
}
.hf-entity-content_block:last-child {
  margin-bottom: 0;
}
.hf-entity-content_block .hf-form-field.hf-mod-top-margin {
  margin-top: 20px;
}
.hf-entity-content_name {
  font-size: 16px;
  color: #545c5b;
}
.hf-entity-content_description {
  margin-top: 10px;
  line-height: 16px;
  color: #7c807f;
}
.hf-entity-content_goal {
  color: #999;
}
.hf-entity-content_goal-value {
  font-family: "Myriad Pro Semi Bold", sans-serif;
  margin-top: 5px;
  font-size: 16px;
}
.hf-entity-content_single-action {
  display: flex;
  align-items: center;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 20px;
  background-color: #fbfbfb;
  font-size: 16px;
  box-shadow: 0 0 4px 0 rgba(221, 221, 221, 0.5);
}
.hf-entity-content_single-action.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-entity-content_header {
  display: flex;
  align-items: center;
  height: 30px;
  margin: 30px 0 20px;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  padding-left: 15px;
  background-color: #e8ebeb;
  font-size: 14px;
}
.hf-entity-content_header.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-entity-content_header.hf-mod-no-margin-top {
  margin-top: 0;
}
.hf-entity-content_header.hf-mod-ticket-template-about {
  width: 510px;
}
.hf-entity-content_box {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #dee2e4;
  border-radius: 2px;
  padding: 15px 15px 0;
}
.hf-entity-content_box.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-entity-content_box.hf-mod-sla-objective {
  background-color: #f5f7f7;
  padding-bottom: 15px;
}
.hf-entity-content_box-half {
  width: 50%;
  margin-bottom: 10px;
  padding-right: 5px;
}
.hf-entity-content_box-one-third {
  width: 33%;
  padding-right: 5px;
}
.hf-entity-content .hf-form-field {
  margin-bottom: 20px;
}
.hf-entity-content .hf-form-field.hf-mod-less-width {
  width: 60%;
}
.hf-entity-content .hf-form-field.hf-mod-min-width .hf-form-field_value {
  width: 70px;
}
.hf-entity-content .hf-form-field:last-child {
  margin-bottom: 0;
}
.hf-entity-content .hf-form-field.hf-mod-condition {
  margin-bottom: 10px;
}
.hf-entity-content .hf-mod-multi-choice .hf-form-field-input,
.hf-wizard_content .hf-mod-multi-choice .hf-form-field-input {
  display: flex;
  flex-wrap: wrap;
}
.hf-entity-content .hf-mod-multi-choice .hf-form-field-input.hf-mod-wrap,
.hf-wizard_content .hf-mod-multi-choice .hf-form-field-input.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-entity-content .hf-mod-multi-choice .hf-form-field-input li,
.hf-wizard_content .hf-mod-multi-choice .hf-form-field-input li {
  width: 50%;
}
.hf-entity-action {
  display: inline-block;
  border: solid 1px #c8c8c8;
  border-radius: 2px;
  padding: 6px 8px;
  background-color: #f3f3f3;
  font-size: 12px;
}
.hf-entity-content_label {
  padding-bottom: 5px;
  color: #999;
}
.hf-entity-content_value {
  margin-top: 5px;
  font-size: 14px;
}
.hf-create-entity-header {
  display: flex;
  align-items: center;
  height: 43px;
  padding: 0 20px 0 30px;
  background-color: #fafdfd;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.06);
}
.hf-create-entity-header.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-create-entity-header_title {
  font-size: 16px;
  letter-spacing: 0.2px;
  color: #333;
}
.hf-create-entity-header_action {
  margin-left: auto;
  display: flex;
  align-items: center;
  border-left: 1px solid #dcdddd;
  padding: 13px 0 13px 20px;
}
.hf-create-entity-header_action.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-create-entity-content {
  padding: 20px 30px;
}
.hf-automate-search {
  margin-right: 10px;
  width: 275px;
  height: 30px;
  border: solid 1px #e1e1e1;
  border-radius: 4px;
  padding: 0 27px;
  background-color: #fcfcfc;
  background-image: url(svgs/search.svg);
  /* stylelint-disable-line custom_plugin/disallow-svg-url */
  background-position: 8px 7px;
  background-repeat: no-repeat;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.07);
}
.hf-text-search {
  margin-right: 10px;
  width: 275px;
  height: 30px;
  border: solid 1px #e1e1e1;
  border-radius: 4px;
  padding: 0 27px;
  background-color: #fcfcfc;
  background-image: url(svgs/search.svg);
  /* stylelint-disable-line custom_plugin/disallow-svg-url */
  background-position: 8px 7px;
  background-repeat: no-repeat;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.07);
  width: 350px;
  background-color: #f9f9f9;
}
.hf-global-search_clear.hf-mod-automate-clear-search {
  top: 7px;
  right: 16px;
}
.hf-filter-pane_header.hf-mod-automate {
  border-bottom: none;
}
.hf-filter-pane_header.hf-mod-automate.hf-is-collapsed {
  border-radius: 8px;
}
.hf-filter-pane_header.hf-mod-automate .hf-filter-pane_header_text {
  padding: 10px 0;
}
.hf-filters_trigger.hf-mod-automate {
  margin-right: 15px;
  padding-right: 6px;
}
.hf-pagination.hf-mod-automate {
  min-width: 130px;
}
.hf-automate-header_actions {
  display: flex;
  align-items: center;
  padding: 10px 0;
}
.hf-automate-header_actions .hf-pagination {
  padding: 0;
}
.hf-create-entity-header.hf-mod-dark-mode {
  background: #444;
}
.hf-create-entity-header.hf-mod-dark-mode .hf-create-entity-header_title {
  color: #fff;
}
.hf-create-entity-header.hf-mod-dark-mode .hf-create-entity-header_action {
  color: #fff;
  border-left: 1px solid #666;
}
.hf-create-entity-header.hf-mod-dark-mode .hf-create-entity-header_action svg > g {
  stroke: #fff;
}
.hf-entity-box_footer_active {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: linear-gradient(180deg, #5bc683 0%, #56b57a 100%);
}
.hf-entity-box_footer_active.hf-mod-inactive {
  background: linear-gradient(180deg, #bdbcbb 0%, #928f8f 98.47%);
}
.hf-agents-list-table {
  margin: 10px 0;
}
.hf-agents-list-table .ember-light-table .lt-cell {
  padding: 2px 15px;
}
.hf-pending-agent-table .ember-light-table .lt-body-wrap,
.hf-pending-sso-agent-table .ember-light-table .lt-body-wrap {
  overflow-y: auto;
}
.hf-pending-agent-table .tse-scroll-content,
.hf-pending-sso-agent-table .tse-scroll-content {
  position: static !important;
  height: auto !important;
  min-height: 176px;
  max-height: 460px;
}
.hf-pending-agent_more-options .hf-mini-pop-over {
  width: 300px;
  text-align: left;
}
.hf-pending-agent_more-options .hf-mini-pop-over:before,
.hf-pending-agent_more-options .hf-mini-pop-over:after {
  display: none;
}
.hf-agent-detail_deactivate {
  width: 300px;
  top: 30px;
  padding: 15px;
}
.hf-agent-detail_deactivate:before {
  margin-left: 20px;
}
.hf-agent-detail_deactivate:after {
  margin-left: 21px;
}
.hf-entity-box_footer-item.hf-agent-detail_reactivate {
  padding: 13px 16px;
}
.hf-card_content.hf-mod-agent-recent-activity {
  padding: 10px 10px 10px 15px;
}
.hf-pending-agent_more-options .hf-mini-pop-over {
  width: 300px;
  text-align: left;
}
.hf-pop-over_body.hf-mod-pending-agent {
  padding: 10px 0;
}
.hf-pop-over_body.hf-mod-pending-agent .hf-mini-pop-over_item {
  margin: 0;
  padding: 5px 20px;
  background: #fff;
}
.hf-pop-over_body.hf-mod-pending-agent .hf-mini-pop-over_item.hf-is-active {
  margin: 0;
  padding: 10px 20px;
}
.hf-mini-pop-over_sub-menu.hf-mod-reinvite {
  margin-bottom: 0;
  border-radius: 0;
  color: #fff;
}
.hf-agent-reinvite-header {
  margin-bottom: 10px;
}
.hf-agent-reinvite-message {
  margin-bottom: 10px;
  white-space: normal;
  color: #ccc;
}
.hf-mini-pop-over.hf-mod-reactivate-agent {
  width: 300px;
  padding: 15px;
  text-align: left;
}
.hf-mini-pop-over.hf-mod-reactivate-agent:before {
  margin-left: 30px;
}
.hf-mini-pop-over.hf-mod-reactivate-agent:after {
  margin-left: 31px;
}
.hf-reactivate-agent_content_block {
  margin-bottom: 15px;
}
.hf-reactivate-agent_header {
  font-size: 14px;
  color: #666;
  margin-bottom: 5px;
}
.hf-reactivate-agent_label {
  margin-bottom: 3px;
  color: #666;
}
.hf-reactivate-value {
  font-size: 14px;
  color: #333;
}
.manage-agents-toast-message {
  position: absolute;
  top: 0px;
  left: 30%;
  width: 500px;
  margin: 10px auto 20px;
}
.new-agent-toast-message {
  position: absolute;
  top: 2px;
  right: 20px;
  width: 300px;
}
.hf-number-input-group {
  border: 1px solid #dee2e4;
}
.hf-number-input-group.hf-is-error {
  border-color: #e39191;
}
.hf-number-input-group input[type="number"] {
  border: 0;
}
.hf-number-input-group_action {
  padding: 7px 10px;
  background-color: #f7fafa;
  cursor: pointer;
  font-size: 17px;
}
.hf-number-input-group_action:first-of-type {
  border-right: 1px solid #dee2e4;
}
.hf-number-input-group_action:first-of-type:before {
  content: '\FF0D';
}
.hf-number-input-group_action:last-of-type {
  border-left: 1px solid #dee2e4;
}
.hf-number-input-group_action:last-of-type:before {
  content: '\FF0B';
}
.hf-number-input-group_action.hf-is-disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.hf-number-input-group_field {
  width: 75px;
  height: 38px;
  border: none;
  text-align: center;
  -moz-appearance: textfield;
}
.hf-number-input-group_field:focus,
.hf-number-input-group_field.hf-is-error {
  border-radius: 0;
}
.hf-number-input-group_field::-webkit-inner-spin-button,
.hf-number-input-group_field::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.hf-left-nav {
  position: absolute;
  left: 0;
  top: 43px;
  bottom: 0;
  z-index: 1;
  overflow-y: auto;
  width: 260px;
  background-color: #343638;
}
.hf-left-nav.hf-mod-overflow-visible {
  overflow-y: visible;
}
.hf-left-nav_group {
  margin: 20px 20px 0 0;
  padding-bottom: 15px;
}
.hf-left-nav_group:first-child {
  margin-top: 40px;
}
.hf-left-nav_group_header {
  margin-bottom: 16px;
  margin-left: 25px;
  color: #fff;
  font-family: "Myriad Pro Semi Bold", sans-serif;
}
.hf-left-nav_group_header_create-view {
  margin-left: auto;
  cursor: pointer;
}
.hf-left-nav_group_item {
  display: flex;
  align-items: center;
  border-radius: 0 4px 4px 0;
  padding: 5px 25px;
  transition: all 0.2s;
  font-size: 14px;
}
.hf-left-nav_group_item.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-left-nav_group_item.hf-tooltipped:before {
  right: auto;
}
.hf-left-nav_group_item.hf-tooltipped:after {
  left: 33px;
  white-space: normal;
  text-align: left;
}
.hf-left-nav_group_item:hover {
  background: #6d6d6d;
  cursor: pointer;
}
.hf-left-nav_group_item:hover.hf-mod-not-allowed {
  cursor: not-allowed;
}
.hf-left-nav_group_item.active {
  background: #0074e4;
}
.hf-left-nav_group_item.active .hf-left-nav_group_item_text {
  color: #fff;
}
.hf-left-nav_group_item_text {
  display: inline-block;
  max-width: 80%;
  font-size: 14px;
  color: #e6e8e8;
  transition: all 0.2s;
}
.hf-left-nav_group_item_text:hover {
  color: #e6e8e8;
}
.hf-left-nav_group_item:hover.hf-mod-not-allowed .hf-left-nav_group_item_text {
  cursor: not-allowed;
}
.hf-left-nav_group_item_text.hf-tooltipped-top:after {
  right: 100%;
  transform: translateX(100%);
  width: 180px;
  white-space: normal;
}
.hf-top-banner {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5;
  height: 43px;
}
.hf-top-banner.hf-is-open {
  display: block;
}
.hf-top-bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 4;
  background: #1e2022;
  height: 43px;
  color: #fafafa;
}
.hf-top-banner.hf-is-open + .hf-top-bar {
  top: 43px;
}
.hf-top-banner.hf-is-open ~ .hf-content {
  top: 86px;
}
.hf-top-banner.hf-is-open ~ .hf-pinned-items {
  top: 86px;
}
.hf-top-bar_title {
  display: inline-block;
  margin-left: 10px;
  height: 100%;
  color: #fff;
}
.hf-top-bar_title_trigger {
  display: flex;
  align-items: center;
  padding: 10.5px 15px;
  cursor: pointer;
}
.hf-top-bar_title_trigger.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-top-bar_title_trigger.hf-is-open {
  background-color: rgba(252, 252, 252, 0.2);
}
.hf-top-bar_title_text {
  font-size: 18px;
  padding-top: 2px;
  padding-left: 10px;
  letter-spacing: 0.5px;
  margin-right: 5px;
  max-width: 202px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #fff;
}
.hf-top-bar_body {
  display: flex;
  position: absolute;
  top: 0;
  left: 330px;
  right: 0;
}
.hf-mini-pop-over.hf-mod-progress {
  top: 100%;
  right: -25px;
  width: 275px;
}
.hf-top-bar_progress {
  margin-left: auto;
  padding: 8px 20px;
}
.hf-top-bar_progress .hf-ticket-action_loader {
  text-align: center;
}
.hf-top-bar_progress .hf-u-loader-xsmall {
  height: 10px;
}
.hf-top-bar_progress_content {
  width: 275px;
  padding: 20px;
}
.hf-top-bar_progress_content_note {
  margin: 15px 0;
}
.hf-top-bar_navs {
  display: flex;
  align-items: center;
}
.hf-top-bar_navs.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-top-bar_navs_item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 12px;
  cursor: pointer;
}
.hf-top-bar_navs_item.hf-mod-get-support-nav-item,
.hf-top-bar_navs_item.hf-mod-app-suggestions-nav-item {
  padding: 0;
}
.hf-top-bar_navs_item.hf-mod-get-support-nav-item .hf-pop-over-container,
.hf-top-bar_navs_item.hf-mod-app-suggestions-nav-item .hf-pop-over-container {
  padding: 14px 12px;
}
.hf-top-bar_navs_item.hf-mod-app-suggestions-nav-item {
  height: 43px;
}
.hf-top-bar_navs_item.hf-mod-new-ticket {
  padding: 7px 0;
  cursor: default;
}
.hf-top-bar_navs_item.hf-mod-staff-profile-nav-item {
  padding: 0;
}
.hf-top-bar_navs_item.hf-mod-university-nav-item {
  padding: 13px 12px 14px;
}
.hf-top-bar_navs_item.hf-mod-change-log-nav-item {
  padding: 13.5px 12px;
}
.hf-top-bar_navs_item.hf-mod-road-map-nav-item {
  padding: 13.5px 12px;
}
.hf-top-bar_navs_item.hf-mod-tasks-nav-item {
  padding: 0;
}
.hf-top-bar_navs_item.hf-mod-tasks-nav-item .hf-pop-over-container {
  padding: 13px 12px;
}
.hf-top-bar_navs_item_new-ticket {
  padding: 5px 14px 6px 11px;
  background-color: #4a4c4c;
  font-size: 12px;
  color: #d0d0d0;
  border: none;
}
.hf-top-bar_navs_item_new-ticket:active,
.hf-top-bar_navs_item_new-ticket:focus {
  background-color: #4a4c4c;
}
.hf-top-bar_navs_item_new-ticket:hover {
  background-color: #2185d0;
  color: #fff;
}
.hf-top-bar_navs_item_new-ticket pre {
  margin: 0;
}
.hf-top-bar_navs_item_new-ticket_plus {
  margin-right: 3px;
  font-size: 15px;
}
.hf-top-bar_navs_text {
  font-size: 11px;
  color: #999;
  padding-left: 7px;
  text-transform: uppercase;
}
.hf-staff-menu-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(89, 92, 100, 0.5);
  top: 43px;
  animation: hf-overlay-fade-in 200ms ease-out forwards;
}
.hf-staff-menu-overlay.hf-mod-feature-announcement {
  z-index: 1;
}
.hf-staff-menu-drop-down {
  margin-top: 5px;
  stroke: white;
}
.hf-staff-menu-drop-down path {
  fill: white;
}
.hf-staff-menu {
  padding: 7.5px 10.5px;
}
.hf-staff-menu.hf-is-available {
  background-color: rgba(16, 151, 0, 0.5);
}
.hf-staff-menu.hf-is-available.hf-is-open {
  background-color: rgba(16, 151, 0, 0.4);
}
.hf-staff-menu.hf-is-open {
  background-color: #808080;
}
.hf-staff-menu_list {
  min-width: 200px;
  color: #333;
}
.hf-staff-menu_list .liquid-container,
.hf-staff-menu_list .liquid-child {
  overflow: visible;
}
.hf-staff-menu_item {
  padding: 15px 25px;
}
.hf-top-bar_navs_item .hf-pop-over {
  width: 300px;
  margin-top: 1px;
}
.hf-top-bar_navs_item .hf-pop-over .hf-pop-over_close-icon {
  display: none;
}
.hf-staff-menu_item.hf-mod-staff-name {
  display: flex;
  padding-right: 20px;
  border-bottom: 1px solid #e5e5e5;
  background-color: #f4f6f6;
  font-family: "Myriad Pro Semi Bold", sans-serif;
  font-size: 16px;
  cursor: default;
}
.hf-staff-menu_item.hf-mod-logout {
  border-top: 1px solid #e5e5e5;
  border-radius: 0 0 5px 5px;
  background-color: #f4f6f6;
}
.hf-staff-menu_item_icon {
  margin-right: 5px;
}
.hf-staff-menu_item_icon-switch-to-v1 {
  margin-right: 7px;
}
.hf-staff-menu_divider {
  margin: 0 20px;
  border-bottom: 1px solid #eaeaea;
}
.hf-staff-menu_confirmation-pane {
  border-radius: 0 0 5px 5px;
  padding: 15px 25px;
  background-color: #2c2c2c;
  cursor: default;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
}
.hf-staff-menu_confirmation-pane_message {
  display: inline-block;
  margin-bottom: 5px;
  color: #fff;
}
.hf-staff-menu_confirmation-pane_message.hf-mod-unavailable {
  margin-left: 20px;
}
.hf-staff-menu_confirmation-pane_radio-buttons {
  margin: 15px 0;
}
.hf-staff-menu_confirmation-pane_radio-buttons .ember-power-select-options[role="listbox"] {
  max-height: 165px;
}
.hf-staff-menu_confirmation-pane_message.hf-mod-radio-button {
  text-indent: -20px;
  padding-left: 15px;
}
.hf-top-bar_body_search-box {
  float: left;
  width: 384px;
  margin: 7px 0;
  border: 0;
  border-radius: 4px;
  padding: 7px 30px;
  background: url(svgs/search_box_icon.svg) 10px 8px no-repeat, rgba(247, 247, 247, 0.2);
  font-size: 13px;
  color: #fff;
}
.hf-top-bar_title-image {
  cursor: pointer;
}
.hf-mini-pop-over.hf-mod-module-switcher {
  top: 43px;
  left: 0;
  height: 100%;
  border-radius: 0;
  border: 0;
}
.hf-mini-pop-over.hf-mod-module-switcher:before,
.hf-mini-pop-over.hf-mod-module-switcher:after {
  display: none;
}
.hf-module-switcher {
  display: inline-flex;
  flex-direction: column;
  position: relative;
}
.hf-module-switcher-links {
  display: inline-flex;
}
.hf-module-switcher_item {
  display: block;
  width: 99px;
  position: relative;
  margin: 0 20px 20px 0;
  border-radius: 6px;
  padding: 20px;
}
.hf-module-switcher_item:hover {
  color: #08c;
  background-color: #f9f9f9;
}
.hf-module-switcher_item:hover svg > g,
.hf-module-switcher_item:hover svg > path {
  stroke: #08c;
}
.hf-module-switcher_item.hf-is-current {
  color: #08c;
  background-color: #f9f9f9;
}
.hf-module-switcher_item.hf-is-current svg > g,
.hf-module-switcher_item.hf-is-current svg > path {
  stroke: #08c;
}
.hf-module-switcher_icon {
  height: 18px;
  width: 18px;
}
.hf-mod-switch-ui {
  border-top: 1px solid #e5e5e5;
}
.ui-switch-icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
a.hf-module-switcher-link:hover svg.hf-mod-fill > g,
a.hf-module-switcher-link:hover svg.hf-mod-fill > path {
  fill: #999;
}
a.hf-module-switcher-link:hover svg:not(.hf-mod-fill) > g {
  stroke: #999;
}
a.hf-module-switcher-link:hover svg:not(.hf-mod-fill) > path {
  stroke: inherit;
}
.hf-module-switcher_column {
  position: relative;
  width: 200px;
  min-width: 200px;
  height: 250px;
  padding: 10px 0 10px 20px;
  background: #fff;
}
.hf-module-switcher_column:nth-child(even) {
  background: #f7f7f7;
}
.hf-module-switcher-module {
  padding: 15px 0 0;
}
.hf-module-switcher_module-label {
  display: inline;
  font-size: 14px;
  color: #666;
  vertical-align: top;
  margin: 0 0 0 6px;
}
.hf-module-switcher_module-title {
  margin: 0 0 10px;
}
.hf-module-switcher_submodules li {
  height: 21px;
  margin: 8px 0 4px 25px;
}
.hf-module-switcher_submodules li a {
  font-size: 14px;
  font-family: "Myriad Pro Light", sans-serif;
  color: #999;
}
.hf-module-switcher_submodules li a:hover {
  color: #08c;
}
.hf-module-switcher-products {
  display: block;
  border-top: 1px solid #e8e8e8;
  border-radius: 0 0 5px 5px;
  padding-top: 13px;
  background-color: #f7f7f7;
  font-family: "Myriad Pro Light", sans-serif;
  color: #5f5f5f;
  position: absolute;
  bottom: 0px;
  transform: translateY(100%);
  width: 100%;
}
.hf-module-switcher-product-container {
  display: inline-flex;
  flex-direction: row;
  align-items: flex-start;
  padding-left: 15px;
  padding-bottom: 7px;
}
.hf-module-switcher-product-container:hover {
  color: #5f5f5f;
}
.hf-module-switcher-product-containerfirst-child {
  padding-left: 20px;
}
.hf-module-switcher-product-logo img {
  height: 20px;
  width: 18px;
}
.hf-module-switcher-product-name {
  padding-left: 7px;
  padding-right: 5px;
  font-size: 14px;
  font-weight: 800;
  font-family: "Myriad Pro Light", sans-serif;
  color: #5f5f5f;
}
.hf-module-switcher-product-popout {
  border-right: 1px solid #e8e8e8;
  padding-top: 2px;
  padding-right: 15px;
}
.hf-module-switcher-product-no-border {
  border-right: none;
}
.hf-pop-over.hf-mod-support-menu,
.hf-pop-over.hf-mod-suggestions-menu {
  max-height: 500px;
  margin-top: 0px;
  border-radius: 0 0 8px 8px;
  overflow-y: scroll;
}
a.hf-support-link {
  display: flex;
  align-items: center;
  color: #5a6362;
}
a.hf-support-link.hf-mod-wrap {
  flex-wrap: wrap;
}
a.hf-support-link:hover,
a.hf-support-link:focus {
  color: #08c;
}
a.hf-support-link:hover svg > path,
a.hf-support-link:focus svg > path {
  stroke: inherit;
  fill: #08c;
}
a.hf-support-link.hf-mod-get-support {
  padding: 20px 20px 10px;
}
a.hf-support-link.hf-mod-chat-with-us {
  padding: 10px 20px 20px;
}
.hf-get-support_icon {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.hf-customer-success-assistance-container {
  padding: 20px 20px 25px;
  border-radius: 0 0 8px 8px;
  cursor: default;
  background: #2c2c2c;
  color: #fff;
}
.hf-customer-success-manager_name {
  margin-left: 5px;
  font-size: 14px;
}
.hf-customer-success-manager_designation {
  font-size: 12px;
  color: #b3b3b3;
}
.hf-customer-success-manager_picture {
  width: 22px;
  height: 22px;
  margin-right: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  border: none;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.hf-customer-success-manager_message {
  margin: 20px 0;
  color: #ededed;
}
.hf-roadmap-nav-item {
  margin: 0 10px;
}
.hf-link-to-hf-apps {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid rgba(151, 151, 151, 0.2);
  padding: 15px 25px 15px 20px;
  background: rgba(247, 247, 247, 0.2);
  font-size: 14px;
  color: #999;
}
.hf-link-to-hf-apps:hover > svg > g,
.hf-link-to-hf-apps:hover > svg > path {
  stroke: inherit !important;
}
.hf-link-to-workflows {
  bottom: 53px;
}
.hf-tasks-list {
  min-height: 260px;
}
.hf-pop-over.hf-mod-tasks-list {
  width: 360px;
  top: 43px;
  margin-top: 0;
  border-radius: 0 0 8px 8px;
  overflow: hidden;
}
.hf-tasks-list_heading {
  border-bottom: 1px solid #eee;
  padding: 11px 15px;
  font-size: 18px;
}
.hf-tasks-list_heading + .hf-task-list_item {
  padding-top: 14px;
}
.hf-tasks-list_heading_help-text {
  color: #666;
  font-size: 10px;
}
.hf-task-list_items-wrap {
  max-height: 400px;
  overflow-y: scroll;
}
.hf-task-list_item {
  padding: 8px 14px 0 15px;
  cursor: pointer;
}
.hf-task-list_item:hover {
  background-color: #f9f9f9;
  opacity: 1 !important;
}
.hf-task-list_item_top,
.hf-task-list_item_bottom {
  display: flex;
  align-items: center;
  justify-content: center;
}
.hf-task-list_item_top {
  margin-bottom: 3px;
  font-size: 11px;
  color: #666;
}
.hf-task-list_item_bottom {
  padding-bottom: 8px;
  border-bottom: 1px solid #efefef;
}
.hf-task-list_item_top_subject,
.hf-task-list_item_bottom_name {
  flex: 1;
  margin-right: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.hf-task-list_item_bottom_name {
  font-size: 14px;
  color: #222;
}
.hf-task-list_item_bottom_due-date {
  font-size: 11px;
  color: #999;
}
.hf-task-list_item_bottom_due-date.hf-mod-overdue {
  color: #c92c28;
}
.hf-task-list_empty-message {
  display: flex;
  height: 180px;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  text-align: center;
  color: #666;
}
.hf-unread-dot-wrap {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #434343;
}
.hf-unread-dot-wrap.hf-mod-tasks-list {
  top: 11px;
  left: 23px;
}
.hf-unread-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #f00;
}
.hf-app-suggestion {
  margin: 20px;
  padding: 15px 20px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.08);
}
.hf-pop-over.hf-mod-suggestions-menu {
  width: 400px;
  max-height: none;
  margin-top: -2px;
  background: #f5f5f5;
}
.hf-app-suggestions_header {
  padding: 10px 20px;
  background: #fff;
  font-size: 16px;
  color: #545c5b;
}
.hf-app-suggestion_heading {
  margin-bottom: 5px;
  font-family: "Myriad Pro Semi Bold", sans-serif;
  font-size: 16px;
  color: #666;
}
.hf-app-suggestion_description {
  color: #666;
  margin-bottom: 10px;
}
.hf-dismiss-suggestion {
  margin-left: 10px;
  color: #666;
}
.hf-app-notifications-empty-state {
  height: 300px;
  flex-direction: column;
}
.hf-app-notifications-empty-state_message {
  margin-top: 10px;
  text-align: center;
  font-size: 18px;
  color: #666;
}
.hf-app-notifications-icon {
  position: relative;
  top: -1px;
}
.hf-list-view-switcher.hf-mod-app-notification {
  margin: 0 5px;
  padding: 3px 5px;
  cursor: default;
}
.hf-top-bar_navs_ticket-related-items {
  display: flex;
  align-items: center;
  padding-right: 8px;
  border-right: 1px solid #575757;
}
.hf-top-bar_navs_ticket-related-items.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-top-bar-integrations {
  width: 43px;
  height: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hf-form-field-input::placeholder {
  color: #b3b3b3;
}
.hf-form-field-input:focus::placeholder {
  color: #ccc;
}
.hf-form-field-input {
  width: 100%;
  height: 32px;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  padding: 5px 10px;
  font-size: 13px;
  color: #333;
}
.hf-form-field-input.hf-text-input.hf-is-resizable {
  height: 32px;
  resize: vertical;
}
.hf-form-field-input_clear {
  position: absolute;
  top: 8px;
  right: 6px;
  z-index: 1;
  cursor: pointer;
}
.hf-form-field-input:focus {
  border: 1px solid #08c;
  border-radius: 5px;
  transition: all 0.15s ease;
}
.hf-form-field-input.hf-is-error {
  border: 1px solid #e39191;
  border-radius: 5px;
}
.hf-form-field-input.hf-check-box-input {
  width: auto;
  height: auto;
}
.hf-smart-rule_action-value .hf-form-field-input.hf-number-input,
.hf-ticket-template_due-date-value .hf-form-field-input.hf-number-input,
.hf-relative-date .hf-form-field-input.hf-number-input {
  margin-right: 8px;
}
.hf-form-field-input.multiselect-checkboxes {
  height: auto;
  padding: 5px 10px;
}
.hf-form-field-input.multiselect-checkboxes.hf-mod-inline {
  border: 0;
  padding: 4px 0;
}
.hf-form-field-input.multiselect-checkboxes.hf-mod-inline li {
  display: inline-block;
  margin-right: 5px;
}
.hf-slack-message-container {
  margin-bottom: 10px;
}
.hf-slack-message-container.hf-mod-less-width {
  width: 60%;
}
.hf-slack-message-container .hf-form-field-input.hf-text-input {
  height: 150px;
}
.hf-form-field-group {
  margin-bottom: 15px;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  padding: 10px;
}
.hf-form-field_label {
  color: #666;
  margin-bottom: 3px;
  overflow-wrap: break-word;
  word-break: break-word;
}
.hf-form-field_label.hf-is-compulsory:after {
  content: '*';
}
.hf-form-field_subtext {
  position: relative;
  bottom: 9px;
  margin-bottom: 5px;
  font-size: 12px;
  color: #666;
}
.hf-form-field_subtext_icon {
  margin-bottom: -2px;
}
.hf-form-field_label_help-text.hf-tooltipped {
  margin-left: 3px;
}
.hf-form-field_label_help-text.hf-tooltipped:after {
  right: -250px;
  white-space: pre-wrap;
  text-align: left;
}
.hf-form-field_label_help-text-pop-over {
  margin-left: 3px;
  align-self: center;
}
.hf-form-field_label_help-text-pop-over_content.hf-pop-over.hf-tooltip {
  bottom: 22px;
  left: -2px;
}
.hf-form-field_label_help-text-pop-over_content.hf-pop-over.hf-tooltip:before,
.hf-form-field_label_help-text-pop-over_content.hf-pop-over.hf-tooltip:after {
  border: none;
}
.hf-custom-field_label_help-text {
  margin-left: 3px;
}
.hf-custom-field_label_help-text.hf-tooltipped {
  position: static;
}
.hf-custom-field_label_help-text.hf-tooltipped:after {
  left: 39px;
  bottom: inherit;
  width: 220px;
  transform: translateY(-105%);
  white-space: normal;
  text-align: left;
}
.hf-form-field_label_action {
  text-decoration: underline;
}
.hf-horizontal-form .hf-form-field {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.hf-horizontal-form .hf-form-field.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-horizontal-form .hf-form-field_label {
  width: 150px;
  margin-right: 20px;
  margin-bottom: 0;
}
.hf-horizontal-form .hf-form-field_label.hf-has-label-help-text {
  width: 136px;
}
.hf-horizontal-form .hf-form-field_label-wrap {
  display: flex;
  margin-right: 20px;
}
.hf-horizontal-form .hf-form-field_label-wrap .hf-form-field_label {
  margin-right: 0;
}
.hf-horizontal-form .hf-form-field_value {
  width: 300px;
}
.hf-horizontal-form .hf-form-field-input:not(.hf-check-box-input) {
  width: 100%;
}
.hf-form-field.hf-mod-phone {
  flex: 1;
}
.hf-form-field.hf-mod-phone .hf-form-field_value {
  flex: none;
  width: 30%;
  margin-right: 10px;
}
.hf-form-field.hf-mod-phone .hf-form-field-input-container {
  width: 70%;
  margin-right: 10px;
}
.hf-custom-field .hf-mod-phone .hf-form-field_value {
  width: 100%;
  margin-right: 0;
}
.hf-entity-content .hf-form-field.hf-mod-time-component {
  flex: 1;
  margin-bottom: 0;
  margin-right: 10px;
}
.hf-add-remove-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin-bottom: 14px;
  background-color: #f5f5f5;
  border: 1px solid #cbcbcb;
  border-radius: 6px;
  cursor: pointer;
}
.hf-add-remove-item svg {
  width: 9px;
  height: 9px;
}
.hf-add-remove-item.hf-is-disabled {
  cursor: not-allowed;
}
.hf-pop-over.hf-mod-multi-choice-dropdown {
  width: 270px;
  font-size: 14px;
}
.hf-form-field-time {
  display: flex;
  justify-content: space-between;
}
.hf-form-field-time .hf-mod-dropdown .ember-power-select-options[role="listbox"] {
  max-height: 250px;
}
.hf-form-field-time.hf-mod-error .hf-mod-dropdown .ember-power-select-trigger {
  border: 1px solid #e39191;
}
.hf-form-field-time_meridiem {
  display: flex;
  width: 74px;
}
.hf-form-field-time_meridiem_item {
  width: 50%;
  border: solid 1px #dbdbdb;
  padding-top: 6px;
  text-align: center;
  color: #666;
  cursor: pointer;
}
.hf-form-field-time_meridiem_item:hover {
  background-color: #fafafa;
}
.hf-form-field-time_meridiem_item.hf-mod-am {
  border-right: 0;
  border-radius: 2px 0 0 2px;
}
.hf-form-field-time_meridiem_item.hf-mod-pm {
  border-left: 0;
  border-radius: 0 2px 2px 0;
}
.hf-form-field-time_meridiem_item.hf-mod-active {
  border: solid 1px #086899;
  background-color: #08c;
  color: #fff;
}
.hf-form-field .hf-file-upload {
  margin-bottom: 5px;
}
.hf-form-field .hf-attachment-container {
  margin: 5px 5px 5px 0;
}
.hf-form-field .hf-inline-image {
  position: absolute;
  left: 556px;
  top: 33px;
}
.hf-form-field ~ section .hf-inline-image.hf-is-editor-maximized {
  position: absolute;
  left: 556px;
  top: 13px;
  z-index: 9996;
}
textarea.hf-form-field-input.hf-text-input.hf-is-resizable {
  height: auto;
}
.hf-validation-error-message {
  font-size: 10px;
  color: #e82110;
  margin-top: 2px;
}
.hf-form-content_non-field-errors {
  margin-bottom: 14px;
  padding: 10px;
  background-color: #feeded;
  border: 1px solid #ffa9a9;
  border-radius: 8px;
  color: #a94442;
}
.hf-form-input {
  width: 100%;
  padding: 5px 10px;
  margin: 10px 0;
}
.CodeMirror {
  width: 100%;
  max-height: 200px;
  border-radius: 4px;
}
.CodeMirror-gutters {
  background: #333;
}
.CodeMirror-linenumber {
  color: #fff;
}
.ember-power-select-trigger {
  height: 33px;
}
.ember-power-select-selected-item {
  position: relative;
  top: 5px;
}
.hf-pop-over-container {
  position: relative;
}
.hf-pop-over {
  position: absolute;
  top: 100%;
  z-index: 2;
  width: 250px;
  margin: 0;
  box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.24);
  border-radius: 8px;
  background-color: #fff;
}
.hf-pop-over.mod-confirmation-dialog {
  width: inherit;
  z-index: 5;
  box-shadow: none;
  border-radius: 0;
  background-color: transparent;
}
.hf-pop-over.hf-mod-left {
  left: 0;
}
.hf-pop-over.hf-mod-right {
  right: 0;
}
.hf-pop-over.hf-tooltip {
  top: inherit;
  bottom: 100%;
  border-radius: 4px;
  padding: 10px;
  background: #000;
  color: #fff;
}
.hf-pop-over.hf-new-tooltip {
  border-radius: 4px;
  padding: 10px;
  background: #000;
  color: #fff;
}
.hf-pop-over.hf-new-tooltip.hf-mod-large {
  width: 350px;
}
.hf-pop-over.hf-mod-large {
  width: 400px;
}
.hf-popover-trigger:hover {
  cursor: pointer;
}
.hf-popover-trigger.hf-is-disabled:hover {
  cursor: not-allowed;
}
.hf-pop-over_header {
  display: flex;
  position: relative;
  background-color: #5a6362;
  color: #e6e6e6;
  border-radius: 7px 7px 0 0;
  padding: 8px 40px 8px 10px;
  white-space: nowrap;
}
.hf-pop-over_header_secondary-action {
  margin: 0 5px 0 auto;
  cursor: pointer;
  border-bottom: 1px dotted #ccc;
  font-size: 11px;
  color: #ccc;
}
.hf-pop-over_header_secondary-action.hf-mod-second-action {
  margin-left: 5px;
}
.hf-pop-over_close-icon {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  padding: 7px 12px;
  background-color: rgba(216, 216, 216, 0.2);
  border-top-right-radius: 7px;
  cursor: default;
}
.hf-pop-over_close-icon:hover {
  opacity: 0.8;
}
.hf-pop-over_body {
  padding: 10px;
}
.hf-pop-over_body .hf-text-search {
  width: 100%;
}
.hf-pop-over_body.hf-mod-scroll {
  overflow-y: auto;
  max-height: 300px;
}
.hf-pop-over_list_header {
  padding: 5px 0;
  font-size: 14px;
  color: #5a6362;
}
.hf-pop-over_list_header:after {
  content: url(images/group-separator.png);
  position: relative;
  bottom: 3px;
  left: 8px;
  width: 0;
}
.hf-pop-over_list_item {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 5px;
}
.hf-pop-over_footer {
  margin-top: 10px;
}
.hf-pop-over_footer.hf-mod-fixed {
  padding-top: 10px;
  margin: 0 0 10px 10px;
}
.hf-pop-over_footer_primary-action {
  min-width: 62px;
  font-size: 14px;
  font-family: "Myriad Pro Regular", sans-serif;
}
.hf-pop-over_footer_secondary-action {
  padding: 10px 5px;
}
.hf-mini-pop-over {
  position: absolute;
  top: 23px;
  right: 0;
  width: 200px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 2px 22px 0 rgba(0, 0, 0, 0.22);
  z-index: 4;
}
.hf-mini-pop-over.hf-mod-left {
  left: 0;
}
.hf-mini-pop-over.hf-mod-flat-top {
  border-radius: 0 0 5px 5px;
}
.hf-mini-pop-over.hf-mod-flat-top:after,
.hf-mini-pop-over.hf-mod-flat-top:before {
  display: none;
}
.hf-mini-pop-over:after,
.hf-mini-pop-over:before,
.hf-tooltip:after,
.hf-tooltip:before {
  position: absolute;
  bottom: 100%;
  left: 75%;
  width: 0;
  height: 0;
  border: solid transparent;
  content: " ";
  pointer-events: none;
}
.hf-tooltip:after,
.hf-tooltip:before {
  top: 100%;
  left: 8px;
}
.hf-mini-pop-over.hf-mod-apps-content:after,
.hf-mini-pop-over.hf-mod-apps-content:before {
  left: 92%;
}
.hf-mini-pop-over:after {
  margin-left: -5px;
  border-width: 5px;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
}
.hf-tooltip:after {
  margin-left: -5px;
  border-width: 5px;
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #000;
}
.hf-mini-pop-over.hf-mod-position-top {
  margin-bottom: 5px;
}
.hf-mini-pop-over.hf-mod-position-top:after {
  top: 100%;
  border-top-color: #fff;
  border-bottom-width: 0;
}
.hf-mini-pop-over:before {
  margin-left: -6px;
  border-width: 6px;
  border-color: rgba(204, 204, 204, 0);
  border-bottom-color: #ccc;
}
.hf-tooltip:before {
  margin-left: -6px;
  border-width: 6px;
  border-color: rgba(204, 204, 204, 0);
  border-top-color: #ccc;
}
.hf-mini-pop-over.hf-mod-position-top:before {
  top: 100%;
  border-top-color: #ccc;
  border-bottom-width: 0;
}
.hf-mini-pop-over_group .hf-mini-pop-over_item:last-child {
  border-bottom: 1px dashed #eaeaea;
}
.hf-mini-pop-over_group:last-child .hf-mini-pop-over_item:last-child {
  border-bottom: 0;
}
.hf-mini-pop-over_active-item-background {
  background: url(svgs/tick.svg) no-repeat 96% 50%;
}
.hf-mini-pop-over_item {
  cursor: pointer;
  margin: 5px 10px;
  font-size: 14px;
  color: #666;
}
.hf-mini-pop-over_item:hover {
  color: #08c;
}
.hf-mini-pop-over_item.hf-is-current {
  background: url(svgs/tick.svg) no-repeat 96% 50%;
  background-color: #fff;
}
.hf-mini-pop-over_item.hf-is-active {
  padding: 10px 20px;
  margin: 0 -10px;
  background: url(svgs/tick.svg) no-repeat 96% 50%;
  background-color: #c8cbce;
  cursor: default;
}
.hf-mini-pop-over_item.hf-is-active:hover {
  color: #666;
}
.hf-mini-pop-over_close-icon {
  float: right;
  position: relative;
  z-index: 1;
  padding: 8px 10px 0;
  cursor: pointer;
}
.hf-mini-pop-over_sub-menu {
  max-height: 400px;
  overflow-y: auto;
  border-radius: 0 0 5px 5px;
  padding: 20px;
  background-color: #2c2c2c;
  cursor: default;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}
.hf-mini-pop-over_sub-menu li {
  padding-bottom: 5px;
  font-family: "Myriad Pro Light", sans-serif;
  font-size: 14px;
  color: #ccc;
}
.hf-mini-pop-over_sub-menu .hf-mini-pop-over_sub-menu-separater {
  margin: 5px 0 10px 15px;
  border-bottom: 1px solid #666;
  padding: 0;
}
.ember-basic-dropdown {
  position: relative;
}
.ember-basic-dropdown,
.ember-basic-dropdown-content,
.ember-basic-dropdown-content * {
  box-sizing: border-box;
}
.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #FFF;
}
.ember-basic-dropdown-content--left {
  left: 0;
}
.ember-basic-dropdown-content--right {
  right: 0;
}
.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}
.ember-power-select-dropdown * {
  box-sizing: border-box;
}
.ember-power-select-trigger {
  position: relative;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-radius: 4px;
  background-color: #ffffff;
  line-height: 1.75;
  overflow-x: hidden;
  text-overflow: ellipsis;
  min-height: 1.75em;
  user-select: none;
  -webkit-user-select: none;
  color: inherit;
  /* Minimum clearfix for modern browsers */
}
.ember-power-select-trigger:after {
  content: "";
  display: table;
  clear: both;
}
.ember-power-select-trigger:focus,
.ember-power-select-trigger--active {
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  box-shadow: none;
}
.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded="true"],
.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded="true"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded="true"] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ember-power-select-placeholder {
  color: #999999;
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ember-power-select-status-icon {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #aaaaaa transparent transparent transparent;
}
.ember-basic-dropdown-trigger[aria-expanded="true"] .ember-power-select-status-icon {
  transform: rotate(180deg);
}
.ember-power-select-clear-btn {
  position: absolute;
  cursor: pointer;
}
.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: inline-block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  float: left;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */
}
.ember-power-select-trigger-multiple-input:disabled {
  background-color: #eeeeee;
}
.ember-power-select-trigger-multiple-input::placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-webkit-input-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-moz-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-ms-input-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-multiple-options {
  padding: 0;
  margin: 0;
}
.ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 0 4px;
  display: inline-block;
  line-height: 1.45;
  float: left;
  margin: 2px 0 2px 3px;
}
.ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
.ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}
.ember-power-select-search {
  padding: 4px;
}
.ember-power-select-search-input {
  border: 1px solid #aaaaaa;
  border-radius: 0;
  width: 100%;
  font-size: inherit;
  line-height: inherit;
  padding: 0 5px;
}
.ember-power-select-search-input:focus {
  border: 1px solid #aaaaaa;
  box-shadow: none;
}
.ember-power-select-dropdown {
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  line-height: 1.75;
  border-radius: 4px;
  box-shadow: none;
  overflow: hidden;
  color: inherit;
}
.ember-power-select-dropdown.ember-basic-dropdown-content--above {
  border-top: 1px solid #aaaaaa;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ember-power-select-dropdown.ember-basic-dropdown-content--below,
.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  border-top: none;
  border-bottom: 1px solid #aaaaaa;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  width: 100%;
}
.ember-power-select-options {
  list-style: none;
  margin: 0;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}
.ember-power-select-options[role="listbox"] {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  max-height: 12.25em;
}
.ember-power-select-option {
  cursor: pointer;
  padding: 0 8px;
}
.ember-power-select-group[aria-disabled="true"] {
  color: #999999;
  cursor: not-allowed;
}
.ember-power-select-group[aria-disabled="true"] .ember-power-select-option,
.ember-power-select-option[aria-disabled="true"] {
  color: #999999;
  pointer-events: none;
  cursor: not-allowed;
}
.ember-power-select-option[aria-selected="true"] {
  background-color: #dddddd;
}
.ember-power-select-option[aria-current="true"] {
  background-color: #5897fb;
  color: #ffffff;
}
.ember-power-select-group-name {
  cursor: default;
  font-weight: bold;
}
.ember-power-select-trigger[aria-disabled=true] {
  background-color: #eeeeee;
}
.ember-power-select-trigger {
  padding: 0 16px 0 0;
}
.ember-power-select-selected-item,
.ember-power-select-placeholder {
  margin-left: 8px;
}
.ember-power-select-status-icon {
  right: 5px;
}
.ember-power-select-clear-btn {
  right: 25px;
}
.ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-left: 40px;
}
.ember-power-select-group .ember-power-select-option {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group-name {
  padding-left: 8px;
}
.ember-power-select-trigger[dir=rtl] {
  padding: 0 0 0 16px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-selected-item,
.ember-power-select-trigger[dir=rtl] .ember-power-select-placeholder {
  margin-right: 8px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-multiple-option {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-trigger-multiple-input {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-status-icon {
  left: 5px;
  right: initial;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-clear-btn {
  left: 25px;
  right: initial;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-right: 40px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name {
  padding-right: 8px;
}
.hf-list-body.hf-mod-billing {
  padding: 20px 30px;
}
.hf-list-body.hf-mod-billing.hf-mod-details {
  left: 0;
}
.hf-pinned-items.hf-slide-in ~ .hf-content .hf-list-body.hf-mod-billing {
  left: 60px;
}
.hf-pinned-items.hf-slide-in ~ .hf-content .hf-list-body.hf-mod-billing.hf-mod-billing-view {
  padding: 30px;
}
.hf-pinned-items.hf-slide-out ~ .hf-content .hf-list-body.hf-mod-billing {
  left: 0;
  padding: 30px;
}
.hf-billing-view_heading_sub-text {
  margin: 5px 0;
  color: #999;
}
.hf-plan-details-container_list {
  width: 100%;
  margin: 10px 0 15px;
  background: #fff;
  border-radius: 4px;
}
.hf-plan-details-container_list.hf-billing-unlimited_display-email-recipents {
  margin: 10px 0 0;
}
.hf-plan-details-container {
  margin: 10px 0 40px;
  width: 100%;
  background: #fff;
  border-radius: 4px;
}
.hf-plan-details-container.hf-billing-unlimited_display-email-recipents {
  margin: 10px 0 0;
}
.hf-plan-details-container.hf-mod-details {
  margin-top: 40px;
}
.hf-plan-details-container.has-schedule {
  width: 60%;
}
.hf-current-plan-details {
  width: 25%;
  border-radius: 4px;
  padding: 35px 35px 8px;
  background: #fbfbfb;
}
.hf-current-plan-details.has-schedule {
  width: 45%;
}
.hf-current-plan-details_list {
  border-radius: 4px 0 0 4px;
  padding: 40px;
}
.hf-billing-details,
.hf-card-details {
  padding: 35px 35px 8px;
}
.hf-billing-details {
  width: 33%;
  padding: 35px 80px 8px 35px;
}
.hf-billing-details.has-schedule {
  width: 55%;
}
.hf-billing-details-schedule {
  width: 40%;
  margin: 10px 0px 40px 10px;
  background: #fff;
  border-radius: 4px;
  padding: 35px 35px 8px;
}
.hf-billing-details-schedule_heading {
  margin-bottom: 25px;
}
.hf-billing-details-schedule_heading_delete {
  margin-left: 10px;
  cursor: pointer;
  color: #f43434;
}
.hf-billing-details-schedule_note {
  margin-bottom: 10px;
}
.hf-billing-details-schedule_actions {
  margin-left: 12px;
  list-style: auto;
}
.hf-card-details.hf-mod-empty-state {
  width: 406px;
  height: 206px;
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(svgs/credit-card-empty-state.svg) no-repeat;
  /* stylelint-disable-line custom_plugin/disallow-svg-url */
}
.hf-add-card-container {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.hf-add-card-container.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-add-card-container .hf-primary-action {
  width: 83px;
  margin: 10px 0;
  padding: 5px;
}
.hf-add-card-container_text {
  font-size: 20px;
  color: #000;
}
.hf-plan-details_list-outer-wrapper {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.hf-plan-details_list-outer-wrapper .hf-current-plan-details_list-wrapper {
  display: grid;
  grid-template-columns: 32% 20% 29% 18%;
}
.hf-plan-details_list-outer-wrapper .hf-current-plan-details_list-wrapper .hf-account-state {
  margin: 0;
}
.hf-plan-details_list-outer-wrapper .hf-current-plan-details_list-wrapper .hf-plan-details_view-details {
  padding: 6px 15.5px;
  border-radius: 5px;
  color: #000;
  border: 1px solid #000;
}
.hf-plan-details_list-outer-wrapper .hf-current-plan-details_list-wrapper .hf-plan-detail_value {
  color: #000;
  font-size: 14px;
  font-family: "Myriad Pro Semi Bold", sans-serif;
}
.hf-plan-details_list-outer-wrapper .hf-current-plan-details_list-wrapper .hf-upgrade-button.hf-mod-trial {
  margin: 0 8px 0 0;
  font-size: 14px;
  padding: 7px 15.5px;
}
.hf-plan-details_list-outer-wrapper .hf-current-plan-details_list-wrapper .hf-upgrade-button.hf-mod-trial:hover {
  color: #fff;
}
.hf-plan-details_list-outer-wrapper hr {
  margin: 20px 0;
  border-color: #0000001a;
}
.hf-plan-detail_list.mod-one-third-width {
  width: 30%;
  margin-right: 15px;
}
.hf-plan-detail {
  margin-bottom: 25px;
}
.hf-plan-detail_label {
  margin-bottom: 5px;
  font-size: 14px;
}
.hf-plan-detail_label.hf-mod-big-font {
  font-size: 16px;
}
.hf-plan-detail_label.hf-mod-heading {
  margin-bottom: 15px;
}
.hf-plan-detail_link {
  cursor: pointer;
  margin-left: 5px;
  font-size: 13px;
}
.hf-plan-detail_link.hf-mod-compare-all {
  margin-top: 5px;
}
.hf-plan-detail_link.hf-mod-compare-all svg {
  height: 12px;
}
.hf-plan-detail_link.hf-mod-compare-all svg g {
  stroke: #08c;
}
.hf-plan-detail_link:hover svg > g {
  stroke: #069;
}
.hf-plan-detail_link.mod-disabled {
  cursor: not-allowed;
}
.hf-plan-detail_value {
  color: #666;
}
.hf-plan-detail_value.hf-mod-bg-font {
  font-size: 22px;
}
.hf-plan-detail_value.hf-mod-billing-address {
  line-height: 1.5;
}
.hf-plan-detail_value.hf-mod-light-color {
  color: #999;
}
.hf-plan-detail_value.hf-mod-need-help a {
  font-size: 13px;
}
.hf-plan-detail_message {
  margin-top: 5px;
  font-size: 11px;
}
.hf-plan-detail_message_link {
  color: #08c;
  font-size: 11px;
}
.hf-plan-detail_message_link:hover {
  color: #069;
}
.hf-plan-detail_header {
  font-size: 20px;
  color: #666;
  line-height: 24px;
  margin-bottom: 10px;
}
.hf-billing-contact-us {
  border-color: #ccc;
  margin: 20px 25px 5px;
  padding: 9px 14px;
}
.hf-account-state {
  margin: 0 10px;
  border-radius: 8px;
  padding: 2px 8px;
  background-color: #33b533;
  color: #fff;
  font-size: 11px;
}
.hf-account-state.hf-mod-trial {
  background-color: #eba006;
}
.hf-account-state.hf-mod-cancelled {
  background: #e82110;
}
.hf-account-state.hf-mod-past-due {
  background: #f0672f;
}
.hf-credit-card-create {
  cursor: pointer;
  margin-left: 5px;
}
.hf-credit-card-create svg g > circle {
  stroke: #2a2f2f;
}
.hf-credit-card-create svg g > text {
  fill: #2a2f2f;
}
.hf-credit-card-default {
  margin: 20px 20px 0 0;
}
.hf-credit-card-wrapper {
  margin: 20px 20px 0 0;
}
.hf-credit-card {
  width: 425px;
  height: 206px;
  border-radius: 8px;
  padding: 27px 30px;
  background-color: #f4f4f4;
}
.hf-credit-card_number {
  font-family: "Myriad Pro Light", sans-serif;
  font-size: 30px;
  letter-spacing: 4.5px;
  color: #000;
}
.hf-credit-card_info {
  width: 270px;
  margin: 35px 0;
}
.hf-credit-card_info_label,
.hf-credit-card_info_value {
  color: #000;
}
.hf-credit-card_info_value {
  font-size: 14px;
}
.hf-credit-card_holder {
  font-family: "Myriad Pro Light", sans-serif;
  flex: 1;
  font-size: 20px;
  color: #000;
}
.hf-credit-card_delete {
  cursor: pointer;
}
.hf-credit-card_delete svg > g {
  stroke: #a90000;
}
.hf-credit-card-mini {
  width: 425px;
  height: 100px;
  border-radius: 8px;
  padding: 21px 30px;
  background-color: #f4f4f4;
}
.hf-credit-card-mini_number {
  font-family: "Myriad Pro Light", sans-serif;
  font-size: 18px;
  letter-spacing: 1.5px;
  color: #000;
  margin-right: 10px;
}
.hf-credit-card-mini_info {
  display: flex;
  align-items: center;
  margin: 9px 0;
}
.hf-credit-card-mini_info.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-credit-card-mini_info_value {
  margin-left: 20px;
  font-size: 14px;
  color: #000;
}
.hf-credit-card-mini_holder {
  font-family: "Myriad Pro Light", sans-serif;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  flex: 1;
  font-size: 18px;
  color: #000;
}
.hf-credit-card-mini_default {
  cursor: pointer;
  margin: 0 10px 0 15px;
  color: #3f7ead;
}
.hf-credit-card-mini_delete {
  cursor: pointer;
  margin-left: 10px;
}
.hf-credit-card-mini_delete svg > g {
  stroke: #a90000;
}
.hf-higher-plan-container {
  margin: 10px 0 2%;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
}
.hf-higher-plan-container.hf-mod-first {
  max-width: 58%;
  margin-right: 2%;
  box-shadow: 0 20px 46px 0 rgba(0, 0, 0, 0.3);
  background: url(svgs/band.svg) no-repeat bottom #fff;
  /* stylelint-disable-line custom_plugin/disallow-svg-url */
  background-size: contain;
}
.hf-higher-plan-container.hf-mod-first .hf-pricing-info {
  margin-top: 20px;
}
.hf-higher-plan-container .slick-list {
  height: auto !important;
}
.hf-higher-plan-container .slick-slide img {
  max-width: 100%;
}
.hf-higher-plan-container .slick-dots {
  bottom: 15px;
}
.hf-higher-plan-container .slick-dots li button:before {
  color: rgba(255, 255, 255, 0.5);
}
.hf-higher-plan-container .slick-dots li.slick-active button:before {
  color: #fff;
}
.hf-other-higher-plans-container {
  width: 40%;
}
.hf-plan-information {
  margin: 35px;
}
.hf-plan-name {
  margin-bottom: 5px;
  font-size: 26px;
}
.hf-plan-benefits-text {
  margin-bottom: 30px;
  font-size: 14px;
  word-spacing: 1px;
}
.hf-features-list,
.hf-integrations-list,
.hf-increased-limit-list {
  margin-right: 15px;
}
.hf-integrations-list,
.hf-increased-limit-list {
  margin-left: 35px;
}
.hf-plan-item {
  margin-bottom: 10px;
  padding-left: 20px;
  background: url(svgs/gradient-tick.svg) no-repeat left;
  /* stylelint-disable-line custom_plugin/disallow-svg-url */
}
.hf-plan-item svg {
  height: 12px;
  visibility: hidden;
}
.hf-plan-item svg g {
  stroke: #ff6b56;
}
.hf-plan-item.hf-mod-planned {
  position: relative;
}
.hf-plan-item.hf-mod-planned:after {
  content: '*';
  margin-left: 4px;
  font-size: 15px;
  color: #666;
}
.hf-plan-item,
.hf-plan-item a {
  color: #333;
}
.hf-plan-item a {
  border-bottom: 1px dashed #666;
  padding-bottom: 1px;
}
.hf-plan-item a:hover {
  color: #ff6b56;
  border-bottom: 1px dashed #ff6b56;
}
.hf-plan-item a:hover ~ svg {
  visibility: visible;
}
.hf-upgrade-button {
  margin: 20px 0 12px;
  border: 0;
  border-radius: 4px;
  padding: 8px 20px;
  cursor: pointer;
  background-image: linear-gradient(99deg, #ff8000, #ff47ec);
  font-size: 18px;
  color: #fff;
}
.hf-price-per-month {
  margin-top: 10px;
  font-size: 27px;
}
.hf-other-higher-plan-info-container {
  flex-wrap: wrap;
  margin: 10px 0;
}
.hf-other-higher-plan-info-container .hf-plan-item {
  width: 50%;
  background: url(svgs/tick.svg) no-repeat left;
  /* stylelint-disable-line custom_plugin/disallow-svg-url */
}
.hf-pricing-info {
  margin-top: 20px;
}
.hf-pricing-info_label {
  font-size: 16px;
  font-family: "Myriad Pro Semi Bold", sans-serif;
  color: #666;
  margin-bottom: 5px;
}
.hf-pricing-info_amount {
  font-size: 14px;
  color: #666;
}
.hf-upgrade-link {
  margin-top: 10px;
  color: #08c;
  cursor: pointer;
  font-size: 16px;
}
.hf-upgrade-link:hover {
  color: #069;
}
.hf-trial-duration-info {
  width: 156px;
  padding: 26px;
}
.hf-no-of-days-left {
  display: flex;
  flex-direction: column;
  width: 100px;
  height: 100px;
  border: solid 1px rgba(102, 102, 102, 0.1);
  padding: 7px 20px;
  background-color: #fff9d7;
}
.hf-no-of-days-left.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-no-of-days-left.hf-mod-trial-expired {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 9px;
  background-color: #fbfbfb;
}
.hf-no-of-days-left.hf-mod-trial-expired svg {
  width: 31px;
  height: 30px;
}
.hf-trial-days-left {
  text-align: center;
  font-size: 50px;
  color: #666;
}
.hf-no-of-days-left_text {
  position: relative;
  font-size: 12px;
  color: #808080;
  left: 5px;
}
.hf-trial-more-info {
  margin: 5px 15px;
  text-align: center;
  color: #999;
}
.hf-trial-end-date {
  padding-left: 3px;
  font-weight: 600;
  color: #666;
}
.hf-plan-details-container.hf-mod-trial .hf-plan-details {
  flex: 1;
  border-radius: 0 4px 4px 0;
  padding: 26px 26px 0;
  background: #fbfbfb;
}
.hf-plan-detail.hf-mod-trial.hf-mod-plan-name {
  width: 385px;
  border-bottom: 1px dotted rgba(102, 102, 102, 0.4);
  padding-bottom: 10px;
  margin-left: -25px;
}
.hf-plan-detail.hf-mod-trial.hf-mod-plan-name .hf-plan-detail_label,
.hf-plan-detail.hf-mod-trial.hf-mod-plan-name .hf-plan-detail_value {
  margin-left: 25px;
}
.hf-plan-detail.hf-mod-trial.hf-mod-plan-name.hf-mod-no-border {
  border: none;
}
.hf-plan-detail.hf-mod-trial.hf-mod-plan-name.hf-mod-contact-support {
  margin-top: 25px;
}
.hf-plan-detail.hf-mod-trial.hf-mod-plan-name.hf-mod-trial-expired {
  margin-bottom: 10px;
}
.hf-discount-info {
  font-size: 20px;
  color: #666;
}
.hf-upgrade-button.hf-mod-trial {
  display: inline-block;
  margin: 0 0 5px;
}
.hf-upgrade-button.hf-mod-trial.hf-mod-margin-top {
  margin-top: 20px;
}
.hf-price-post-discount-period {
  margin: 10px 0;
  color: #999;
}
.hf-upgrade-price-info {
  margin: 0 -26px;
  border-bottom: 1px dotted rgba(102, 102, 102, 0.4);
  padding-bottom: 20px;
}
.hf-upgrade-price-info_container {
  padding: 0 26px;
}
.hf-account-info {
  padding: 26px 0 0;
}
.hf-account-info .hf-plan-detail {
  margin-right: 40px;
}
.hf-billing-cycle {
  margin: 0 10px;
  opacity: 0.5;
  font-size: 14px;
}
.hf-billing-cycle.hf-mod-active {
  opacity: 1;
}
.hf-plan-box {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 25%;
  margin: 10px 30px 10px 0;
  border-radius: 8px;
  padding: 26px;
  background-color: #333;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  color: #fff;
}
.hf-plan-box.hf-mod-recommended {
  position: relative;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 12px 25px 0 rgba(0, 0, 0, 0.4);
}
.hf-plan-box .hf-plan-name {
  margin-right: -26px;
  border-bottom: 1px solid #666;
  padding-bottom: 10px;
  font-size: 21px;
}
.hf-plan-box .hf-plan-item {
  padding: 0;
  background: none;
  color: #fff;
}
.hf-plan-box .hf-price-per-month {
  font-size: 12px;
  color: #61dc95;
  margin-bottom: 10px;
}
.hf-plan-box .hf-price-per-month .hf-amount {
  font-size: 24px;
}
.hf-plan-box .hf-button-container {
  display: flex;
  align-items: flex-end;
  flex-grow: 1;
  margin: 25px 0;
  margin-bottom: auto;
  text-align: center;
}
.hf-plan-box .hf-choose-plan {
  width: 100%;
  border: 0;
  border-radius: 2px;
  padding: 10px;
  background: #fff;
  font-family: "Myriad Pro Semi Bold", sans-serif;
  font-size: 16px;
  color: #333;
}
.hf-plan-box .hf-choose-plan:hover {
  border: 0;
  background-color: #08c;
  color: #fff;
}
.hf-plan-box .hf-lesser-plan {
  font-size: 14px;
  margin-bottom: 20px;
}
.hf-plan-box .hf-lesser-plan:after {
  content: '+';
  margin-left: 5px;
  color: #61dc95;
}
.hf-plan-box .hf-recommended-plan {
  display: flex;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 30px;
  border-radius: 8px 8px 0 0;
  padding: 0 24px;
  font-size: 14px;
  color: #333;
  top: -30px;
  left: 0px;
  background: url(svgs/recommended.svg) no-repeat 98% 0 #fbfbfb;
  /* stylelint-disable-line custom_plugin/disallow-svg-url */
  box-shadow: 0 12px 25px 0 rgba(0, 0, 0, 0.4);
}
.hf-plan-box .hf-recommended-plan.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-plan-box .hf-view-more {
  display: inline-block;
  border-bottom: 1px dashed #fff;
  padding-bottom: 2px;
  cursor: pointer;
}
.hf-plan-box .hf-current-plan {
  margin: 0 10px;
  border-radius: 8px;
  padding: 3px 10px;
  background-color: #e8e8e8;
  font-family: "Myriad Pro Semi Bold", sans-serif;
  font-size: 10px;
  color: #333;
}
.hf-plan-box:hover .hf-choose-plan {
  background-color: #08c;
  color: #fff;
}
.hf-chat-with-us-container {
  width: 520px;
  height: 73px;
  margin: 26px auto 0;
  border: solid 1px #d6d6d6;
  border-radius: 4px;
  background-color: #ebebeb;
}
.hf-chat-with-us-text {
  margin-right: 15px;
  font-size: 15px;
}
.hf-invoice-details {
  color: #666;
}
.hf-invoice-details svg > g {
  opacity: 1;
}
.hf-planned-features-indicator {
  margin-right: 2px;
  position: relative;
  top: 2px;
}
.hf-choose-different-plan-text {
  margin: 0 10px;
  color: #999;
}
.hf-other-products-container {
  margin-bottom: 40px;
}
.hf-other-products-card-heading {
  font-size: 22px;
}
.hf-email-recipients-container {
  margin-bottom: 40px;
  padding-bottom: 30px;
  background: #fff;
  border-radius: 4px;
  border-top: 1px solid #eceded;
}
.hf-email-recipients-container .hf-billing-info_email-recipients {
  padding: 35px 35px 8px;
}
.hf-email-recipients-container .hf-billing-info_email-recipients .hf-billing-info_email-heading {
  font-size: 16px;
  margin-bottom: 10px;
}
.hf-email-recipients-container .hf-billing-info_email-recipients .hf-billing-info_email-description {
  color: #666;
}
.hf-email-recipients-container .hf-billing-info_email-recipients .hf-billing-info_email-ids .hf-billing-recipient-mail-id {
  display: inline-block;
  margin: 15px 10px 0 0;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 3px 8px;
  background-color: #fff;
}
.hf-billing-info_email-footer {
  margin-top: 20px;
}
.hf-contact-support-link {
  color: #52aec9;
  margin-left: 5px;
}
.hf-billing-view_heading.hf-contact-notification-visible {
  margin-top: 40px;
}
.hf-contact-support-notification {
  display: flex;
  position: absolute;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
  padding: 8px 11px 5px 9px;
  background-color: #fffec2;
  top: 15px;
}
.hf-contact-support-notification .hf-contact-info-icon {
  margin-right: 5px;
}
.hf-billing_app-usage-details {
  display: flex;
  width: 50%;
  margin: 20px 0 40px;
  background: #fff;
  border-radius: 4px;
  justify-content: space-around;
  padding: 20px;
}
.hf-billing_app-usage-details .hf-billing_ticket-usage-detail,
.hf-billing_app-usage-details .hf-billing_custom-field-usage-detail {
  margin-right: 20px;
  width: 208px;
}
.hf-billing_app-usage-details .hf-billing_ticket-usage-detail .hf-billing_usage-detail-heading,
.hf-billing_app-usage-details .hf-billing_custom-field-usage-detail .hf-billing_usage-detail-heading {
  font-size: 15px;
  margin-bottom: 5px;
}
.hf-billing_app-usage-details .hf-billing_ticket-usage-detail .hf-billing_usage-detail-percentage-used,
.hf-billing_app-usage-details .hf-billing_custom-field-usage-detail .hf-billing_usage-detail-percentage-used {
  margin: 8px 0 5px;
}
.hf-billing_app-usage-details .hf-billing_ticket-usage-detail .hf-billing_usage-detail-percentage-used .hf-progress-bar,
.hf-billing_app-usage-details .hf-billing_custom-field-usage-detail .hf-billing_usage-detail-percentage-used .hf-progress-bar {
  width: 100%;
  border: none;
  background-color: #f4f6f6;
}
.hf-billing_app-usage-details .hf-billing_ticket-usage-detail .hf-billing_usage-detail-percentage-used .hf-progress-bar .hf-progress-bar_indicator,
.hf-billing_app-usage-details .hf-billing_custom-field-usage-detail .hf-billing_usage-detail-percentage-used .hf-progress-bar .hf-progress-bar_indicator {
  border-radius: 4px;
  background-color: #08c;
}
.hf-billing_app-usage-details .hf-billing_ticket-usage-detail .hf-billing_usage-detail-description,
.hf-billing_app-usage-details .hf-billing_custom-field-usage-detail .hf-billing_usage-detail-description {
  color: #8f8f8f;
  margin-bottom: 5px;
}
.hf-billing_app-usage-details .hf-billing_ticket-usage-detail .hf-billing_usage-detail-additional-cost,
.hf-billing_app-usage-details .hf-billing_custom-field-usage-detail .hf-billing_usage-detail-additional-cost {
  width: 250px;
  color: #8f8f8f;
  margin-bottom: 5px;
}
.hf-billing_app-usage-details .hf-billing_ticket-usage-detail .hf-billing_usage-detail-additional-cost .hf-billing_usage-detail-additional-cost_cost-amount,
.hf-billing_app-usage-details .hf-billing_custom-field-usage-detail .hf-billing_usage-detail-additional-cost .hf-billing_usage-detail-additional-cost_cost-amount {
  font-family: "Myriad Pro Semi Bold", sans-serif;
  color: #333;
}
.hf-billing_app-usage-details .hf-billing_ticket-usage-detail.hf-billing_usage-limit-exceeded .hf-billing-usage-count,
.hf-billing_app-usage-details .hf-billing_custom-field-usage-detail.hf-billing_usage-limit-exceeded .hf-billing-usage-count {
  color: #c00;
}
.hf-billing_app-usage-details .hf-billing_ticket-usage-detail.hf-billing_usage-limit-exceeded .hf-billing_usage-detail-percentage-used .hf-progress-bar .hf-progress-bar_indicator,
.hf-billing_app-usage-details .hf-billing_custom-field-usage-detail.hf-billing_usage-limit-exceeded .hf-billing_usage-detail-percentage-used .hf-progress-bar .hf-progress-bar_indicator {
  background-color: #c00;
}
.hf-card-details {
  width: 55%;
  background-color: #fbfbfb;
  margin-bottom: 55px;
}
.hf-billing-overlay.hf-mod-thank-you-overlay {
  background-color: #111325;
}
.modal.hf-mod-purchase-wizard {
  width: 995px;
}
.modal.hf-mod-purchase-wizard .modal_body.hf-mod-wizard-container {
  background-color: transparent;
}
.modal.hf-mod-purchase-wizard .modal_body.hf-mod-purchase-modal-body {
  padding: 0 0 30px;
}
.hf-billing-header {
  font-family: "Myriad Pro Semi Bold", sans-serif;
  margin-bottom: 10px;
  font-size: 18px;
  color: #545c5b;
}
.hf-billing-header.hf-mod-medium-font {
  font-size: 15px;
}
.hf-billing-header:nth-of-type(2) {
  margin-top: 15px;
}
.hf-billing-compare {
  width: 85%;
  letter-spacing: 0.22px;
}
.hf-billing-compare_update-subscription {
  width: 100%;
  letter-spacing: 0.22px;
}
.hf-billing-compare_header {
  border-bottom: 1px dashed #666;
  border-radius: 8px 8px 0 0;
  padding: 20px 25px;
  background-color: #fafafa;
  font-size: 14px;
}
.hf-billing-compare_header .hf-billing-summary_updated-property {
  width: 33%;
}
.hf-billing-compare_header .hf-billing-summary_updated-property .hf-billing-summary_updated-property-key {
  font-size: 16px;
  color: #333;
}
.hf-billing-compare_header .hf-billing-summary_updated-property .hf-billing-summary_updated-property-value {
  font-size: 13px;
  color: #666;
}
.hf-billing-compare_body {
  border-radius: 0 0 8px 8px;
  padding: 20px 25px;
}
.hf-billing-compare_body .hf-billing-comparison-text {
  padding-bottom: 5px;
}
.hf-billing-compare_body_warning {
  margin-bottom: 20px;
  font-size: 14px;
  color: #cf4f57;
}
.hf-billing-remove-icon > g circle {
  fill: #ffadad;
  opacity: 1;
}
.hf-billing-remove-icon > g g {
  stroke: #000;
}
.hf-billing-add-icon {
  color: #4fd741;
}
.hf-billing-compare-footer {
  width: 85%;
}
.hf-billing-compare-footer_choose-btn {
  background-color: #fafafa;
  border-color: #e1e1e1;
  letter-spacing: 0.22px;
}
.hf-billing-plan-type_container .hf-billing-plan-type {
  display: flex;
  align-items: center;
  margin: 20px 0;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
}
.hf-billing-plan-type_container .hf-billing-plan-type.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-billing-plan-type_container .hf-billing-plan-type:first-of-type {
  margin-top: 5px;
}
.hf-billing-plan-type_container .hf-billing-plan-type:last-of-type {
  margin-bottom: 0;
}
.hf-billing-plan-type_container .hf-billing-plan-type.hf-is-selected {
  border-color: #08c;
}
.hf-billing-plan-type_container .hf-billing-plan-type.mod-disabled {
  cursor: not-allowed;
}
.hf-billing-plan-type_container.hf-disabled .hf-billing-plan-type {
  pointer-events: none;
  opacity: 0.5;
}
.hf-billing-customise-reduced-width {
  width: 375px;
}
.hf-u-half-width.hf-mod-billing-plan-details {
  width: 43%;
  margin-right: 60px;
}
.hf-billing-form-content .hf-form-field {
  margin-bottom: 20px;
}
.hf-billing-form-content .hf-form-field.hf-no-margin {
  margin-bottom: 0;
}
.hf-billing-form-content .hf-form-field:last-of-type {
  margin-bottom: 0;
}
.hf-billing-form-content .hf-form-field.hf-billing-company-name-field {
  margin-bottom: 20px;
}
.hf-billing-form-content .hf-u-vertically-centered-container .hf-form-field {
  margin-right: 20px;
}
.hf-billing-form-content .hf-u-vertically-centered-container .hf-form-field:last-of-type {
  margin-bottom: 20px;
}
.hf-billing-plan-type-update {
  display: flex;
  align-items: center;
  width: 375px;
  height: 50px;
  margin: 20px 0;
  border: 1px solid #ededed;
  padding: 11px 13px;
  background-color: #f8f8f8;
  cursor: pointer;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.hf-billing-plan-type-update.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-billing-plan-type-update:first-of-type {
  margin-top: 5px;
}
.hf-billing-plan-type-update.hf-mod-disabled {
  cursor: not-allowed;
}
.hf-billing-compare-plans {
  color: #08c;
  position: absolute;
  right: 0;
  top: 0;
}
.hf-billing-compare-plans:hover {
  color: #069;
}
.hf-radio_button .hf-billing-plan {
  display: flex;
}
.hf-radio_button .hf-billing-plan.hf-tooltipped-right:after {
  bottom: 60%;
  left: 37%;
}
.hf-radio_button .hf-billing-plan.hf-tooltipped-right:before {
  top: 40%;
  right: 62%;
}
.hf-radio_button .hf-billing-plan .hf-billing-plan-color {
  width: 5px;
  height: 50px;
  margin-top: 5px;
  border: 1px solid #ededed;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.hf-radio_button:nth-child(1) .hf-billing-plan-color {
  background-color: #0ac298;
}
.hf-radio_button:nth-child(2) .hf-billing-plan-color {
  background-color: #e3434a;
}
.hf-radio_button:nth-child(3) .hf-billing-plan-color {
  background-color: #439ffd;
}
.hf-radio_button:nth-child(4) .hf-billing-plan-color {
  background-color: #ef6d34;
}
.hf-billing-plan-type_name {
  margin: 1px 0 0 3px;
  font-size: 14px;
}
.hf-billing-plan-type_amount {
  font-size: 40px;
}
.hf-billing-plan-type_desc {
  font-size: 12px;
}
.hf-billing-plan-type_savings {
  font-size: 13px;
  color: #093;
}
.hf-billing-calculation,
.hf-billing-compare,
.hf-billing-compare_update-subscription {
  border: 1px solid #e3e3e3;
  border-radius: 8px;
  margin-bottom: 25px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
}
.hf-billing-calculation_section {
  padding: 25px 20px 30px;
}
.hf-billing-total-section {
  border-radius: 0 0 8px 8px;
  background-color: #fafafa;
  padding: 25px 20px 30px;
}
.hf-billing-calculation_row {
  display: flex;
  align-items: baseline;
  margin-bottom: 20px;
}
.hf-billing-calculation_row.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-billing-calculation_row.hf-mod-no-margin {
  margin-bottom: 0;
}
.hf-billing-calculation_row.hf-mod-overdue {
  margin-bottom: 20px;
}
.hf-billing-calculation_row.hf-mod-overdue:not(:last-of-type) {
  margin-bottom: 10px;
}
.hf-billing-calculation_row.hf-mod-tax-details {
  margin-top: 20px;
  margin-bottom: 0;
}
.hf-billing-calculation_coupon-delete {
  cursor: pointer;
  margin: 0 0 2px 10px;
}
.hf-billing-calculation_coupon-desc {
  display: block;
  margin: 3px 0 20px;
  font-size: 12px;
  color: #666;
}
.hf-billing-calculation_row_divider {
  flex: 1;
  margin: 0 10px 6px;
  border-bottom: 1px dashed #666;
}
.hf-billing-calculation_row_divider.hf-mod-no-margin {
  margin: 0;
}
.hf-billing-calculation_section_heading {
  font-family: "Myriad Pro Regular", sans-serif;
  font-size: 26px;
}
.hf-billing-calculation_section_heading.show-asterisk:after {
  content: '*';
}
.hf-billing-calculation_section_tax-message {
  margin-top: 10px;
  font-size: 12px;
}
.hf-warning-message_container.hf-mod-contact-sales {
  display: flex;
  margin-bottom: 0;
}
.hf-warning-message_container.hf-mod-contact-sales svg {
  margin-top: 2px;
}
.hf-billing-calculation_due {
  margin-bottom: 10px;
  font-size: 16px;
  color: #000;
}
.hf-billing-details-header {
  font-size: 16px;
}
.hf-billing-details-header.hf-mod-address-header {
  display: block;
  margin-bottom: 20px;
}
.hf-billing-details-header.hf-mod-tax-id-header-optional {
  font-size: 12px;
}
.hf-billing-details-address-checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  margin-bottom: 30px;
}
.hf-billing-details-address-checkbox.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-billing-details-address-checkbox input[type="checkbox"] {
  margin-left: 0;
}
.hf-billing-offline-payment {
  text-align: center;
  font-size: 14px;
  color: #2a2f2f;
  line-height: 18px;
}
.hf-billing-details-tax-note {
  font-size: 14px;
  color: #2a2f2f;
  line-height: 18px;
  margin-bottom: 10px;
}
.hf-billing-details-tax-note:last-child {
  margin-bottom: 0;
}
.hf-billing-card-layout {
  margin: 10px 0 15px;
  border: 1px solid #e3e3e3;
  border-radius: 10px;
  padding: 20px;
  background-color: #f4f6f6;
  letter-spacing: 0.22px;
}
.hf-billing-card-layout iframe {
  width: 100% !important;
}
.hf-billing-card-layout.hf-mod-credit-card {
  padding-bottom: 2px;
}
.hf-billing-card-layout_tax_header {
  margin-bottom: 20px;
}
address {
  font-style: normal;
  line-height: 18px;
}
.hf-wizard.hf-mod-billing-wizard .hf-form-field_label {
  display: block;
  font-size: 13px;
}
.hf-wizard.hf-mod-billing-wizard .hf-form-field_value {
  font-size: 14px;
  color: #333;
}
.hf-wizard.hf-mod-billing-wizard .hf-form-field_value.hf-mod-margin-top {
  margin-top: 10px;
}
.hf-wizard.hf-mod-billing-wizard .hf-wizard_content {
  padding-bottom: 40px;
}
.hf-billing-thank-you {
  width: 100%;
  height: 760px;
  background: url('/assets/images/thank-you-bg.png');
  background-size: contain;
  background-repeat: no-repeat;
  line-height: 37px;
  color: #fff;
}
.hf-billing-thank-you_text {
  padding: 230px 80px 25px;
  font-size: 27px;
}
.hf-billing-thank-you_summary {
  font-size: 27px;
  color: #fff;
  border-bottom: 1px dashed #fff;
}
.hf-billing-thank-you_summary:hover,
.hf-billing-thank-you_summary:active,
.hf-billing-thank-you_summary:focus {
  color: #fff;
}
.hf-billing-thank-you_sub-text {
  padding: 50px 0 0;
  font-size: 26px;
}
.hf-billing-thank-you_resource {
  display: flex;
}
.hf-billing-thank-you_resource.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-billing-thank-you_resource:first-of-type {
  justify-content: flex-end;
}
.hf-billing-thank-you_resource:last-of-type {
  justify-content: flex-start;
}
.hf-billing-thank-you_resource_title {
  text-align: center;
  font-size: 20px;
  color: #fff;
}
.hf-billing-thank-you_padding {
  width: 100%;
  height: 100px;
  background: #2f3c8e;
  margin: -25px 0 50px;
}
.hf-primary-action.hf-mod-apply-coupon {
  margin: 0 0 4px 10px;
}
.hf-u-nav-tabs.hf-mod-billing-tabs {
  margin-bottom: 30px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  border-bottom: none;
  padding: 0;
  background-color: #fbfbfb;
}
.hf-u-nav-tabs.hf-mod-billing-tabs .hf-tab {
  margin: 0;
  border-radius: 8px 0 0 8px;
  padding: 10px;
  color: #333;
}
.hf-u-nav-tabs.hf-mod-billing-tabs .hf-tab:last-of-type {
  border-radius: 0 8px 8px 0;
}
.hf-u-nav-tabs.hf-mod-billing-tabs .hf-tab.hf-is-active {
  background-color: #333;
  color: #fff;
}
.hf-u-nav-tabs.hf-mod-billing-tabs .hf-tab.hf-is-active:after {
  display: none;
}
.hf-view-invoices_list {
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 50px 47px 32px 40px;
  background-color: #fff;
  box-shadow: 0 0 4px 0 rgba(221, 221, 221, 0.5);
  margin-top: 16px;
}
.hf-view-invoices_list .table-container {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.26);
}
.hf-view-invoices_list .hf-mod-header {
  margin-left: 82%;
}
.hf-billing_credit-card-details-form iframe {
  width: 100% !important;
}
.hf-billing_credit-card-details-form .hf-billing_credit-card-details_heading {
  font-size: 16px;
  color: #333;
  padding-bottom: 13px;
}
.hf-billing_credit-card-details-form .hf-billing_credit-card-details_card-number {
  width: 50%;
  width: 48%;
  margin-right: 2% !important;
}
.hf-billing_credit-card-details-form .hf-billing_credit-card-details_card-number:nth-of-type(2n+1) {
  margin-right: 4%;
}
.hf-billing_credit-card-details-form .hf-billing_credit-card-details_cvv {
  width: 100px;
}
.hf-billing_credit-card-details-form .hf-billing_credit-card-details_expiry-month {
  width: 90px;
}
.hf-billing_credit-card-details-form .hf-billing_credit-card-details_expiry-year {
  width: 100px;
}
.hf-billing_terms-privacy-consent {
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.hf-billing_terms-privacy-consent.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-billing_terms-privacy-consent .hf-form-field-input.hf-check-box-input {
  cursor: pointer;
  margin: 3px 5px 3px 0;
}
.hf-billing-update-subscription-radio-group {
  display: flex;
}
.hf-billing-update-subscription-radio-group .hf-billing-plan-type {
  margin: 5px 5px 5px 0;
}
.hf-billing_choose-plan {
  font-size: 16px;
  color: #333;
}
.hf-billing_choose-plan .hf-billing_plan-billing-cycle {
  font-size: 12px;
  color: #666;
}
.hf-billing_plan-summary,
.hf-billing_updated-plan-details,
.hf-billing_staff-count,
.hf-billing_billing-frequency {
  padding: 10px 0;
  font-size: 16px;
  color: #333;
}
.hf-billing-update_subscription_result {
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 64px 47px 59px 70px;
  background-color: rgba(248, 248, 248, 0.5);
}
.hf-billing-update_subscription_result .hf-billing-update_subscription_result_icon {
  text-align: center;
}
.hf-billing-update_subscription_result .hf-billing-update_subscription_result_icon svg {
  width: 30px;
  height: 30px;
}
.hf-billing-update_subscription_result .hf-billing-update_subscription_result_icon svg g circle {
  fill: #4fd741;
}
.hf-billing-update_subscription_result .hf-billing-update_subscription_header-text {
  padding: 10px;
  text-align: center;
  font-size: 16px;
  color: #333;
}
.hf-billing-update_subscription_result .hf-billing-update_subscription_result_description-text {
  text-align: center;
  font-size: 13px;
  color: #666;
}
.hf-cancel-subscription {
  margin-bottom: 50px;
}
.hf-cancel-subscription .hf-cancel-subscription_talk-to-us {
  background-color: #fff;
}
.hf-cancel-subscription .hf-cancel-subscription_talk-to-us .hf-cancel-subscription_talk-to-us_title {
  padding: 60px 0 12px 75px;
  font-size: 24px;
  color: #333;
}
.hf-cancel-subscription .hf-cancel-subscription_talk-to-us .hf-cancel-subscription_talk-to-us_info {
  height: 50px;
  padding-left: 75px;
  padding-bottom: 18px;
  font-size: 15px;
  color: #666;
}
.hf-cancel-subscription .hf-cancel-subscription_talk-to-us .hf-cancel-subscription_image-section {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.hf-cancel-subscription .hf-cancel-subscription_talk-to-us .hf-cancel-subscription_talk-to-us_sub-card {
  display: flex;
  border-radius: 5px;
  padding: 23px 33px 18px 21px;
  box-shadow: 0px 0px 17px 3px rgba(0, 0, 0, 0.21);
  margin-left: 75px;
  margin-bottom: 50px;
}
.hf-cancel-subscription .hf-cancel-subscription_talk-to-us .hf-cancel-subscription_talk-to-us_sub-card .hf-cancel-subscription_talk-to-us_sub-card-title {
  padding: 10px 0 0 20px;
  font-size: 16px;
  color: #333;
}
.hf-cancel-subscription .hf-cancel-subscription_talk-to-us .hf-cancel-subscription_talk-to-us_sub-card .hf-cancel-subscription_talk-to-us_sub-card-info {
  padding: 7px 0 0 20px;
  font-size: 14px;
  color: #666;
}
.hf-cancel-subscription .hf-cancel-subscription_talk-to-us .hf-cancel-subscription_talk-to-us_sub-card .hf-cancel-subscription_talk-to-us_sub-card-arrow {
  display: flex;
  align-items: center;
  font-size: 14px;
  padding-left: 30px;
  padding-bottom: 10px;
}
.hf-cancel-subscription .hf-cancel-subscription_proceed-with-cancellation {
  background: #e6f5ff;
  padding: 75px 75px 35px;
  margin-top: -4px;
}
.hf-cancel-subscription .hf-cancel-subscription_proceed-with-cancellation .hf-cancel-subscription_proceed-with-cancellation_title {
  font-size: 20px;
  color: #333;
}
.hf-cancel-subscription .hf-cancel-subscription_proceed-with-cancellation .hf-cancel-subscription_proceed-with-cancellation_info {
  width: 75%;
  padding: 14px 0;
  font-size: 15px;
  color: #666;
}
.hf-cancellation-reasons_collect-reasons .hf-cancellation-reasons_title {
  width: 490px;
  height: 75px;
  font-size: 15px;
  color: #666;
}
.hf-cancellation-reasons_collect-reasons .hf-cancellation-reasons_enter-code-title {
  padding: 5px 0;
  font-size: 14px;
  color: #333;
}
.hf-cancellation-reasons_collect-reasons .hf-cancellation-reasons_enter-confirmation-code {
  width: 200px;
}
.hf-cancellation-reasons_collect-reasons .hf-cancellation-reasons_cancel-subscription-title {
  font-size: 14px;
  color: #333;
}
.hf-cancellation-reasons_collect-reasons .hf-cancellation-reasons_confirm-confirmation-code {
  width: 480px;
}
.hf-cancellation-reasons_collect-reasons .hf-cancellation-reasons_resend-code {
  padding: 10px 0 22px;
  font-size: 14px;
  color: #666;
}
.hf-cancellation-reasons_collect-reasons .hf-cancellation-reasons_resend-code .hf-cancellation-reasons_resend-code-link {
  cursor: pointer;
  color: #08c;
}
.hf-cancellation-reasons_collect-reasons .hf-billing-cancellation-timeperiod {
  background: #f8f8f8;
  width: 480px;
  margin: 10px 0;
  border: 1px solid #ededed;
  border-radius: 8px;
  padding: 10px;
  cursor: pointer;
}
.hf-cancellation-reasons_collect-reasons .hf-billing-cancellation-timeperiod .hf-billing-cancellation-timeperiod-label {
  padding: 0 10px;
  cursor: pointer;
  font-size: 14px;
  color: #333;
}
.hf-cancellation-reasons_collect-reasons .hf-billing-cancellation-timeperiod .hf-billing-cancellation-timeperiod-sublabel {
  padding: 7px;
  cursor: pointer;
  font-size: 13px;
  color: #666;
}
.hf-cancellation-reasons_collect-reasons .hf-billing-cancellation-timeperiod .hf-u-flex-container {
  cursor: pointer;
}
.hf-cancellation-reasons_verify-reason {
  width: 530px;
}
.hf-cancellation-reasons_verify-reason .hf-cancellation-reasons_title {
  font-size: 15px;
  color: #666;
}
.hf-cancellation-reasons_verify-reason .hf-cancellation-reasons_reasons {
  padding: 8px;
  font-size: 14px;
  color: #333;
}
.hf-cancellation-reasons_verify-reason .hf-cancellation-reasons_reasons .hf-cancellation-reasons_reason-missing-title {
  font-size: 13px;
  color: #333;
  font-weight: 600;
  padding-left: 22px;
  padding-top: 8px;
}
.hf-cancellation-reasons_verify-reason .hf-cancellation-reasons_reasons .hf-cancellation-reasons_reason-expansion {
  display: grid;
  padding: 10px;
  padding-left: 22px;
  grid-template-columns: auto auto;
}
.hf-cancellation-reasons_verify-reason .hf-cancellation-reasons_reasons .hf-cancellation-reasons_reason-expansion .hf-cancellation-reasons_reasons-missing-requirements {
  display: block;
  padding: 5px;
  font-size: 14px;
  color: #333;
}
.hf-cancellation-reasons_verify-reason .hf-cancellation-reasons_reasons .hf-cancellation-reasons_reason-expansion .hf-form-input.hf-text-input.hf-mod-textarea {
  width: 100%;
  height: 75px;
}
.hf-cancellation-reasons_verify-reason .hf-cancellation-reasons_reasons .hf-cancellation-reasons_reason-expansion .hf-cancellation-reasons_reason-expansion-priced-plan {
  grid-column-start: 1;
  grid-column-end: 3;
  width: 180px;
  font-size: 13px;
  color: #333;
}
.hf-cancellation-reasons_verify-reason .hf-cancellation-reasons_reasons .hf-cancellation-reasons_reason-expansion .hf-cancellation-reasons_reason-expansion-priced-plan .hf-mod-dropdown {
  margin-bottom: 7px;
}
.hf-billing_update-subscription-header {
  justify-content: space-between;
}
.hf-cancellation-reasons_footer {
  background: #f9fafb;
  box-shadow: 0 -1px 0 0 #dbdcdc;
  border-radius: 0 0 6px 6px;
  padding: 14px 0 12px 25px;
}
.hf-current-subscription-cancelled {
  width: 635px;
  border-radius: 8px;
  padding: 100px;
}
.hf-current-subscription-cancelled .hf-success-icon {
  width: 80px;
  height: 80px;
  margin: 0 0 20px 40%;
}
.hf-current-subscription-cancelled .hf-success-icon .hf-login_main_logo_icon {
  max-height: 80px;
}
.hf-current-subscription-cancelled .hf-success-title {
  text-align: center;
  font-size: 36px;
  color: #2a2f2f;
}
.hf-current-subscription-cancelled .hf-success-text {
  font-size: 14px;
}
.hf-billing-downgrade-dependencies {
  padding: 15px 0px 1px 0;
}
.hf-billing-downgrade-dependencies .hf-confirmation-dialog_body_dependant_header {
  font-size: 14px;
  font-weight: bold;
  color: #333;
}
.hf-billing-downgrade-dependencies .hf-billing-dependency-description {
  font-size: 13px;
  color: #666;
}
.hf-confirmation-dialog.hf-mod-manage-downgrade-with-dependants {
  width: 275px;
  margin-left: 50px;
}
.hf-confirmation-dialog.hf-mod-manage-downgrade-with-dependants .hf-confirmation-dialog_body {
  min-height: 160px;
  max-height: 400px;
  padding: 20px;
  overflow-y: auto;
}
.hf-downgrade-dependency-trigger {
  margin-bottom: 20px;
  margin-top: 5px;
}
.hf-credit-card-container {
  margin: 10px 0;
  border: 1px solid #ddd;
  padding: 10px;
  background: #fff;
}
.hf-credit-card-result {
  margin-bottom: 30px;
}
.hf-powered-by-stripe-message {
  position: absolute;
  bottom: 0;
  right: 10px;
  width: 100px;
  height: 50px;
}
.hf-powered-by-stripe-message svg {
  max-width: 100%;
  max-height: 100%;
}
.hf-billing-cycle-radio-button-group .hf-radio_button {
  margin-bottom: 20px;
}
.hf-billing-card-layout.hf-address-info .hf-form-field:first-of-type {
  margin: 0 0 20px;
}
.hf-billing-card-layout.hf-address-info .hf-form-field_label {
  font-size: 16px;
}
.hf-billing-card-layout.hf-address-info .hf-form-field_value.hf-mod-margin-top {
  margin-top: 5px;
}
.hf-credit-card-section {
  margin-bottom: 27px;
}
.hf-app-card {
  display: flex;
  position: relative;
  width: 250px;
  margin: 0 40px 30px 0;
  border-radius: 8px;
  padding: 15px 15px 40px;
  cursor: pointer;
  background: #fff;
}
.hf-app-card:hover {
  box-shadow: 0 0 4px 0 rgba(100, 100, 100, 0.5);
}
.hf-app-card::after {
  position: absolute;
  width: 43px;
  height: 40px;
  bottom: 0;
  right: 0;
  content: '';
  border-bottom-right-radius: 7px;
}
.hf-app-card.hf-is-unavailable::after,
.hf-app-card.hf-is-disabled::after {
  background: linear-gradient(to bottom right, #fff 0%, #fff 49%, #d8d8d8 50%);
}
.hf-app-card.hf-is-active::after {
  background: linear-gradient(to bottom right, #fff 0%, #fff 49%, #5bc683 50%);
}
.hf-app-card.hf-is-requested::after {
  background: linear-gradient(to bottom right, #fff 0%, #fff 49%, #d75a4a 50%);
}
.hf-app-card.hf-mod-billing {
  flex-direction: column;
  margin: 20px 20px 0 0;
  padding-bottom: 20px;
  color: #666;
}
.hf-app-card_img {
  width: 40px;
  height: 40px;
  margin-right: 15px;
}
.hf-app-card_info {
  margin-top: 3px;
}
.hf-app-card_info_name {
  width: 155px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 16px;
  color: #545c5b;
}
.hf-app-card_info_stat {
  font-style: italic;
  font-size: 12px;
  color: #7c7f7f;
}
.hf-app-card_icon {
  position: absolute;
  bottom: 6px;
  right: 7px;
  z-index: 1;
}
.hf-app-cards-content {
  display: flex;
  flex-wrap: wrap;
}
.hf-apply-coupon-button {
  height: 31px;
  margin-top: 2px;
}
.hf-invoices_table {
  margin-top: 20px;
}
.hf-invoices_table .table-container:not(.hf-mod-can-select) .ember-light-table {
  margin-left: 0;
}
.proration-details {
  margin-bottom: 25px;
}
.proration-details_heading {
  margin-bottom: 15px;
}
.proration-details_message {
  font-family: "Myriad Pro Semi Bold", sans-serif;
  margin: 15px 0;
}
.ember-light-table .proration-details_table .lt-row .lt-cell:first-child {
  border-left: 1px solid #e3e6e6;
}
.ember-light-table .proration-details_table .lt-row .lt-cell:last-child {
  border-right: 1px solid #e3e6e6;
}
.ember-light-table .proration-details_table .lt-row .lt-column:first-child {
  border-left: 1px solid #e3e6e6;
}
.ember-light-table .proration-details_table .lt-row .lt-column:last-child {
  border-right: 1px solid #e3e6e6;
}
.ember-light-table .proration-details_table .lt-row .lt-column {
  border-top: 1px solid #e3e6e6;
}
.ember-light-table .proration-details_table .lt-cell {
  white-space: unset;
}
.ember-light-table .proration-details_table .show-asterisk {
  position: relative;
}
.ember-light-table .proration-details_table .show-asterisk:after {
  position: absolute;
  right: 7px;
  content: '*';
}
.hf-billing_customise_contact-billing {
  list-style: disc;
  padding: 0 5px;
}
.hf-billing_customise_contact-billing li {
  margin: 10px 20px;
}
.table-container {
  overflow-x: auto;
}
.table-container.hf-mod-no-pagination {
  margin-bottom: 40px;
}
.table-container.hf-mod-contact-groups {
  margin-left: 40px;
}
.table-container.hf-mod-no-contacts {
  margin-top: 20px;
  padding-left: 25px;
}
.table-container.hf-mod-overflow-visible {
  overflow-x: visible;
}
.table-container.hf-mod-overflow-visible .ember-light-table {
  overflow: visible !important;
}
.table-container.hf-mod-overflow-visible .ember-light-table .lt-body-wrap {
  overflow-y: visible;
}
.ember-light-table {
  position: relative;
  overflow: hidden;
}
.ember-light-table table {
  width: 100%;
  border-collapse: separate;
}
.ember-light-table .lt-body {
  box-shadow: 0 0 4px 0 rgba(221, 221, 221, 0.5);
}
.ember-light-table .lt-row {
  cursor: pointer;
}
.ember-light-table .lt-row .lt-cell {
  background: #fff;
}
.ember-light-table .lt-row .hf-bulk-selection-item_check-box {
  position: static;
  padding: 0;
  text-align: center;
  transform: translate(0);
}
.ember-light-table .lt-row:hover .lt-cell {
  background: #fafafa;
}
.ember-light-table .lt-row.hf-is-highlighted .lt-cell {
  background-color: #f4f4f4;
}
.ember-light-table .lt-row.is-selectable .lt-cell:first-child {
  border: 0;
  padding: 0;
  background-color: transparent;
  text-align: center;
}
.ember-light-table .lt-cell_empty-value {
  color: #a5a5a5;
}
.ember-light-table .lt-column {
  padding: 10px 15px;
  background-color: #f7fafa;
  font-size: 12px;
  color: #666;
  border-right: 1px solid #e9e9e9;
  border-bottom: 1px solid #e6e8e8;
  font-weight: normal;
  text-align: left;
  text-transform: uppercase;
}
.ember-light-table .lt-column.mod-align-right {
  text-align: right;
}
.ember-light-table .lt-column.mod-align-center {
  text-align: center;
}
.ember-light-table .lt-column:last-of-type {
  border-right: 0;
}
.ember-light-table .lt-column .lt-column-resizer {
  width: 3px;
  right: -2px;
}
.ember-light-table .lt-column .lt-column-resizer:hover {
  background-color: #08c;
}
.ember-light-table .lt-column .lt-column-resizer.hf-is-resizing {
  background-color: #08c;
}
.ember-light-table .lt-column.hf-mod-no-border-right {
  border-right: none;
}
.ember-light-table .lt-column.hf-mod-table-settings {
  padding: 9px 4px 9px 6px;
}
.ember-light-table .lt-column.is-sortable:hover,
.ember-light-table .lt-column.hf-mod-table-settings:hover {
  background-color: #f0f3f3;
}
.ember-light-table .lt-head .lt-column:nth-child(2) {
  border-top-left-radius: 8px;
}
.ember-light-table .lt-head .lt-column:last-child {
  border-top-right-radius: 8px;
}
.ember-light-table .lt-head-wrap {
  overflow-y: visible;
  overflow-x: visible;
}
.ember-light-table .lt-body-wrap.hf-can-select.hf-multi-select .lt-head .lt-column:first-child {
  background-color: transparent;
}
.ember-light-table .lt-cell {
  padding: 12px 15px;
  color: #333;
  border-bottom: 1px solid #eee;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ember-light-table .lt-cell.hf-is-cell-actionable {
  padding: 0;
}
.ember-light-table .lt-cell.hf-u-visible-overflow {
  overflow: visible;
}
.ember-light-table .lt-cell.hf-mod-bulk-selection {
  background-color: transparent;
}
.ember-light-table .lt-row:last-child .lt-cell:nth-child(2) {
  border-bottom-left-radius: 8px;
}
.ember-light-table .lt-row:last-child .lt-cell:last-of-type {
  border-bottom-right-radius: 8px;
}
.ember-light-table .lt-scrollable.tse-scrollable .tse-scrollbar {
  z-index: 1;
}
.ember-light-table_loading {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.5);
}
.ember-light-table_loading.hf-mod-bulk-select {
  margin-left: 40px;
}
.ember-light-table_loading.hf-mod-dark-mode {
  background-color: #2b2b2b;
}
.lt-column_content {
  display: inline-block;
  position: relative;
}
.lt-column_content_sort-indicator {
  position: absolute;
  top: 0;
  right: -10px;
}
.table-container.hf-mod-can-select .lt-head .lt-column:first-child {
  background-color: transparent;
}
.table-container:not(.hf-mod-can-select) .lt-head .lt-column:nth-child(2) {
  border-top-left-radius: 0;
}
.table-container:not(.hf-mod-can-select) .lt-head .lt-column:first-child {
  border-top-left-radius: 8px;
}
.table-container:not(.hf-mod-can-select) .lt-row:last-child .lt-cell:nth-child(2) {
  border-bottom-left-radius: 0;
}
.table-container:not(.hf-mod-can-select) .lt-row:last-child .lt-cell:first-child {
  border-bottom-left-radius: 8px;
}
.table-container:not(.hf-mod-can-select) .ember-light-table {
  margin-left: 40px;
}
.table-container.hf-mod-no-left-margin:not(.hf-mod-can-select) .ember-light-table {
  margin-left: 0;
}
.hf-mini-pop-over.hf-mod-table-settings {
  left: -15px;
  width: 250px;
  text-transform: none;
}
.hf-mini-pop-over.hf-mod-table-settings:before,
.hf-mini-pop-over.hf-mod-table-settings:after {
  left: 20px;
}
.hf-mini-pop-over.hf-mod-table-settings .hf-pop-over_body {
  padding: 0;
}
.hf-mini-pop-over.hf-mod-table-settings .hf-pop-over_body .hf-mini-pop-over_item {
  margin: 10px 20px;
}
.hf-mini-pop-over.hf-mod-table-settings .hf-pop-over_body .hf-mini-pop-over_item.hf-is-active {
  margin: 0;
  padding: 10px 20px;
}
.hf-table-list-empty-state {
  position: relative;
  border: 1px solid #eee;
  border-top: 0;
  border-bottom: none;
  border-radius: 0 0 6px 6px;
  background-color: #fff;
  box-shadow: 0 0 4px 0 rgba(221, 221, 221, 0.5);
}
.hf-table-list-empty-state.hf-mod-left-margin {
  margin-left: 40px;
}
.hf-table-list-empty-state_row {
  display: flex;
  padding: 20px 15px;
  border-bottom: 1px solid #eee;
}
.hf-table-list-empty-state_row.hf-mod-2 {
  opacity: 0.5;
}
.hf-table-list-empty-state_row.hf-mod-3 {
  opacity: 0.3;
}
.hf-table-list-empty-state_row.hf-mod-4 {
  opacity: 0.2;
  border-bottom: 0;
}
.hf-table-list-empty-state_row_item {
  height: 10px;
  border-radius: 8px;
  background-color: #f5f5f5;
}
.hf-table-list-empty-state_row_item.hf-mod-1 {
  width: 48%;
  margin-right: 11%;
}
.hf-table-list-empty-state_row_item.hf-mod-2 {
  width: 62%;
  margin-right: 10%;
}
.hf-table-list-empty-state_row_item.hf-mod-3 {
  width: 40%;
  margin-right: 9%;
}
.hf-table-list-empty-state_row_item.hf-mod-last {
  width: 13%;
  margin-right: 2%;
}
.hf-table-list-empty-state_row_item.hf-mod-header {
  background-color: #e8eaea;
}
.hf-table-list-empty-state_row_item.hf-mod-header.hf-mod-1 {
  width: 28%;
}
.hf-table-list-empty-state_row_item.hf-mod-header.hf-mod-2 {
  width: 28%;
}
.hf-table-list-empty-state_row_item.hf-mod-header.hf-mod-3 {
  width: 28%;
}
.hf-table-list-empty-state_row_item.hf-mod-header.hf-mod-4 {
  width: 75%;
}
.hf-table-list-empty-state_row_message {
  position: absolute;
  text-align: center;
  font-size: 20px;
  color: #7d7c7c;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hf-table-list-empty-state_row_message-header {
  margin: 8px 0;
  font-size: 25px;
}
.hf-table-list-empty-state_row_message-content {
  margin-bottom: 12px;
  font-size: 13px;
  color: #9e9a9a;
}
.hf-table-list-empty-state-header {
  width: 30%;
}
.hf-table-list-empty-state-header.hf-mod-2 {
  width: 35%;
}
.hf-table-list-empty-state-header.hf-mod-3 {
  width: 25%;
}
.hf-table-list-empty-state-header.hf-mod-4 {
  width: 10%;
}
.hf-table-list-empty-state_background {
  background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 37%, #e6e8e8 101%);
}
.hf-table-settings_unselected-column {
  padding-left: 13px;
}
.hf-sortable-table-header table th:first-child {
  border-right: none;
}
.lt-row.hf-is-frozen:hover td.lt-cell {
  background: #fff;
}
.lt-row.hf-is-frozen td.lt-cell {
  opacity: 0.5;
  pointer-events: none;
}
.lt-row.hf-is-frozen td.lt-cell.hf-mod-tooltip {
  background-color: #f2f4f4;
  opacity: 1;
  padding-top: 0;
  padding-bottom: 5px;
}
.lt-row.hf-is-frozen td.lt-cell.hf-mod-tooltip:hover {
  background-color: #f2f4f4;
}
.lt-row.hf-is-frozen td.lt-cell .hf-delete-progress {
  pointer-events: all;
}
.lt-row.hf-is-frozen td.lt-cell .hf-delete-progress .hf-progress-bar {
  border: 1px solid #979797;
  background-color: #f2f4f4;
}
.lt-row.hf-is-frozen td.lt-cell .hf-delete-progress .hf-progress-bar_indicator {
  border-radius: 4px 0 0 4px;
  background-color: #979797;
}
td.lt-cell.hf-mod-tooltip,
td.lt-cell.hf-mod-pop-over {
  overflow: visible;
}
.hf-table-cell_pop-over_trigger {
  display: inline-block;
  border-bottom: 1px dotted #666;
  padding: 0 3px;
}
.ember-light-table .lt-cell .hf-table-cell_pop-over_value {
  white-space: normal;
  word-wrap: break-word;
}
.table-container.hf-mod-card .ember-light-table {
  margin-top: 8px;
}
.table-container.hf-mod-card .ember-light-table .lt-body {
  box-shadow: none;
}
.table-container.hf-mod-card .ember-light-table .lt-column {
  background: transparent;
  border: 0;
  padding: 10px 10px 10px 0;
  text-transform: none;
  font-size: 11px;
}
.table-container.hf-mod-card .ember-light-table .lt-row {
  cursor: default;
}
.table-container.hf-mod-card .ember-light-table .lt-cell {
  border: 0;
  padding: 10px 10px 10px 0;
  background: transparent;
}
.ember-light-table .lt-cell.hf-mod-more-options .hf-popover-trigger {
  padding: 14px 17px;
}
.ember-light-table .lt-row.hf-is-disabled {
  cursor: default;
}
.ember-light-table .lt-row.hf-is-disabled .lt-cell {
  border-bottom-color: #ddd;
  background: #ededed;
  color: #666;
}
.hf-empty-state-table.hf-is-dark-mode .hf-table-list-empty-state_background {
  opacity: 0.4;
  background: linear-gradient(-180deg, rgba(54, 54, 54, 0) 37%, #2b2b2b 101%);
}
.hf-empty-state-table.hf-is-dark-mode .hf-table-list-empty-state {
  border: 1px solid rgba(238, 238, 238, 0.1);
  background: #363636;
  box-shadow: none;
}
.hf-empty-state-table.hf-is-dark-mode .hf-table-list-empty-state_row_message-header {
  color: #fff;
}
.hf-empty-state-table.hf-is-dark-mode .hf-table-list-empty-state_row {
  border-bottom: 1px solid rgba(238, 238, 238, 0.1);
}
.hf-empty-state-table.hf-is-dark-mode .hf-table-list-empty-state_row_item {
  background-color: #636363;
}
.hf-empty-state-table.hf-is-dark-mode .ember-light-table .lt-column {
  background-color: #464646;
  border-right: 1px solid rgba(233, 233, 233, 0.1);
  border-bottom: 1px solid rgba(230, 232, 232, 0.1);
}
.modal-overlay {
  display: flex;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 5;
  overflow-y: scroll;
  outline: 0;
}
.modal-overlay.translucent {
  background-color: #666;
}
.modal {
  position: relative;
  margin: 60px 0 30px;
}
.modal_close {
  position: fixed;
  right: 50px;
  top: 40px;
  cursor: pointer;
}
.modal_header {
  padding: 20px 25px;
  background-color: #666;
}
.modal_header_title {
  font-size: 36px;
  color: #fff;
  text-align: center;
}
.modal_header_info {
  font-size: 15px;
  color: #ccc;
  text-align: center;
}
.modal-dialog_error-message {
  display: flex;
  align-items: center;
  background: #eb4539;
  margin-bottom: 20px;
  border-radius: 3px;
  padding: 10px;
}
.modal-dialog_error-message_group {
  flex: 1;
}
.modal-dialog_error-message_text {
  margin-bottom: 3px;
  font-size: 15px;
  text-align: center;
  color: #fff;
}
.modal-dialog_error-message_close {
  cursor: pointer;
}
.modal_body {
  border-radius: 4px 4px 0 0;
  padding: 25px 30px;
  background-color: #fff;
}
.modal_body.hf-mod-no-footer {
  border-radius: 4px;
}
.modal_body_editor-label {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.modal_body_editor-label.hf-mod-wrap {
  flex-wrap: wrap;
}
.modal_footer {
  border: 1px solid rgba(34, 36, 38, 0.16);
  border-radius: 0 0 4px 4px;
  background-color: #f9fafb;
  padding: 15px 30px;
}
.modal_footer_secondary-action {
  color: #000;
}
.modal_footer_tertiary-action {
  float: right;
  margin-top: 5px;
  color: #000;
}
.modal_body.hf-mod-apps-modal {
  width: 1000px;
  margin-bottom: 150px;
  border-radius: 4px;
  padding: 0;
}
.hf-youtube_video_modal .modal-top-band {
  display: flex;
  align-items: center;
  position: fixed;
  z-index: 2;
  top: 0;
  right: 0;
  left: 0;
  height: 60px;
  background-color: #1a1a1a;
}
.hf-youtube_video_modal .modal-top-band.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-youtube_video_modal .modal-top-band_name {
  font-family: "Myriad Pro Light", sans-serif;
  margin-left: 20px;
  font-size: 24px;
  color: #fff;
}
.hf-youtube_video_modal .modal-top-band_icon {
  display: flex;
  cursor: pointer;
  margin: 0 3px;
  padding: 7px 10px;
}
.hf-youtube_video_modal .modal-top-band_icon.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-youtube_video_modal .modal-top-band_icon:hover svg > g,
.hf-youtube_video_modal .modal-top-band_icon:focus svg > g {
  stroke: #08c;
}
.hf-youtube_video_modal .modal-top-band_icon.hf-mod-close {
  padding: 7px 20px;
  border-left: 1px solid #666;
}
.hf-youtube_video_modal .modal-youtube-video-wrapper iframe {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hf-wizard_nav {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  border-radius: 8px;
  padding: 22px 20px 18px;
  background-color: #fff;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.04);
}
.hf-wizard_nav_step {
  flex-grow: 1;
  max-width: 190px;
}
.hf-wizard_nav_step:first-child {
  flex-grow: 0;
  position: relative;
}
.hf-wizard_nav_step:first-child .hf-wizard_nav_step_label {
  position: absolute;
  width: 135px;
  top: 20px;
  margin-right: 0;
  transform: translateX(-50%);
}
.hf-wizard_nav_step_bar {
  width: 100%;
  max-width: 170px;
  height: 3px;
  background-color: #4990e2;
  opacity: 0.4;
}
.hf-wizard_nav_step_circle {
  margin-left: auto;
  width: 14px;
  height: 14px;
  margin: 3px;
  border-radius: 50%;
  background-color: #c5c5c5;
}
.hf-wizard_nav_step_label {
  font-family: "Myriad Pro Semi Bold", sans-serif;
  position: relative;
  left: 50%;
  margin: 10px 20px 0 0;
  text-align: center;
  font-size: 12px;
  color: #c5c5c5;
}
.hf-wizard_nav_step.hf-is-visited .hf-wizard_nav_step_bar {
  opacity: 1;
}
.hf-wizard_nav_step.hf-is-visited .hf-wizard_nav_step_circle {
  background-color: #4990e2;
  cursor: pointer;
}
.hf-wizard_nav_step.hf-is-visited .hf-wizard_nav_step_label {
  color: #4990e2;
}
.hf-wizard_nav_step.hf-is-current .hf-wizard_nav_step_circle {
  width: 20px;
  height: 20px;
  margin: 0;
  border: 5px solid #4990e2;
  border-radius: 50%;
  background-color: #fff;
}
.hf-wizard_content {
  position: relative;
  z-index: 1;
  border: solid 1px #e5e5e5;
  border-radius: 8px 8px 0px 0px;
  padding: 35px 40px 75px;
  background-color: #fff;
  box-shadow: 0 0 4px 0 rgba(221, 221, 221, 0.5);
  border-bottom: 0;
}
.hf-wizard_content .hf-form-field-input.multiselect-checkboxes {
  border: 0;
}
.hf-wizard_content .liquid-container,
.hf-wizard_content .liquid-child {
  overflow: visible;
}
.hf-wizard_content .hf-form-field.hf-mod-less-width {
  width: 40%;
}
.hf-wizard_content .hf-form-field.hf-mod-entity-less-width {
  width: 510px;
}
.hf-wizard_content_step-header {
  max-width: 750px;
  margin-bottom: 15px;
  font-size: 16px;
  color: #545c5b;
}
.hf-wizard_content_step-description {
  max-width: 750px;
  margin-bottom: 30px;
  color: #7c807f;
}
.hf-wizard_content_list-container {
  width: 25%;
  margin-top: 20px;
  text-align: center;
}
.hf-wizard_content_list-header {
  opacity: 0.5;
  font-size: 18px;
  color: #575757;
  margin-bottom: 20px;
  letter-spacing: 0.3px;
  font-weight: 600;
}
.hf-wizard_content_list-item {
  width: 100%;
  border: solid 2px #fff;
  padding: 10px;
  cursor: pointer;
  color: #333;
  letter-spacing: 0.2px;
}
.hf-wizard_content_list-item:hover {
  border: solid 2px #e1e1e1;
}
.hf-wizard_content_band {
  display: flex;
  align-items: center;
  border-radius: 8px;
  padding: 10px 20px;
  background-color: #fafafa;
  margin-bottom: 20px;
}
.hf-wizard_content_band.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-wizard_content_band_title {
  font-size: 20px;
  font-weight: 600;
  color: #5bb6b0;
}
.hf-wizard_content_band_action {
  cursor: pointer;
  font-size: 12px;
  color: #666;
  margin-left: 10px;
  letter-spacing: 0.2px;
}
.hf-wizard_footer {
  display: flex;
  align-items: center;
  width: 100%;
  height: 43px;
  border: solid 1px #e5e5e5;
  border-top: 0;
  border-radius: 0 0 3px 3px;
  padding: 0 30px;
  background-color: #fafafa;
}
.hf-wizard_footer.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-wizard_content_footer_back {
  margin-right: 20px;
  background-color: #aaa;
  color: #fff;
}
.hf-wizard_content_footer_back:hover,
.hf-wizard_content_footer_back:active,
.hf-wizard_content_footer_back:focus {
  background-color: #aaa;
  opacity: 0.9;
}
.hf-wizard_content_footer_next,
.hf-wizard_content_footer_back {
  display: flex;
  align-items: center;
}
.hf-wizard_content_footer_next.hf-mod-wrap,
.hf-wizard_content_footer_back.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-wizard_content_footer_next svg > path,
.hf-wizard_content_footer_back svg > path {
  stroke: #fff;
}
button.hf-wizard-submit.hf-primary-action {
  background: #3cc16d;
}
button.hf-wizard-submit.hf-primary-action:hover,
button.hf-wizard-submit.hf-primary-action:focus {
  background: #3cc16d;
}
button.hf-wizard-submit.hf-primary-action:disabled {
  cursor: not-allowed;
  opacity: 0.6;
  color: rgba(255, 255, 255, 0.6);
}
button.hf-primary-action.hf-tooltipped:disabled {
  background-color: rgba(33, 133, 208, 0.6);
  opacity: 1;
}
button.hf-wizard-submit.hf-primary-action.hf-tooltipped:disabled {
  background: rgba(60, 193, 109, 0.6);
}
.hf-wizard-secondary-action {
  margin-right: 10px;
  text-decoration: underline;
}
.hf-wizard.hf-mod-dark-mode .hf-wizard_nav,
.hf-wizard.hf-mod-dark-mode .hf-wizard_content,
.hf-wizard.hf-mod-dark-mode .hf-wizard_footer {
  background: #363636;
  border: 0;
  box-shadow: none;
}
.hf-wizard.hf-mod-dark-mode .hf-wizard_footer {
  background: #444;
}
.hf-wizard.hf-mod-dark-mode .hf-wizard_content_footer_back {
  background-color: #ebebeb;
  color: #000;
}
.hf-wizard.hf-mod-dark-mode .hf-wizard_content_footer_back svg > path {
  stroke: #000;
}
.hf-wizard.hf-mod-dark-mode .hf-wizard-reset,
.hf-wizard.hf-mod-dark-mode .hf-wizard-secondary-action {
  color: #fff;
}
.hf-tooltipped {
  position: relative;
}
.hf-tooltipped:after {
  display: inline-block;
  position: absolute;
  z-index: 1;
  border-radius: 3px;
  padding: 5px 8px;
  opacity: 0;
  text-align: center;
  font-size: 13px;
  color: #fff;
  word-wrap: break-word;
  white-space: pre;
  pointer-events: none;
  content: attr(aria-label);
  background: #000;
}
.hf-tooltipped:before {
  display: inline-block;
  position: absolute;
  z-index: 1;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  opacity: 0;
  color: #000;
  pointer-events: none;
  content: "";
}
.hf-tooltipped:hover:before,
.hf-tooltipped:active:before,
.hf-tooltipped:focus:before,
.hf-tooltipped:hover:after,
.hf-tooltipped:active:after,
.hf-tooltipped:focus:after {
  opacity: 1;
  transition: all 500ms ease-in;
}
.hf-tooltipped:hover.hf-mod-delayed:before,
.hf-tooltipped:active.hf-mod-delayed:before,
.hf-tooltipped:focus.hf-mod-delayed:before,
.hf-tooltipped:hover.hf-mod-delayed:after,
.hf-tooltipped:active.hf-mod-delayed:after,
.hf-tooltipped:focus.hf-mod-delayed:after {
  transition-delay: 1500ms;
}
.hf-tooltipped-bottom:after,
.hf-tooltipped-bottom-right:after,
.hf-tooltipped-bottom-left:after {
  top: 100%;
  right: 50%;
  margin-top: 5px;
}
.hf-tooltipped-bottom:before,
.hf-tooltipped-bottom-right:before,
.hf-tooltipped-bottom-left:before {
  top: auto;
  right: 50%;
  bottom: -5px;
  margin-right: -5px;
  border-bottom-color: #000;
}
.hf-tooltipped-bottom-right:after {
  right: auto;
  left: 50%;
  margin-left: -15px;
}
.hf-tooltipped-bottom-left:after {
  margin-right: -15px;
}
.hf-tooltipped-top:after,
.hf-tooltipped-top-right:after,
.hf-tooltipped-top-left:after {
  right: 50%;
  bottom: 100%;
  margin-bottom: 6px;
}
.hf-tooltipped-top:before,
.hf-tooltipped-top-right:before,
.hf-tooltipped-top-left:before {
  top: -6px;
  right: 50%;
  bottom: auto;
  margin-right: -5px;
  border-top-color: #000;
}
.hf-tooltipped-top-right:after {
  right: auto;
  left: 50%;
  margin-left: -15px;
}
.hf-tooltipped-top-left:after {
  margin-right: -15px;
}
.hf-tooltipped-bottom:after,
.hf-tooltipped-top:after {
  transform: translateX(50%);
}
.hf-tooltipped-bottom.hf-mod-move-left:after,
.hf-tooltipped-top.hf-mod-move-left:after {
  transform: translateX(30%);
}
.hf-tooltipped-left:after {
  right: 100%;
  bottom: 50%;
  margin-right: 5px;
  transform: translateY(50%);
}
.hf-tooltipped-left:before {
  top: 50%;
  bottom: 50%;
  left: -5px;
  margin-top: -5px;
  border-left-color: #000;
}
.hf-tooltipped-right:after {
  bottom: 50%;
  left: 100%;
  margin-left: 5px;
  transform: translateY(50%);
}
.hf-tooltipped-right:before {
  top: 50%;
  right: -5px;
  bottom: 50%;
  margin-top: -5px;
  border-right-color: #000;
}
.hf-limit-exceeded-tooltipped:after {
  width: 350px;
  white-space: normal;
}
.hf-confirmation-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(89, 92, 100, 0.5);
  z-index: 5;
  outline: 0;
}
.hf-confirmation-overlay.hf-mod-pop-over {
  z-index: 1;
}
.hf-confirmation-overlay.translucent {
  background-color: rgba(89, 92, 100, 0.5);
}
.hf-confirmation-dialog {
  position: relative;
  width: max-content;
  z-index: 6;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.hf-confirmation-dialog-caret {
  position: absolute;
  top: -4px;
  left: 5px;
  z-index: 7;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px;
  border-color: transparent transparent #fff;
  content: '';
}
.hf-confirmation-dialog_body {
  overflow-y: auto;
  max-width: 500px;
  max-height: 500px;
  padding: 10px 15px;
}
.hf-confirmation-dialog_body .hf-form-field {
  margin-bottom: 20px;
}
.hf-confirmation-dialog_body .hf-form-field.hf-mod-alternate-entity {
  margin-bottom: 5px;
}
.hf-confirmation-dialog_body_message {
  margin-bottom: 5px;
}
.hf-confirmation-dialog_body_header {
  margin-bottom: 10px;
  font-size: 14px;
  color: #666;
  font-family: "Myriad Pro Semi Bold", sans-serif;
}
.hf-confirmation-dialog_body_description {
  margin-bottom: 20px;
  color: #878787;
}
.hf-confirmation-dialog_body_field-note {
  font-size: 11px;
  color: #878787;
}
.hf-confirmation-dialog_body_field-note.hf-mod-delete {
  margin-bottom: 5px;
  color: #f43434;
}
.hf-confirmation-dialog_body_field-note.hf-mod-top-margin {
  margin-top: 3px;
}
.hf-confirmation-dialog-body_note {
  margin-bottom: 20px;
  font-size: 11px;
}
.hf-confirmation-dialog_body_dependant {
  margin-bottom: 15px;
}
.hf-confirmation-dialog_body_dependant a {
  line-height: 1.5;
}
.hf-confirmation-dialog_body_dependant_header {
  color: #666;
}
.hf-confirmation-dialog_body_dependant_content {
  font-size: 14px;
  line-height: 1.5;
}
@-moz-document url-prefix() {
  .hf-confirmation-dialog_body {
    padding: 11px 15px;
  }
}
.hf-confirmation-dialog_button-container {
  margin-top: 5px;
}
.hf-confirmation-dialog.hf-mod-delete .hf-primary-action {
  background-color: #f43434;
}
.hf-confirmation-dialog.hf-mod-delete .hf-primary-action:hover {
  background-color: #e12f2f;
}
.hf-activate-close-confirmation .hf-confirmation-dialog-caret {
  left: 435px;
}
.hf-announcement {
  position: relative;
  margin-bottom: 40px;
  border-radius: 4px;
  background-color: #fff;
  padding: 30px 10px 10px;
}
.hf-announcement_heading {
  position: absolute;
  top: 10px;
  left: 23px;
  width: 275px;
  border-radius: 4px;
  background-color: #fff;
  padding: 10px 15px;
  line-height: 20px;
  font-size: 16px;
}
.hf-announcement_heading_bold {
  font-family: "Myriad Pro Semi Bold", sans-serif;
}
.hf-announcement_content {
  display: flex;
  border-radius: 4px;
  background-color: #f7f8f9;
  padding: 20px 25px 15px 25px;
}
.hf-announcement_content.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-announcement_content_main {
  flex: 11;
  margin-top: 10px;
  padding-right: 30px;
  line-height: 20px;
  font-size: 14px;
}
.hf-announcement_content_plans {
  display: flex;
  justify-content: end;
  align-items: center;
  flex: 4;
  margin-right: 5px;
}
.hf-announcement_content_plans.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-announcement_content_plans_link {
  border: 1px solid #0088cc;
  border-radius: 4px;
  padding: 10px;
  color: #0088cc;
}
/*# sourceMappingURL=/assets/client.css.map */