@charset "UTF-8";
.cs-help-tooltip {
  position: fixed;
  width: 220px;
  left: auto !important;
  top: auto !important;
  right: 78px;
  bottom: -524px;
  background-color: white;
  padding: 0;
  z-index: 1021;
  box-shadow: 10px 4px 44px rgba(0, 0, 0, 0.45);
  transition: opacity .6s ease 2s;
  border-radius: 16px;
  opacity: 0; }
  @media (min-width: 768px) {
    .cs-help-tooltip {
      right: 96px; } }
  .cs-help-tooltip .cs-inner {
    width: auto;
    max-width: none;
    font-size: 14px;
    line-height: 1.6;
    color: rgba(0, 0, 0, 0.9);
    text-align: left;
    background: transparent url(https://webchathub.sage.com/images/icons/icon-wave.svg) no-repeat left 16px top 8px;
    background-size: 16px 16px;
    background-color: transparent !important;
    padding: 8px 42px 8px 16px;
    text-indent: 24px; }
  .cs-help-tooltip .close {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 8px;
    right: 8px;
    width: 24px;
    height: 24px;
    min-width: 0;
    min-height: 0;
    font-size: 0;
    background-color: #e6ebed;
    border-width: 0;
    border-radius: 12px;
    box-shadow: none;
    opacity: 0.6; }
    .cs-help-tooltip .close:before {
      content: "";
      display: inline-block;
      font-family: "Sage-UI-Icons";
      font-size: 16px;
      line-height: 1; }
    .cs-help-tooltip .close:after {
      display: none; }
    .cs-help-tooltip .close:hover, .cs-help-tooltip .close:focus, .cs-help-tooltip .close:active {
      opacity: 1;
      color: rgba(0, 0, 0, 0.9);
      background-color: #e6ebed; }
  .cs-help-tooltip.tooltip-open {
    bottom: 16px;
    opacity: 1;
    transition: all .6s ease; }
    @media (min-width: 768px) {
      .cs-help-tooltip.tooltip-open {
        bottom: 24px; } }
  .cs-help-tooltip:before {
    content: "";
    width: 36px;
    height: 36px;
    background: transparent url("https://webchathub.sage.com/images/icons/avatar-female.png") no-repeat center center;
    background-size: 36px;
    display: block;
    border-radius: 35px;
    position: absolute;
    top: -31px;
    left: 20px; }
  .cs-help-tooltip:after {
    content: "";
    width: 36px;
    height: 36px;
    background: transparent url("https://webchathub.sage.com/images/icons/avatar-male.png") no-repeat center center;
    background-size: 36px;
    display: block;
    border-radius: 35px;
    position: absolute;
    top: -31px;
    left: 52px; }

.ccaas-container .btn-web-chat {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px !important;
  width: 50px !important;
  font-size: 0;
  background: white none;
  border-radius: 25px;
  border-width: 0;
  bottom: 16px !important;
  right: 16px !important;
  z-index: 1020;
  cursor: pointer;
  box-shadow: 10px 4px 44px rgba(0, 0, 0, 0.45); }
  @media (min-width: 768px) {
    .ccaas-container .btn-web-chat {
      bottom: 24px !important;
      right: 24px !important;
      height: 64px !important;
      width: 64px !important;
      border-radius: 32px; } }
  .ccaas-container .btn-web-chat:before {
    content: '';
    display: inline-block;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    background: transparent url(https://webchathub.sage.com/images/icons/icon-chat-green.svg) no-repeat center center;
    background-size: 32px 32px; }
    @media (min-width: 768px) {
      .ccaas-container .btn-web-chat:before {
        height: 40px !important;
        width: 40px !important;
        flex: 0 0 40px;
        background-size: 40px 40px; } }
  .ccaas-container .btn-web-chat:hover, .ccaas-container .btn-web-chat:focus, .ccaas-container .btn-web-chat:active {
    background-color: white;
    transform: scale(110%); }

.ccaas-container.ccaas-minimized .btn-web-chat:after {
  content: '';
  display: block;
  position: absolute;
  top: 9px;
  right: 7px;
  width: 12px;
  height: 12px;
  background-color: #CD384B;
  border-radius: 50%;
  border: 2px solid white; }
  @media (min-width: 768px) {
    .ccaas-container.ccaas-minimized .btn-web-chat:after {
      top: 11px !important;
      right: 9px !important;
      height: 15px !important;
      width: 15px !important; } }

.cx-widget.cx-theme-light {
  font-family: "Sage Text", sans-serif;
  font-weight: bold;
  color: black !important;
  background-color: #f2f5f6 !important;
  border-radius: 20px;
  overflow: hidden;
  -webkit-box-shadow: 10px 4px 44px rgba(0, 0, 0, 0.45);
  box-shadow: 10px 4px 44px rgba(0, 0, 0, 0.45); }
  .cx-widget.cx-theme-light .cx-sidebar .cx-footer {
    display: none !important; }
  .cx-widget.cx-theme-light.cx-common-container {
    z-index: 1024; }
    @media (max-width: 767px) {
      .cx-widget.cx-theme-light.cx-common-container {
        height: auto !important;
        width: auto !important;
        top: 16px !important;
        left: 16px !important;
        right: 16px !important;
        bottom: 16px !important; } }
    @media (min-width: 768px) {
      .cx-widget.cx-theme-light.cx-common-container {
        bottom: 8px !important;
        right: 8px !important;
        width: 352px;
        height: calc(100vh - 16px);
        max-height: 640px; 
		}
        .cx-widget.cx-theme-light.cx-common-container.cx-minimized {
          bottom: -600px !important;
          top: auto !important; } }
    .cx-widget.cx-theme-light.cx-common-container .cx-body {
      height: calc(100% - 49px); }
      .cx-widget.cx-theme-light.cx-common-container .cx-body > div {
        height: 100%; }
  .cx-widget.cx-theme-light .cx-branding {
    display: none !important; }
  .cx-widget.cx-theme-light .cx-button-group.cx-buttons-window-control {
    top: 4px !important;
    font-weight: normal;
    padding: 4px;
    gap: 4px; }
    .cx-widget.cx-theme-light .cx-button-group.cx-buttons-window-control button {
      height: 32px !important;
      width: 32px !important;
      min-height: 0;
      min-width: 0;
      padding: 0 !important;
      margin: 0;
      border-radius: 0;
      background-color: transparent; }
      .cx-widget.cx-theme-light .cx-button-group.cx-buttons-window-control button:focus {
        border: none !important; }
      .cx-widget.cx-theme-light .cx-button-group.cx-buttons-window-control button:after {
        display: none; }
      .cx-widget.cx-theme-light .cx-button-group.cx-buttons-window-control button svg {
        display: none; }
      .cx-widget.cx-theme-light .cx-button-group.cx-buttons-window-control button.cx-button-close:before {
        content: "";
        display: block;
        font-family: "Sage-UI-Icons";
        font-size: 20px;
        color: white; }
      .cx-widget.cx-theme-light .cx-button-group.cx-buttons-window-control button.cx-button-minimize:before {
        content: "";
        display: block;
        font-family: "Sage-UI-Icons";
        font-size: 20px;
        color: white; }
      .cx-widget.cx-theme-light .cx-button-group.cx-buttons-window-control button.cx-button-maximize:before {
        content: "";
        display: block;
        font-family: "Sage-UI-Icons";
        font-size: 20px;
        color: white; }
  .cx-widget.cx-theme-light .cx-footer {
    display: none !important; }
    .cx-widget.cx-theme-light .cx-footer .cx-powered-by {
      display: none !important; }
  .cx-widget.cx-theme-light .cx-titlebar {
    height: 49px !important;
    background-color: #008146 !important;
    border: 0px !important;
    padding: 12px 20px 14px 24px !important; }
    .cx-widget.cx-theme-light .cx-titlebar .cx-icon {
      display: none !important; }
    .cx-widget.cx-theme-light .cx-titlebar .cx-title {
      display: flex;
      flex-direction: row;
      color: #FFFFFF !important;
      font-family: "Sage Text", sans-serif;
      font-size: 18px !important;
      font-weight: normal;
      margin-left: 0px !important;
      line-height: 1.4 !important;
      font-weight: normal !important; }
  .cx-widget.cx-theme-light .cx-button-group {
    display: flex;
    justify-content: flex-end;
    gap: 24px;
    overflow: visible; }
    .cx-widget.cx-theme-light .cx-button-group .cx-btn.cx-btn-primary {
      position: relative;
      width: auto;
      min-width: 0;
      min-height: 48px;
      font-size: 16px;
      font-weight: normal;
      line-height: 1.4;
      padding: 11px 16px 11px 16px;
      color: white !important;
      background: black none !important;
      text-align: center;
      text-decoration: none;
      border-width: 0;
      border-radius: 24px;
      overflow: hidden;
      z-index: 2;
      border-radius: 24px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex-flow: row nowrap;
      float: none; }
      .cx-widget.cx-theme-light .cx-button-group .cx-btn.cx-btn-primary:after {
        content: '';
        position: absolute;
        display: block;
        bottom: -1px;
        left: 50%;
        width: 1px;
        height: 1px;
        background-color: #303030;
        transform: scale(0);
        border-radius: 50%;
        z-index: -1;
        transition: all 0.2s cubic-bezier(0.4, 0, 1, 1); }
      .cx-widget.cx-theme-light .cx-button-group .cx-btn.cx-btn-primary:hover, .cx-widget.cx-theme-light .cx-button-group .cx-btn.cx-btn-primary:focus {
        color: white;
        border-color: #303030; }
        .cx-widget.cx-theme-light .cx-button-group .cx-btn.cx-btn-primary:hover:after, .cx-widget.cx-theme-light .cx-button-group .cx-btn.cx-btn-primary:focus:after {
          transform: scale(600); }
      .cx-widget.cx-theme-light .cx-button-group .cx-btn.cx-btn-primary:focus {
        background-color: #303030; }
      .cx-widget.cx-theme-light .cx-button-group .cx-btn.cx-btn-primary:active {
        color: white;
        background-color: #5e5e5e;
        border-color: #5e5e5e; }
        .cx-widget.cx-theme-light .cx-button-group .cx-btn.cx-btn-primary:active:after {
          transform: scale(300);
          background-color: #5e5e5e; }
      .cx-widget.cx-theme-light .cx-button-group .cx-btn.cx-btn-primary:disabled, .cx-widget.cx-theme-light .cx-button-group .cx-btn.cx-btn-primary.disabled {
        color: rgba(0, 0, 0, 0.3) !important;
        background-color: #e6ebed !important; }
        .cx-widget.cx-theme-light .cx-button-group .cx-btn.cx-btn-primary:disabled:after, .cx-widget.cx-theme-light .cx-button-group .cx-btn.cx-btn-primary.disabled:after {
          display: none !important; }
    .cx-widget.cx-theme-light .cx-button-group .cx-btn.cx-btn-default {
      position: relative;
      min-width: 0;
      font-size: 16px;
      color: black;
      line-height: 1.4;
      font-weight: normal;
      text-decoration: none;
      background: transparent;
      margin: 0;
      border-radius: 4px;
      border-width: 0;
      padding: 12px 1px;
      gap: 8px;
      float: none; }
      .cx-widget.cx-theme-light .cx-button-group .cx-btn.cx-btn-default:before {
        content: "";
        position: absolute;
        top: auto;
        bottom: 11px;
        left: 0;
        right: 0;
        height: 2px;
        width: auto;
        background-color: rgba(0, 0, 0, 0.9);
        width: auto;
        transform: none;
        border-radius: 0;
        padding: 0;
        z-index: auto; }
      .cx-widget.cx-theme-light .cx-button-group .cx-btn.cx-btn-default:after {
        content: "";
        position: absolute;
        bottom: 11px;
        left: 0;
        right: auto;
        width: 0;
        height: 2px;
        background-color: #00D639;
        transition: width 0.2s cubic-bezier(0.8, 0, 0.2, 1);
        transform: scale(1);
        border-radius: 0;
        z-index: auto; }
      .cx-widget.cx-theme-light .cx-button-group .cx-btn.cx-btn-default:hover, .cx-widget.cx-theme-light .cx-button-group .cx-btn.cx-btn-default:focus {
        color: rgba(0, 0, 0, 0.9);
        background-color: transparent; }
        .cx-widget.cx-theme-light .cx-button-group .cx-btn.cx-btn-default:hover:after, .cx-widget.cx-theme-light .cx-button-group .cx-btn.cx-btn-default:focus:after {
          width: 100%;
          transform: scale(1); }
      .cx-widget.cx-theme-light .cx-button-group .cx-btn.cx-btn-default:active {
        color: rgba(0, 0, 0, 0.9);
        background-color: rgba(0, 0, 0, 0.04); }
        .cx-widget.cx-theme-light .cx-button-group .cx-btn.cx-btn-default:active:after {
          width: 100%;
          transform: scale(1); }
  .cx-widget.cx-theme-light .cx-alert {
    bottom: 0; }
    .cx-widget.cx-theme-light .cx-alert .cx-wrapper {
      position: relative;
      height: 100% !important;
      border-width: 0;
      margin: 0;
      background-color: #f2f5f6 !important;
      padding: 24px 24px 72px 24px; }
      @media (min-width: 768px) {
        .cx-widget.cx-theme-light .cx-alert .cx-wrapper {
          padding: 24px 24px 88px 24px; } }
      .cx-widget.cx-theme-light .cx-alert .cx-wrapper .cx-button-group {
        position: absolute;
        bottom: 24px;
        left: 24px;
        right: 24px; }
        @media (min-width: 768px) {
          .cx-widget.cx-theme-light .cx-alert .cx-wrapper .cx-button-group {
            bottom: 40px; } }
        .cx-widget.cx-theme-light .cx-alert .cx-wrapper .cx-button-group .cx-btn-default {
          order: 2; }
        .cx-widget.cx-theme-light .cx-alert .cx-wrapper .cx-button-group .cx-btn-primary {
          order: 1; }
        .cx-widget.cx-theme-light .cx-alert .cx-wrapper .cx-button-group .cx-close-cancel {
          order: 1; }
        .cx-widget.cx-theme-light .cx-alert .cx-wrapper .cx-button-group .cx-close-confirm {
          order: 2; }
  .cx-widget.cx-theme-light .cx-transcript {
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 15px;
    padding-top: 24px;
    height: calc(100% - 97px) !important; }
    .cx-widget.cx-theme-light .cx-transcript .cx-webchat-message-info-text {
      font-size: 14px;
      font-weight: bold; }
    .cx-widget.cx-theme-light .cx-transcript .cx-message.cx-date {
      display: none; }
    .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message {
      outline: none !important;
      min-height: unset !important; }
      .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message.cx-injected {
        display: none !important; }
      .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message.cx-system .cx-bubble {
        padding: 0 !important;
        border-radius: 0 !important; }
      .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message.cx-system .cx-avatar-wrapper {
        display: none; }
      .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message.cx-system .cx-message-text {
        color: rgba(0, 0, 0, 0.9) !important;
        font-size: 14px !important;
        line-height: 21px; }
      .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message .cx-bubble-arrow {
        display: none !important; }
      .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message.cx-agent-typing.cx-them {
        animation: pulse 1.2s infinite;
        padding: 0;
        position: relative;
        width: 80%;
        padding-left: 0 !important; }
        .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message.cx-agent-typing.cx-them .cx-avatar-wrapper {
          display: none !important; }
        .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message.cx-agent-typing.cx-them .cx-common-screen-reader {
          height: auto;
          text-indent: inherit;
          width: auto;
          color: rgba(0, 0, 0, 0.55);
          font-size: 14px;
          font-style: italic;
          line-height: 17px; }
        .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message.cx-agent-typing.cx-them .cx-message-text {
          display: none; }
        .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message.cx-agent-typing.cx-them .cx-bubble {
          background: transparent !important;
          border-radius: 0 !important;
          margin: 0;
          padding: 0;
          box-shadow: none; }
          .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message.cx-agent-typing.cx-them .cx-bubble .cx-time,
          .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message.cx-agent-typing.cx-them .cx-bubble .cx-name {
            display: none; }
      .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message.cx-participant {
        display: flex;
        flex-direction: column;
        margin-bottom: 0 !important; }
        .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message.cx-participant .cx-bubble {
          width: auto;
          padding: 8px 12px;
          position: relative;
          margin-bottom: 5px !important;
          border-radius: 16px !important; }
          .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message.cx-participant .cx-bubble .cx-message-text {
            font-size: 16px !important;
            line-height: 1.6; }
          .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message.cx-participant .cx-bubble .cx-name {
            font-size: 12px;
            font-weight: normal;
            display: none; }
          .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message.cx-participant .cx-bubble .cx-time {
            position: absolute;
            margin: 0;
            color: rgba(0, 0, 0, 0.65) !important;
            bottom: 0px;
            font-size: 12px !important;
            line-height: 1.6;
            white-space: nowrap; }
        .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message.cx-participant:first-child {
          margin-top: 16px; }
          .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message.cx-participant:first-child .cx-name {
            display: block !important; }
          .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message.cx-participant:first-child .cx-bubble {
            border-radius: 16px !important; }
          .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message.cx-participant:first-child .cx-bubble-arrow {
            display: none !important; }
        .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message.cx-participant:last-child .cx-bubble {
          margin-bottom: 0;
          border-radius: 16px !important; }
        .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message.cx-participant.cx-them {
          align-items: flex-start;
          padding-right: 0;
          padding-left: 44px !important;
          padding-right: 44px !important;
          max-width: none; }
          .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message.cx-participant.cx-them .cx-avatar-wrapper {
            width: 30px; }
            .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message.cx-participant.cx-them .cx-avatar-wrapper:before {
              content: url("https://webchathub.sage.com/images/icons/support-team.svg");
              display: inline-block;
              font-size: 0;
              width: 30px;
              height: 30px; }
            .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message.cx-participant.cx-them .cx-avatar-wrapper .cx-avatar {
              display: none; }
          .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message.cx-participant.cx-them .cx-bubble {
            background-color: #E6F2ED !important;
            margin-bottom: 5px !important;
            margin-left: 0 !important;
            max-width: 380px; }
            @media (min-width: 768px) {
              .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message.cx-participant.cx-them .cx-bubble {
                max-width: 210px; } }
          .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message.cx-participant.cx-them .cx-bubble-arrow {
            display: none; }
          .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message.cx-participant.cx-them .cx-time {
            left: 8px;
            margin-left: 100% !important; }
        .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message.cx-participant.cx-you {
          align-items: flex-end;
          padding-left: 88px !important; }
          .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message.cx-participant.cx-you .cx-time {
            right: 8px;
            margin-right: 100% !important; }
          .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message.cx-participant.cx-you .cx-bubble {
            max-width: 424px;
            background-color: #008146;
            margin-bottom: 5px !important; }
            .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message.cx-participant.cx-you .cx-bubble a {
              color: white; }
            @media (min-width: 768px) {
              .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message.cx-participant.cx-you .cx-bubble {
                max-width: 210px; } }
            .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message.cx-participant.cx-you .cx-bubble .cx-message-text {
              font-weight: normal;
              color: #FFF; }
            .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message.cx-participant.cx-you .cx-bubble .cx-name {
              color: white; }
            .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message.cx-participant.cx-you .cx-bubble .cx-time {
              display: none; }
      .cx-widget.cx-theme-light .cx-transcript .cx-message-group > .cx-message span.cx-name {
        color: rgba(0, 0, 0, 0.55);
        font-size: 14px;
        line-height: 18px; }
  .cx-widget.cx-theme-light .cx-input-container {
    background-color: white !important;
    border-width: 0 !important;
    padding: 0 !important;
    border-top: 1px solid #ccd6db !important;
    box-sizing: border-box;
    position: relative; }
    .cx-widget.cx-theme-light .cx-input-container.cx-input-focus {
      border-width: 0 !important;
      border-top: 1px solid #ccd6db !important;
      box-shadow: none !important; }
    .cx-widget.cx-theme-light .cx-input-container .cx-form-horizontal {
      display: none !important; }
  .cx-widget.cx-theme-light .cx-textarea-cell {
    padding: 12px 84px 12px 24px; }
    .cx-widget.cx-theme-light .cx-textarea-cell:before {
      content: '';
      display: block;
      position: absolute;
      top: 14px;
      right: 14px;
      width: 24px;
      height: 20px;
      background: transparent url("https://webchathub.sage.com/images/icons/icon-send.svg") no-repeat center center;
      background-size: 24px 20px;
      filter: grayscale(100%);
      /* Current draft standard */
      -webkit-filter: grayscale(100%);
      /* New WebKit */
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      filter: gray;
      /* IE6+ */
      opacity: 50%; }
  .cx-widget.cx-theme-light textarea.cx-message-input {
    height: 72px !important;
    font-size: 16px !important;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.9);
    overflow: auto;
    border-width: 1px !important;
    border-color: #668494 !important;
    padding: 2px !important;
    margin: 0 !important; }
  .cx-widget.cx-theme-light .cx-send.cx-icon {
    z-index: 2;
    top: 14px;
    right: 14px;
    content: url("https://webchathub.sage.com/images/icons/icon-send.svg"); }
  .cx-widget.cx-theme-light .cx-menu-cell {
    position: absolute;
    top: 14px;
    right: 34px;
    z-index: 1; }
    .cx-widget.cx-theme-light .cx-menu-cell .cx-menu .cx-menu-item {
      padding: 0 !important; }

.cx-widget .cx-form-wrapper {
  max-height: none;
  height: 100%;
  overflow: auto; }
  .cx-widget .cx-form-wrapper .cx-form {
    position: relative;
    min-height: 100%;
    padding: 24px 24px 112px 24px; }
    @media (min-width: 768px) {
      .cx-widget .cx-form-wrapper .cx-form {
        padding: 24px 24px 112px 24px; } }
    .cx-widget .cx-form-wrapper .cx-form .cx-button-group {
      position: absolute;
      left: 24px;
      right: 24px;
      bottom: 24px; }
      @media (min-width: 768px) {
        .cx-widget .cx-form-wrapper .cx-form .cx-button-group {
          bottom: 40px; } }

.cx-widget .cx-emoji .cx-svg-icon-tone1 {
  fill: #008146 !important; }

.cx-widget .cx-emoji:hover .cx-svg-icon-tone1 {
  fill: #008146 !important; }

.cx-widget .cx-emoji-selection-menu {
  position: absolute;
  width: 0;
  bottom: 97px;
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.24);
  border: none; }
  .cx-widget .cx-emoji-selection-menu positio .cx-emoji-table {
    display: flex;
    flex-wrap: wrap;
    padding: 8px 16px; }
    .cx-widget .cx-emoji-selection-menu positio .cx-emoji-table .cx-emoji-item {
      flex: 0 1 12%;
      margin: 0px;
      height: 40px;
      font-size: 26px;
      padding: 2px; }

.cx-widget .cx-alert.cx-chat-end .cx-wrapper {
  margin: 0px !important;
  border: 0px !important; }
  .cx-widget .cx-alert.cx-chat-end .cx-wrapper #cx_chat_end_question {
    margin-bottom: 24px;
    font-size: 16px !important;
    font-weight: normal;
    margin-top: 0; }

.cx-widget.cx-toaster {
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.24);
  right: 16px !important;
  bottom: 16px !important;
  min-height: 0px;
  height: auto;
  z-index: 99999999; }
  @media (min-width: 768px) {
    .cx-widget.cx-toaster {
      right: 8px !important;
      bottom: 8px !important;
      width: auto !important; } }
  .cx-widget.cx-toaster cx-body,
  .cx-widget.cx-toaster .cx-widget {
    min-height: 0px;
    height: auto; }
  .cx-widget.cx-toaster .cx-toast.cx-close {
    background-color: #f2f5f6 !important; }
  .cx-widget.cx-toaster.cx-mobile {
    left: 16px !important;
    right: 16px !important;
    bottom: 16px !important;
    width: auto !important; }
    .cx-widget.cx-toaster.cx-mobile .cx-common-container.cx-toast.cx-close {
      background-color: #f2f5f6 !important; }

.cx-widget.cx-toast.cx-close .cx-message-text {
  font-size: 16px !important;
  font-weight: normal;
  margin-bottom: 16px; }

.cx-widget.cx-toast.cx-close > .cx-button-container .cx-button-group {
  justify-content: flex-start;
  margin-bottom: 24px; }
  .cx-widget.cx-toast.cx-close > .cx-button-container .cx-button-group .cx-btn-default {
    order: 2; }
  .cx-widget.cx-toast.cx-close > .cx-button-container .cx-button-group .cx-btn-primary {
    order: 1; }

@media (min-width: 768px) {
  .cx-widget.cx-theme-light .cx-toast,
  .cx-widget.cx-theme-light .cx-webchat {
    transform: scale(1) !important;
    transition: bottom 1s ease, opacity .4s ease !important; }
    .cx-widget.cx-theme-light .cx-toast .cx-button-container,
    .cx-widget.cx-theme-light .cx-webchat .cx-button-container {
      background-color: #f2f5f6 !important; }
    .cx-widget.cx-theme-light .cx-toast input[type=text].cx-form-control,
    .cx-widget.cx-theme-light .cx-webchat input[type=text].cx-form-control {
      background-color: #fff !important;
      margin: 8px 0 0 0 !important;
      padding: 6px 8px !important;
      height: 48px !important;
      line-height: 1 !important;
      border-color: #668494 !important;
      color: rgba(0, 0, 0, 0.9) !important;
      font-size: 16px !important;
      border-radius: 0 !important;
      border-width: 1px; }
      .cx-widget.cx-theme-light .cx-toast input[type=text].cx-form-control::-moz-placeholder, .cx-widget.cx-theme-light .cx-toast input[type=text].cx-form-control::-webkit-input-placeholder, .cx-widget.cx-theme-light .cx-toast input[type=text].cx-form-control:-ms-input-placeholder,
      .cx-widget.cx-theme-light .cx-webchat input[type=text].cx-form-control::-moz-placeholder,
      .cx-widget.cx-theme-light .cx-webchat input[type=text].cx-form-control::-webkit-input-placeholder,
      .cx-widget.cx-theme-light .cx-webchat input[type=text].cx-form-control:-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.55) !important;
        line-height: 45px; }
    .cx-widget.cx-theme-light .cx-toast select.cx-form-control,
    .cx-widget.cx-theme-light .cx-webchat select.cx-form-control {
      background-color: #fff !important;
      margin: 0px 0 !important;
      padding: 6px 8px !important;
      height: auto !important;
      border-color: #668592 !important;
      color: rgba(0, 0, 0, 0.9) !important;
      font-size: 16px !important;
      border-radius: 0 !important; }
    .cx-widget.cx-theme-light .cx-toast .cx-input.cx-form-control.cx-error,
    .cx-widget.cx-theme-light .cx-webchat .cx-input.cx-form-control.cx-error {
      border: 1px solid #CD384B !important; }
    .cx-widget.cx-theme-light .cx-toast .cx-control-label,
    .cx-widget.cx-theme-light .cx-webchat .cx-control-label {
      color: rgba(0, 0, 0, 0.9) !important;
      //display: none !important;
      font-size: 14px;
      font-weight: normal; }
    .cx-widget.cx-theme-light .cx-toast .cx-control-label.cx-error,
    .cx-widget.cx-theme-light .cx-webchat .cx-control-label.cx-error {
      display: inline-block !important;
      font-size: 16px;
      font-weight: normal;
      color: #CD384B !important;
      padding-bottom: 10px !important; }
    .cx-widget.cx-theme-light .cx-toast .cx-control-label-survey.cx-error,
    .cx-widget.cx-theme-light .cx-webchat .cx-control-label-survey.cx-error {
      display: inline-block !important;
      font-size: 16px;
      font-weight: normal;
      color: #CD384B !important;
      padding-bottom: 10px !important; }
    .cx-widget.cx-theme-light .cx-toast .cx-form-inputs,
    .cx-widget.cx-theme-light .cx-webchat .cx-form-inputs {
      font-size: 16px;
      line-height: 24px; }
      .cx-widget.cx-theme-light .cx-toast .cx-form-inputs input,
      .cx-widget.cx-theme-light .cx-webchat .cx-form-inputs input {
        -webkit-appearance: none;
        -moz-appearance: none; }
      .cx-widget.cx-theme-light .cx-toast .cx-form-inputs table,
      .cx-widget.cx-theme-light .cx-webchat .cx-form-inputs table {
        margin-top: 12px !important;
        margin-bottom: 4px !important; }
      .cx-widget.cx-theme-light .cx-toast .cx-form-inputs td,
      .cx-widget.cx-theme-light .cx-webchat .cx-form-inputs td {
        min-height: 16px !important;
        padding-top: 2px !important;
        border: none; }
    .cx-widget.cx-theme-light .cx-toast .cx-chat-start-smokescreen,
    .cx-widget.cx-theme-light .cx-webchat .cx-chat-start-smokescreen {
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      height: 100% !important;
      width: 100% !important;
      background-color: #f2f5f6 !important;
      opacity: 1 !important; }
    .cx-widget.cx-theme-light .cx-toast .cx-show-smokescreen,
    .cx-widget.cx-theme-light .cx-webchat .cx-show-smokescreen {
      display: block !important; }
    .cx-widget.cx-theme-light .cx-toast .cx-menu-item.cx-icon.cx-branding-icon,
    .cx-widget.cx-theme-light .cx-webchat .cx-menu-item.cx-icon.cx-branding-icon {
      display: none !important; }
    .cx-widget.cx-theme-light .cx-toast .cx-smokescreen,
    .cx-widget.cx-theme-light .cx-webchat .cx-smokescreen {
      display: none !important; }
    .cx-widget.cx-theme-light .cx-toast .cx-chat-start-smokescreen,
    .cx-widget.cx-theme-light .cx-webchat .cx-chat-start-smokescreen {
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      height: 100% !important;
      width: 100% !important;
      background-color: #f2f5f6 !important;
      opacity: 1 !important; }
    .cx-widget.cx-theme-light .cx-toast .cx-show-smokescreen,
    .cx-widget.cx-theme-light .cx-webchat .cx-show-smokescreen {
      display: block !important; } }

@media (max-width: 767px) {
  .cx-widget.cx-theme-light .cx-toast,
  .cx-widget.cx-theme-light .cx-webchat {
    left: 16px !important;
    bottom: 16px !important;
    right: 16px !important;
    top: 16px !important;
    width: auto;
    height: auto; }
    .cx-widget.cx-theme-light .cx-toast.cx-minimized,
    .cx-widget.cx-theme-light .cx-webchat.cx-minimized {
      bottom: -600px !important;
      top: auto !important; }
      .cx-widget.cx-theme-light .cx-toast.cx-minimized .cx-webchat-counter,
      .cx-widget.cx-theme-light .cx-webchat.cx-minimized .cx-webchat-counter {
        display: none !important;
        border-radius: 50% !important;
        box-shadow: 0 0 0 1pt white;
        background-color: #CD384B;
        font-size: 10px;
        font-weight: bold;
        line-height: 14px;
        height: 20px;
        min-width: 20px; }
    .cx-widget.cx-theme-light .cx-toast .cx-smokescreen,
    .cx-widget.cx-theme-light .cx-webchat .cx-smokescreen {
      display: none !important; }
    .cx-widget.cx-theme-light .cx-toast .cx-chat-start-smokescreen,
    .cx-widget.cx-theme-light .cx-webchat .cx-chat-start-smokescreen {
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      height: 100% !important;
      width: 100% !important;
      background-color: #f2f5f6 !important;
      opacity: 1 !important; }
    .cx-widget.cx-theme-light .cx-toast .cx-show-smokescreen,
    .cx-widget.cx-theme-light .cx-webchat .cx-show-smokescreen {
      display: block !important; }
    .cx-widget.cx-theme-light .cx-toast .cx-menu-item.cx-icon.cx-branding-icon,
    .cx-widget.cx-theme-light .cx-webchat .cx-menu-item.cx-icon.cx-branding-icon {
      display: none !important; }
    .cx-widget.cx-theme-light .cx-toast .cx-smokescreen,
    .cx-widget.cx-theme-light .cx-webchat .cx-smokescreen {
      display: none !important; }
    .cx-widget.cx-theme-light .cx-toast .cx-chat-start-smokescreen,
    .cx-widget.cx-theme-light .cx-webchat .cx-chat-start-smokescreen {
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      height: 100% !important;
      width: 100% !important;
      background-color: #f2f5f6 !important;
      opacity: 1 !important; }
    .cx-widget.cx-theme-light .cx-toast .cx-show-smokescreen,
    .cx-widget.cx-theme-light .cx-webchat .cx-show-smokescreen {
      display: block !important; } }

.cx-hidden {
  display: none !important;
  visibility: hidden !important; }

.cx-docked-Engage .cx-common-container.cx-engage-toast {
  width: 344px !important;
  height: auto;
  max-width: calc(100vw - 48px);
  top: auto !important;
  left: auto !important;
  right: 16px !important;
  bottom: 16px !important;
  background-color: white !important;
  margin-bottom: 0 !important;
  padding-bottom: 24px;
  z-index: 9999 !important;
  border-radius: 32px; }
  @media (min-width: 1080px) {
    .cx-docked-Engage .cx-common-container.cx-engage-toast {
      max-width: calc(100vw - 48px);
      right: 24px !important;
      bottom: 24px !important; } }
  .cx-docked-Engage .cx-common-container.cx-engage-toast .cx-titlebar {
    height: auto !important;
    background-color: white !important;
    box-shadow: none;
    border-bottom: 2px solid #e2e2e2 !important;
    padding: 16px 24px !important; }
    .cx-docked-Engage .cx-common-container.cx-engage-toast .cx-titlebar .cx-title {
      font-size: 18px !important;
      line-height: 1.4 !important;
      font-weight: bold !important;
      color: rgba(0, 0, 0, 0.9) !important; }
  .cx-docked-Engage .cx-common-container.cx-engage-toast .cx-body {
    padding: 16px 24px 24px 24px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.6;
    color: rgba(0, 0, 0, 0.9);
    background-color: white !important; }
  .cx-docked-Engage .cx-common-container.cx-engage-toast .cx-footer {
    display: none; }
  .cx-docked-Engage .cx-common-container.cx-engage-toast .cx-buttons-window-control {
    display: none; }
  .cx-docked-Engage .cx-common-container.cx-engage-toast .cx-button-container {
    background-color: white !important;
    padding: 0 24px !important;
    gap: 0 !important; }
    .cx-docked-Engage .cx-common-container.cx-engage-toast .cx-button-container .cx-button-group {
      display: flex;
      flex-direction: row;
      margin-bottom: 0 !important;
      gap: 0;
      overflow: visible; }
    .cx-docked-Engage .cx-common-container.cx-engage-toast .cx-button-container .cx-btn {
      margin: 0 !important; }
      .cx-docked-Engage .cx-common-container.cx-engage-toast .cx-button-container .cx-btn.cx-btn-primary {
        order: 1;
        margin-right: 16px !important; }
      .cx-docked-Engage .cx-common-container.cx-engage-toast .cx-button-container .cx-btn.cx-btn-default {
        order: 2; }

*[class^="cx-"] a:focus,
*[class^="cx-"] button:focus,
*[class^="cx-"] .cx-btn:focus,
*[class^="cx-"] .cs-button:focus,
*[class^="cx-"] input[type=text]:focus,
*[class^="cx-"] textarea:focus,
*[class^="cx-"] input[type=checkbox]:focus,
*[class^="cx-"] input[type=radio]:focus,
*[class^="cs-"] a:focus,
*[class^="cs-"] button:focus,
*[class^="cs-"] .cx-btn:focus,
*[class^="cs-"] .cs-button:focus,
*[class^="cs-"] input[type=text]:focus,
*[class^="cs-"] textarea:focus,
*[class^="cs-"] input[type=checkbox]:focus,
*[class^="cs-"] input[type=radio]:focus {
  outline: none !important;
  outline-offset: 0px !important;
  box-shadow: 0 0 0 2px #1a1200, 0 0 0 4px #ffb500 !important; }

.ccaas-chat-dialog-welcome,
.ccaas-chat-dialog-choose {
  position: fixed;
  bottom: -220vh;
  right: 16px;
  top: auto;
  left: auto;
  background-color: #f2f5f6;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 10px 4px 44px rgba(0, 0, 0, 0.45);
  transition: bottom .3s ease-out; }
  @media (min-width: 768px) {
    .ccaas-chat-dialog-welcome,
    .ccaas-chat-dialog-choose {
      left: auto;
      top: auto;
      right: 8px;
      width: 100%;
      max-width: 352px;
      height: calc(100vh - 16px);
      max-height: 536px; } }
  .ccaas-chat-dialog-welcome .ccaas-header,
  .ccaas-chat-dialog-choose .ccaas-header {
    position: relative;
    height: 48px;
    background-color: #008146; }
    .ccaas-chat-dialog-welcome .ccaas-header .ccaas-title,
    .ccaas-chat-dialog-choose .ccaas-header .ccaas-title {
      position: absolute;
      left: 24px;
      top: 8px;
      color: white;
      font-size: 18px;
      padding: 0; }
  .ccaas-chat-dialog-welcome .ccaas-body,
  .ccaas-chat-dialog-choose .ccaas-body {
    height: calc(100% - 48px);
    padding: 24px 24px 24px 24px; }
    @media (min-width: 768px) {
      .ccaas-chat-dialog-welcome .ccaas-body,
      .ccaas-chat-dialog-choose .ccaas-body {
        height: calc(100% - 48px);
        padding: 24px 24px 40px 24px; } }
    .ccaas-chat-dialog-welcome .ccaas-body h3,
    .ccaas-chat-dialog-choose .ccaas-body h3 {
      margin-bottom: 24px; }
    .ccaas-chat-dialog-welcome .ccaas-body .image-wrapper,
    .ccaas-chat-dialog-choose .ccaas-body .image-wrapper {
      margin-bottom: 24px; }
    .ccaas-chat-dialog-welcome .ccaas-body p,
    .ccaas-chat-dialog-choose .ccaas-body p {
      margin-bottom: 24px; }
  .ccaas-chat-dialog-welcome .support-option,
  .ccaas-chat-dialog-choose .support-option {
    text-align: left;
    border-left: 6px solid #008146;
    padding: 0 0 0 20px;
    margin-bottom: 24px; }
    .ccaas-chat-dialog-welcome .support-option h2,
    .ccaas-chat-dialog-choose .support-option h2 {
      font-family: "Sage Text", sans-serif;
      font-size: 32px;
      font-weight: bold;
      line-height: 1.4;
      margin-bottom: 8px; }
    .ccaas-chat-dialog-welcome .support-option h5,
    .ccaas-chat-dialog-choose .support-option h5 {
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 16px; }
    .ccaas-chat-dialog-welcome .support-option:nth-child(3) h5,
    .ccaas-chat-dialog-choose .support-option:nth-child(3) h5 {
      margin-bottom: 12px; }
    .ccaas-chat-dialog-welcome .support-option .score-button,
    .ccaas-chat-dialog-choose .support-option .score-button {
      margin-bottom: 16px; }
    .ccaas-chat-dialog-welcome .support-option padding,
    .ccaas-chat-dialog-choose .support-option padding {
      font-size: 16px;
      margin: 0; }
  .ccaas-chat-dialog-welcome .ccaas-window-control,
  .ccaas-chat-dialog-choose .ccaas-window-control {
    position: absolute;
    right: 8px;
    top: 4px !important;
    font-weight: normal;
    padding: 0; }
    .ccaas-chat-dialog-welcome .ccaas-window-control button,
    .ccaas-chat-dialog-choose .ccaas-window-control button {
      height: 40px !important;
      width: 32px !important;
      min-height: 0;
      min-width: 0;
      font-size: 0;
      padding: 0;
      margin: 0;
      border-radius: 0;
      background-color: transparent; }
      .ccaas-chat-dialog-welcome .ccaas-window-control button:focus,
      .ccaas-chat-dialog-choose .ccaas-window-control button:focus {
        border: none; }
      .ccaas-chat-dialog-welcome .ccaas-window-control button:after,
      .ccaas-chat-dialog-choose .ccaas-window-control button:after {
        display: none; }
      .ccaas-chat-dialog-welcome .ccaas-window-control button.ccaas-close:before,
      .ccaas-chat-dialog-choose .ccaas-window-control button.ccaas-close:before {
        content: "";
        display: block;
        font-family: "Sage-UI-Icons";
        font-size: 20px;
        color: white; }
      .ccaas-chat-dialog-welcome .ccaas-window-control button.ccaas-minimize:before,
      .ccaas-chat-dialog-choose .ccaas-window-control button.ccaas-minimize:before {
        content: "";
        display: block;
        font-family: "Sage-UI-Icons";
        font-size: 20px;
        color: white; }
      .ccaas-chat-dialog-welcome .ccaas-window-control button.ccaas-maximize,
      .ccaas-chat-dialog-choose .ccaas-window-control button.ccaas-maximize {
        display: none; }
        .ccaas-chat-dialog-welcome .ccaas-window-control button.ccaas-maximize:before,
        .ccaas-chat-dialog-choose .ccaas-window-control button.ccaas-maximize:before {
          content: "";
          display: block;
          font-family: "Sage-UI-Icons";
          font-size: 20px;
          color: white; }

.ccaas-chat-dialog-welcome {
  z-index: 1021; }
  .ccaas-chat-dialog-welcome .ccaas-body {
    text-align: center; }
  .ccaas-chat-dialog-welcome .button-group {
    display: flex;
    flex-direction: column;
    gap: 8px; }

.ccaas-chat-dialog-choose {
  z-index: 1022; }
  .ccaas-chat-dialog-choose .button-group {
    text-align: right;
    margin-top: 40px; }

.ccaas-container.chat-open.chat-step-1 .ccaas-chat-dialog-welcome {
  bottom: 16px;
  left: 16px;
  right: 16px;
  top: 16px; }
  @media (min-width: 768px) {
    .ccaas-container.chat-open.chat-step-1 .ccaas-chat-dialog-welcome {
      left: auto;
      bottom: 8px;
      right: 8px;
      top: auto; } }

.ccaas-container.chat-open.chat-step-2 .ccaas-chat-dialog-choose {
  bottom: 16px;
  left: 16px;
  right: 16px;
  top: 16px; }
  @media (min-width: 768px) {
    .ccaas-container.chat-open.chat-step-2 .ccaas-chat-dialog-choose {
      left: auto;
      bottom: 8px;
      right: 8px;
      top: auto; } }

div.cx-widget.cx-window-manager.cx-theme-light > div.cx-dock.cx-first.cx-dock-view.cx-docked-Engage.cx-mobile > div {
  top: auto !important; }

#cx_webchat_form_postcode {
  width: 150px; }

@font-face {
  font-family: sage-ui-icons;
  src: url(https://fonts.sage.com/Sage-UI-Icons.woff2) format("woff2"), url(https://fonts.sage.com/Sage-UI-Icons.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block; }