@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
.attachment {
  display: flex;
  position: relative; }
  .attachment-left {
    max-width: 94px;
    max-height: 94px;
    min-width: 94px;
    min-height: 94px;
    margin-right: 10px;
    border: 1px dashed silver;
    border-radius: 5px;
    background: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwMCIgd2lkdGg9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAwIDgyLjkwNyI+PHBhdGggZmlsbD0iIzMzMyIgZD0iTTc3Ljk0NCA4Mi45MDdINS41NzRDMi4yMDMgODIuOTA3IDAgODAuNTQyIDAgNzcuNjY2VjIxLjk0NGMwLTMuNDU2IDIuMTE4LTYuMDcyIDUuNTc0LTYuMDcyaDQ0LjQ1M3YxMS4wNTFoLTM4Ljk4djQ1LjAwNmg2MC45NzVWNTQuNzk3bDExLjk5LS4wMDh2MjIuODc2YzAgMi44NzctMi43ODMgNS4yNDItNi4wNjggNS4yNDJ6Ii8+PHBhdGggZmlsbD0iIzMzMyIgZD0iTTE2LjU0NCA2Ni45MzVsMjMuMjQ4LTIyLjMyNyAxMC40NDQgOS43NzkgMTEuMjMzLTE0Ljc2NSA1LjUwNCAxMC41MzcuMDM5IDE2Ljc3NkgxNi41NDR6TTI4LjA0OCA0NC40NDZhNS43NDggNS43NDggMCAxIDEgLjAwOS0xMS40OTcgNS43NDggNS43NDggMCAwIDEtLjAwOSAxMS40OTd6TTg0LjA0MyAyMS45NDR2MjIuMDIyaC0xMi4wNmwtLjAxNi0yMi4wMjJINTYuMTE5TDc4LjA1OSAwIDEwMCAyMS45NDRIODQuMDQzeiIvPjwvc3ZnPg==) no-repeat center;
    background-size: 50px; }
    .attachment-left-visable {
      background: none; }
    .attachment-left-preview {
      position: relative;
      max-width: 94px;
      max-height: 94px;
      min-width: 94px;
      min-height: 94px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .attachment-left-preview img {
        max-width: 94px;
        max-height: 94px; }
  .attachment-right {
    flex-grow: 1; }
    .attachment-right-file {
      display: flex !important;
      margin-bottom: 0px !important;
      border: 1px solid #989c9d;
      height: 36px;
      align-items: center;
      border-radius: 3px;
      cursor: pointer; }
      .attachment-right-file-btn {
        height: 36px;
        display: flex;
        align-items: center;
        padding-right: 10px;
        margin-right: 10px;
        border-right: 1px solid #989c9d; }
        .attachment-right-file-btn:hover {
          background: blue; }
      .attachment-right-file-uploading {
        pointer-events: none;
        background-color: #f7f7f7; }
        .attachment-right-file-uploading:after {
          content: " ";
          position: absolute;
          right: 5px;
          width: 20px;
          height: 20px;
          background: #f7f7f7 url(https://console.servisbot.com/portal/1.19.0/static/media/loadingblack.0e469c85b566064ddd4a.svg) no-repeat center; }
      .attachment-right-file i {
        text-transform: none;
        text-transform: initial;
        opacity: 0.75;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 150px; }
      .attachment-right-file .reactIcon {
        padding-right: 5px;
        padding-left: 10px; }
    .attachment-right-spacer {
      position: relative;
      z-index: 9; }
    .attachment-right input[type="text"] {
      width: 100%;
      position: relative;
      z-index: 9; }
    .attachment-right input[type="file"] {
      width: 100%;
      cursor: inherit;
      display: block;
      filter: alpha(opacity=0);
      min-height: 100%;
      min-width: 100%;
      opacity: 0;
      position: absolute;
      right: 0;
      text-align: right;
      top: 0; }

.bot-avatar {
  _background: blue;
  display: flex;
  width: 100%;
  overflow: auto; }
  .bot-avatar::-webkit-scrollbar {
    height: 10px;
    width: 10px; }
  .bot-avatar::-webkit-scrollbar-track {
    border-radius: 5px;
    background: #f4f4f4;
    border: 1px solid #e5e5e5; }
  .bot-avatar::-webkit-scrollbar-thumb {
    border-radius: 5px;
    border: 1px solid #b9b9b9;
    background: rgba(0, 0, 0, 0.2); }
  .bot-avatar::-webkit-scrollbar-thumb:hover {
    border: 1px solid #8c8c8c;
    background: rgba(0, 0, 0, 0.4); }
  .bot-avatar::-webkit-scrollbar-thumb:window-inactive {
    background-color: rgba(0, 0, 0, 0.1); }
  .bot-avatar-item {
    padding: 10px;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 5px;
    margin: 5px;
    box-shadow: 0px 0px 5px rgba(2, 146, 207, 0);
    transition: all 300ms;
    order: 1; }
    .bot-avatar-item:hover, .bot-avatar-item.selected {
      border: 1px solid #3392cf;
      box-shadow: 0px 0px 5px rgba(2, 146, 207, 0.45); }
    .bot-avatar-item.selected {
      order: 0; }
    .bot-avatar-item.new {
      order: 1; }
    .bot-avatar-item img {
      height: 126px;
      margin-top: -10px;
      margin-bottom: -10px; }
    .bot-avatar-item span {
      width: 100%;
      text-align: center;
      display: none; }

.FormField_formField__1TWot {
  margin-bottom: 15px;
}

.FormField_formField__1TWot.FormField_hasSubscript__L6INK {
  margin: 21px 0 8px 0;
}

.FormField_formFieldLarge__uf0W\+ {
  min-height: 168px;
}

.FormField_formFieldBody__1Qfw9 {
  position: relative;
}

.FormField_formFieldBody__1Qfw9 input[type=email],
.FormField_formFieldBody__1Qfw9 input[type=url],
.FormField_formFieldBody__1Qfw9 input[type=text],
.FormField_formFieldBody__1Qfw9 input[type=date],
.FormField_formFieldBody__1Qfw9 select,
.FormField_formFieldBody__1Qfw9 textarea, .FormField_formFieldBodyDropdownDefault__xkcqD {
  display: block;
  width: 100%;
  line-height: 1.646;
  letter-spacing: 1px;
  font-family: Roboto, sans-serif;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  box-shadow: none;
  border: 1px solid #999c9d;
  border-radius: 3px;
  color: #1e292c;
  background: white;
  outline: none;
  height: 36px;
  padding: 0 5px 0px 5px;
  box-sizing: border-box;
  font-size: 14px;
  text-decoration: none;
  font-weight: 300;
}

.FormField_formFieldBody__1Qfw9 input[type=email]::placeholder,
.FormField_formFieldBody__1Qfw9 input[type=url]::placeholder,
.FormField_formFieldBody__1Qfw9 input[type=text]::placeholder,
.FormField_formFieldBody__1Qfw9 input[type=date]::placeholder,
.FormField_formFieldBody__1Qfw9 select::placeholder,
.FormField_formFieldBody__1Qfw9 textarea::placeholder,
.FormField_formFieldBodyDropdownDefault__xkcqD::placeholder {
  font-size: 14px;
  text-decoration: none;
  font-weight: 200;
  color: #b4b4b4;
  opacity: 1;
}

.FormField_formFieldBody__1Qfw9 textarea,
.FormField_formFieldBodyDropdownDefault__xkcqD {
  height: auto;
  padding-top: 5px;
}

.FormField_formFieldBody__1Qfw9 textarea {
  margin-bottom: 4px;
}

.FormField_formFieldBody__1Qfw9 input[type=email]:focus,
.FormField_formFieldBody__1Qfw9 input[type=url]:focus,
.FormField_formFieldBody__1Qfw9 input[type=text]:focus,
.FormField_formFieldBody__1Qfw9 input[type=date]:focus,
.FormField_formFieldBody__1Qfw9 select:focus,
.FormField_formFieldBody__1Qfw9 textarea:focus {
  border: 1px solid #0292cf;
  box-shadow: 0px 0px 5px rgba(2, 146, 207, 0.45);
}

.FormField_formFieldBody__1Qfw9 input[type=email]:disabled,
.FormField_formFieldBody__1Qfw9 input[type=url]:disabled,
.FormField_formFieldBody__1Qfw9 input[type=text]:disabled,
.FormField_formFieldBody__1Qfw9 input[type=date]:disabled,
.FormField_formFieldBody__1Qfw9 select:disabled,
.FormField_formFieldBody__1Qfw9 textarea:disabled {
  background: #f7f7f7;
}

.FormField_formFieldBody__1Qfw9 label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.7px;
  font-weight: 300;
  color: #1e292c;
  width: 100%;
}

.FormField_formFieldBody__1Qfw9 input[type=checkbox] {
  width: 25px;
  height: 15px;
}

.FormField_formFieldBody__1Qfw9 a[disabled] {
  pointer-events: none;
  cursor: default;
}

.FormField_formFieldBody__1Qfw9 footer {
  font-size: 14px;
  font-weight: 300;
  opacity: 0.5;
  padding: 5px 0px;
}

.form-group-error {
  padding: 15px;
  border-left: 2px solid #e51c23;
  margin: 15px;
  background: white;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.12); }

.form-group-safe-area {
  display: flex;
  width: 80px; }

.form-group-actions {
  display: flex;
  flex: 1 1;
  justify-content: flex-end;
  margin-right: 20px;
  margin-left: 20px;
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: right; }
  .form-group-actions-container {
    display: flex;
    flex: 1 1; }
  .form-group-actions button {
    margin-left: 10px; }

.form-group-action-message {
  display: flex;
  flex: 1 1;
  justify-content: flex-end;
  align-self: center; }

.override-container {
  display: flex;
  position: fixed;
  bottom: 0px;
  width: 85%;
  overflow: visible;
  z-index: 99;
  border-top: solid #999c9d9c 1px;
  background-color: white; }

@media (max-width: 500px) {
  .override-container {
    width: 65%; } }

@media (max-width: 800px) {
  .override-container {
    width: 65%; } }

@media (min-width: 1600px) and (max-width: 2000px) {
  .override-container {
    width: 90%; } }

.form-section {
  background: white;
  width: 100%;
  margin-right: 15px;
  margin-bottom: 5px;
  padding-bottom: 60px; }
  .form-section.border {
    border-bottom: 2px solid #8a8a8a; }
  .form-section-heading {
    padding: 15px 20px;
    margin-bottom: 15px;
    line-height: 1;
    border-bottom: 1px solid #e6e6e6;
    color: black;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase; }
    .form-section-heading.large {
      font-size: 24px;
      font-weight: 500;
      border-bottom: none; }
      .form-section-heading.large .subtitle {
        color: #131313;
        font-size: 14px;
        margin: 10px 0 0 0;
        font-weight: 300;
        opacity: 0.8;
        text-transform: none; }
  .form-section-body {
    padding-right: 20px;
    padding-left: 20px;
    display: flex; }
    .form-section-body-main {
      font-weight: 300; }
      .form-section-body-main .section-title {
        text-transform: uppercase;
        font-weight: 500;
        font-size: 18px;
        margin-top: 32px; }
      .form-section-body-main .section-subtitle {
        font-weight: 300;
        margin-top: 21px; }
      .form-section-body-main .field-subtitle {
        line-height: 1.5; }
    .form-section-body-aside {
      padding: 0px 10px; }
      .form-section-body-aside h4 {
        margin-bottom: 0;
        font-weight: 400;
        color: #131313; }
      .form-section-body-aside p {
        color: #131313;
        font-size: 14px;
        margin: 0;
        margin-top: 2px;
        font-weight: 300;
        opacity: 0.8; }
  .form-section .form-link {
    display: block;
    color: #4a90e2;
    text-decoration: none; }
    .form-section .form-link:hover {
      color: #306099; }
  .form-section-actions {
    padding-right: 20px;
    padding-left: 20px; }
    .form-section-actions a {
      padding-left: 20px;
      color: #2195f3;
      text-decoration: none;
      transition: all 300ms; }
      .form-section-actions a:hover {
        transform: scale(1.05, 1.05); }
      .form-section-actions a:active {
        transform: scale(0.99, 0.99); }

.sb-bubble-task-checkbox {
  margin-right: 10px; }

.sb-bubble-task {
  padding: 10px;
  display: flex;
  box-sizing: border-box;
  width: 100%; }
  .sb-bubble-task-checkbox {
    width: 12px;
    height: 12px;
    position: relative;
    display: inline-block;
    border-radius: 3px;
    border: 2px solid #0392CF;
    cursor: pointer;
    flex: 0 0 auto;
    transition: 300ms; }
  .sb-bubble-task-text {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #ffffff;
    display: flex;
    align-items: center;
    font-weight: 400;
    line-height: 20px;
    color: #0392CF;
    word-break: break-word;
    cursor: pointer;
    width: 100%; }
  .sb-bubble-task-completed {
    pointer-events: none; }
  .sb-bubble-task-completed .sb-bubble-task-checkbox {
    background: #0392CF;
    border: 2px solid #0380b6; }
    .sb-bubble-task-completed .sb-bubble-task-checkbox::after {
      content: "\2714";
      position: absolute;
      top: 5px;
      left: 1px;
      line-height: 0; }

/* @overwrite */
@media (forced-colors: active) {
  .sb-bubble {
    color: CanvasText !important;
    background-color: Canvas !important;
    border-width: 1px;
    border-style: solid !important;
    border-color: CanvasText !important; }
    .sb-bubble svg path {
      fill: CanvasText !important; } }

.sb-bubble-message {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  color: #ffffff;
  display: block;
  align-items: center;
  padding: 10px 10px 10px 10px;
  font-weight: 400;
  letter-spacing: .2px;
  line-height: 1.45; }
  .sb-bubble-message article {
    color: #fff;
    overflow-wrap: break-word;
    word-wrap: break-word;
    line-height: 20px; }
  .sb-bubble-message footer {
    font-weight: 200;
    color: #fff;
    opacity: 0.4;
    font-size: 9px;
    text-align: right; }
  .sb-bubble-message-loading {
    margin: 0 auto; }

.sb-bubble-in article {
  color: #3B3E3F; }

.sb-bubble-in footer {
  color: #CCCCCC; }

.sb-bubble-lozenges-header-icon img {
  padding-right: 15px; }

.sb-bubble-lozenges-container ul li input {
  margin-right: 10px; }

/* @overwrite */
.sb-bubble-lozenges {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  color: #ffffff;
  font-weight: 400;
  letter-spacing: 0.2px;
  line-height: 1.45;
  width: 100%; }
  .sb-bubble-lozenges-header {
    display: flex;
    align-items: center;
    background: #3B3E3F;
    background: #0392CF;
    color: #fff !important;
    padding: 10px 10px 5px 10px; }
    .sb-bubble-lozenges-header-icon svg {
      margin-right: 10px; }
    .sb-bubble-lozenges-header-icon img {
      height: 30px;
      padding-bottom: 8px; }
    .sb-bubble-lozenges-header-title {
      padding-bottom: 5px;
      width: 100%; }
  .sb-bubble-lozenges-container {
    background: #fff; }
    .sb-bubble-lozenges-container ul {
      padding: 15px 0px 15px 15px;
      margin: 0px;
      list-style: none; }
      .sb-bubble-lozenges-container ul li {
        padding-bottom: 10px; }
        .sb-bubble-lozenges-container ul li label {
          display: flex;
          color: #0392CF;
          word-break: break-word;
          padding-right: 15px; }
          .sb-bubble-lozenges-container ul li label[disabled=""] {
            color: #CCCCCC; }
        .sb-bubble-lozenges-container ul li input {
          flex: 0 0 auto; }
        .sb-bubble-lozenges-container ul li input[type="radio"] {
          width: 12px;
          height: 12px;
          box-shadow: inset 0 0 0 5px white, 0 0 0 2px;
          background: #0392CF;
          color: #0392CF;
          transition: box-shadow 300ms;
          border-radius: 50%;
          /* Prefixer should be used here */
          -webkit-appearance: none;
          appearance: none; }
          .sb-bubble-lozenges-container ul li input[type="radio"]:hover, .sb-bubble-lozenges-container ul li input[type="radio"]:checked {
            background: #0392CF;
            box-shadow: inset 0 0 0 3px white, 0 0 0 2px;
            cursor: pointer; }
          .sb-bubble-lozenges-container ul li input[type="radio"]:checked {
            background: #0392CF;
            box-shadow: inset 0 0 0 0px white, 0 0 0 2px;
            color: #0392CF;
            cursor: default; }
          .sb-bubble-lozenges-container ul li input[type="radio"]:focus {
            outline: 0; }
          .sb-bubble-lozenges-container ul li input[type="radio"]:focus-visible {
            outline: 2px solid #00F;
            outline-offset: 2px; }
            @supports (outline-color: Highlight) {
              .sb-bubble-lozenges-container ul li input[type="radio"]:focus-visible {
                outline: 2px auto Highlight; } }
            @supports (outline-color: -webkit-focus-ring-color) {
              .sb-bubble-lozenges-container ul li input[type="radio"]:focus-visible {
                outline: 2px auto -webkit-focus-ring-color; } }
          .sb-bubble-lozenges-container ul li input[type="radio"]:disabled:not(:checked) {
            cursor: default;
            box-shadow: inset 0 0 0 0px white, 0 0 0 2px #CCCCCC;
            background: #CCCCCC !important; }
        .sb-bubble-lozenges-container ul li:last-child {
          padding-bottom: 0px; }

.sb-bubble-in article {
  color: #fff; }

.sb-bubble-attachment-file {
  padding: 10px 10px 10px 10px; }

.sb-bubble-attachment-file-name {
  padding: 5px 10px 5px 0px;
  width: 100%; }

.sb-bubble-attachment-file a {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  color: #ffffff;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-weight: 400;
  text-decoration: none; }

.sb-bubble-attachment-file a,
.sb-bubble-attachment-file a:visited,
.sb-bubble-attachment-file a:active {
  color: #0392CF; }

.sb-bubble-attachment-file-icon {
  margin-right: 5px; }

.sb-bubble-attachment-file-name {
  word-break: break-all; }

.sb-bubble-out a,
.sb-bubble-out a:visited,
.sb-bubble-out a:active {
  color: #fff; }

.sb-timeline-plain-button {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  color: #ffffff;
  cursor: pointer;
  background: none;
  padding: 0;
  border: 0;
  outline: none; }
  .sb-timeline-plain-button:focus-visible {
    outline: 2px solid #00F;
    outline-offset: 2px; }
    @supports (outline-color: Highlight) {
      .sb-timeline-plain-button:focus-visible {
        outline: 2px auto Highlight; } }
    @supports (outline-color: -webkit-focus-ring-color) {
      .sb-timeline-plain-button:focus-visible {
        outline: 2px auto -webkit-focus-ring-color; } }
  .sb-timeline-plain-button:disabled {
    cursor: default; }
  .sb-timeline-content .sb-timeline-plain-button {
    padding: 0; }

.fileupload-preview-bg {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }

.sb-timeline-avatar {
  display: flex;
  align-self: flex-end;
  margin-right: 8px;
  border-radius: 50%;
  overflow: hidden;
  height: 40px;
  width: 40px; }

.sb-timeline-avatar img {
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  height: 40px;
  width: 40px;
  object-fit: cover; }

.sb-bubble-wrapper {
  display: flex;
  flex-direction: row;
  position: relative;
  margin-bottom: 16px; }
  .sb-bubble-wrapper-out {
    align-self: flex-end; }
    .sb-bubble-wrapper-out-embed {
      align-self: inherit;
      justify-content: flex-end; }
  .sb-bubble-wrapper-parent {
    margin-top: 5px; }

.sb-bubble {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: all 300ms;
  min-height: 38px; }
  .sb-bubble-in {
    background: #fff;
    border-bottom-left-radius: 0px;
    width: 285px; }
    .sb-bubble-in-embed {
      width: 90%; }
  .sb-bubble-out {
    border-bottom-right-radius: 0px;
    max-width: 285px; }
    .sb-bubble-out-embed {
      width: 90%; }
  .sb-bubble-in.sb-bubble-display-avatar {
    width: 238px;
    max-width: 238px; }
  .sb-bubble-recent {
    animation: fadein 500ms; }
  .sb-bubble-error {
    opacity: 0.5;
    box-shadow: none; }

.sb-event-out-status,
.sb-event-in-status {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  _display: flex;
  visibility: hidden;
  pointer-events: none;
  height: 0;
  transform: translate(17px, -27px);
  transition: all 300ms;
  position: relative; }
  .sb-event-out-status-visible,
  .sb-event-in-status-visible {
    position: absolute;
    bottom: -5px;
    right: 0px; }
  .sb-event-out-status-error-visible, .sb-event-out-status-sent-visible, .sb-event-out-status-sending-visible,
  .sb-event-in-status-error-visible,
  .sb-event-in-status-sent-visible,
  .sb-event-in-status-sending-visible {
    top: 0;
    right: 0;
    position: absolute;
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
    height: auto;
    transition: all 300ms; }
  .sb-event-out-status-error-hidden, .sb-event-out-status-sent-hidden, .sb-event-out-status-sending-hidden,
  .sb-event-in-status-error-hidden,
  .sb-event-in-status-sent-hidden,
  .sb-event-in-status-sending-hidden {
    top: 0;
    right: 0;
    position: absolute;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    height: 0;
    transition: all 300ms; }
  .sb-event-out-status-error-visible, .sb-event-out-status-error-hidden,
  .sb-event-in-status-error-visible,
  .sb-event-in-status-error-hidden {
    color: #F14950;
    cursor: pointer; }
  .sb-event-out-status .sb-event-retry-icon,
  .sb-event-in-status .sb-event-retry-icon {
    background-color: transparent; }
    .sb-event-out-status .sb-event-retry-icon svg,
    .sb-event-in-status .sb-event-retry-icon svg {
      fill: #F14950; }
  .sb-event-out-status .sb-event-loading-icon svg,
  .sb-event-in-status .sb-event-loading-icon svg {
    fill: #3B3E3F; }
  .sb-event-out-status .sb-event-complete-icon svg,
  .sb-event-in-status .sb-event-complete-icon svg {
    fill: #6C9613; }

.sb-event-out {
  justify-content: flex-end; }
  .sb-event-out-error {
    text-align: right; }

.sb-event-in-visible {
  margin-left: 65px;
  transform: translate(-11%, -27px); }

@keyframes fadein {
  from {
    opacity: 0;
    transform: matrix(1, 0, 0, 1, 0, 15); }
  to {
    opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0); } }

@keyframes spin {
  from {
    transform: rotate(360deg); }
  to {
    transform: rotate(0deg); } }

@media (forced-colors: active) {
  .sb-event-complete-icon circle {
    fill: Canvas !important; }
  .sb-event-complete-icon path {
    color: CanvasText !important; } }

.sb-timeline-paper-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 16px; }
  .sb-timeline-paper-wrapper.sb-timeline-activity-indicator-paper {
    margin-bottom: 0; }

.sb-timeline-paper {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  color: #ffffff;
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  position: relative;
  background-color: #0292CF;
  border-radius: 5px;
  width: 285px;
  box-sizing: border-box; }
  @media (forced-colors: active) {
    .sb-timeline-paper {
      color: CanvasText !important;
      background-color: Canvas !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: CanvasText !important; }
      .sb-timeline-paper svg path {
        fill: CanvasText !important; } }
  .sb-timeline-paper-embed {
    width: 90%; }
  .sb-timeline-paper .sb-timeline-content {
    border-bottom-right-radius: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0; }
    .sb-timeline-paper .sb-timeline-content-padding {
      padding-left: 10px !important;
      padding-right: 10px !important;
      padding-bottom: 10px !important; }
    .sb-timeline-paper .sb-timeline-content-normal-border {
      border-radius: 5px; }

.sb-timeline-paper {
  border-bottom-left-radius: 0;
  padding: 10px 10px 10px 10px; }
  .sb-timeline-paper.sb-timeline-paper-focus-select {
    padding: 0px 10px 0px 10px; }
  .sb-timeline-paper.sb-timeline-paper-detailview {
    width: 100%;
    border-radius: 0px; }
  .sb-timeline-paper.sb-timeline-paper-no-radius {
    border-bottom-right-radius: 0; }
  .sb-timeline-paper.sb-timeline-paper-button {
    border-bottom-left-radius: 5px;
    padding: 0; }

.sb-timeline-paper-has-click {
  cursor: pointer; }

.sb-timeline-button-prompt-container-column .sb-timeline-paper-wrapper-button {
  width: 100%; }

.sb-timeline-paper-title-focus-select {
  display: none !important; }

.sb-timeline-button-prompt-container-inline .sb-timeline-paper-wrapper-button {
  margin-right: 10px; }

.sb-timeline-button-prompt-container-two-column .sb-timeline-paper-wrapper-button {
  width: 132.5px;
  margin-right: 10px; }

.sb-timeline-paper-remove-padding {
  padding: 10px 0 0 0; }

.sb-timeline-paper-full-bleed {
  padding: 0; }

.sb-timeline-paper-normal-border {
  border-radius: 5px; }

.sb-timeline-paper-selectable {
  padding: 10px 0 0 0; }
  .sb-timeline-paper-selectable .sb-timeline-content {
    padding: 10px 10px 10px 10px; }
    .sb-timeline-paper-selectable .sb-timeline-content:first-child {
      border-top-left-radius: 5px;
      border-top-right-radius: 0; }

.sb-timeline-paper-narrow {
  width: 238px; }

.sb-timeline-paper-header {
  display: flex;
  align-items: center;
  padding-bottom: 10px; }
  .sb-timeline-paper-header-margins {
    margin-left: 10px;
    margin-right: 10px; }
  .rtl .sb-timeline-paper-header .sb-timeline-paper-title {
    margin-left: auto; }
  .sb-timeline-paper-selectable .sb-timeline-paper-header {
    margin-right: 10px;
    margin-left: 10px;
    width: calc(100% - 10px - 10px); }
  .sb-timeline-paper-header .sb-timeline-paper-icon {
    display: flex;
    align-self: flex-start;
    padding-left: 10px; }
    .ltr .sb-timeline-paper-header .sb-timeline-paper-icon {
      margin-left: auto; }

.sb-timeline-paper-title {
  margin: 0; }
  .sb-timeline-paper-interaction-done .sb-timeline-paper-title {
    max-width: calc(100% - 30px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.sb-timeline-paper-timestamp {
  font-size: 10px;
  margin: 0;
  padding-top: 10px; }
  .sb-timeline-paper-selectable .sb-timeline-paper-timestamp {
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px; }

.sb-timeline-detail-view {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  margin-bottom: 0; }
  .sb-timeline-detail-view-wrapper {
    display: inline-flex;
    margin-bottom: 16px; }
  .sb-timeline-detail-view-disabled {
    pointer-events: none; }
  .sb-timeline-detail-view .sb-timeline-paper-title {
    line-height: 20px; }
  .sb-timeline-detail-view.rtl .sb-timeline-paper-icon {
    order: -1; }
  @media (forced-colors: active) {
    .sb-timeline-detail-view .sb-timeline-paper.sb-timeline-paper-selectable {
      color: ButtonText !important;
      background-color: ButtonFace !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: ButtonText !important; }
      .sb-timeline-detail-view .sb-timeline-paper.sb-timeline-paper-selectable svg path, .sb-timeline-detail-view .sb-timeline-paper.sb-timeline-paper-selectable p, .sb-timeline-detail-view .sb-timeline-paper.sb-timeline-paper-selectable article, .sb-timeline-detail-view .sb-timeline-paper.sb-timeline-paper-selectable span, .sb-timeline-detail-view .sb-timeline-paper.sb-timeline-paper-selectable li, .sb-timeline-detail-view .sb-timeline-paper.sb-timeline-paper-selectable [role="button"], .sb-timeline-detail-view .sb-timeline-paper.sb-timeline-paper-selectable [type="radio"] {
        fill: ButtonText !important;
        color: ButtonText !important; }
      .sb-timeline-detail-view .sb-timeline-paper.sb-timeline-paper-selectable:not(:disabled):not([aria-disabled="true"]):hover {
        border-width: 1px;
        border-style: solid !important;
        border-color: Highlight !important; }
      .sb-timeline-detail-view .sb-timeline-paper.sb-timeline-paper-selectable:not(:disabled):not([aria-disabled="true"]):active {
        background-color: AccentColor !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: HighLight !important;
        outline-width: 2px !important;
        outline-style: solid !important;
        outline-color: ButtonText !important;
        outline-offset: 2px !important; }
      .sb-timeline-detail-view .sb-timeline-paper.sb-timeline-paper-selectable:disabled, .sb-timeline-detail-view .sb-timeline-paper.sb-timeline-paper-selectable[aria-disabled="true"] {
        color: GrayText !important;
        background-color: ButtonFace !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: GrayText !important; }
        .sb-timeline-detail-view .sb-timeline-paper.sb-timeline-paper-selectable:disabled svg path, .sb-timeline-detail-view .sb-timeline-paper.sb-timeline-paper-selectable[aria-disabled="true"] svg path {
          fill: GrayText !important; } }

.sb-timeline-vertical-list {
  margin: 0;
  list-style: none;
  padding: 10px 30px 15px 30px; }
  .sb-timeline-vertical-list-multiselect {
    padding: 10px 10px 15px 10px;
    margin: 0; }
  .sb-timeline-vertical-list-aligned {
    padding: 10px 30px 15px 10px; }

.sb-timeline-unordered-list {
  display: list-item !important;
  list-style-type: disc; }

.sb-timeline-ordered-list {
  display: list-item !important;
  list-style-type: decimal; }

.sb-timeline-arrow-list {
  display: list-item !important;
  list-style-type: none; }

.sb-timeline-arrow-list::before {
  content: "";
  position: absolute;
  border-right: 2px solid;
  border-bottom: 2px solid;
  width: 6px;
  height: 6px;
  top: 8px;
  left: -20px;
  transform: translateY(-50%) rotate(-45deg); }

.sb-timeline-border {
  border-top-left-radius: 5px; }

.sb-timeline-vertical-list-item {
  position: relative;
  margin-bottom: 10px;
  align-items: center;
  text-align: left;
  white-space: pre-wrap;
  display: flex; }
  .rtl .sb-timeline-vertical-list-item {
    text-align: right; }

.sb-timeline-vertical-list-large-icons-aligned {
  align-items: start;
  padding-left: 10px; }

.sb-timeline-vertical-list-item:last-child {
  margin-bottom: 0; }

.sb-timeline-vertical-list-item-focus-selected:last-child {
  margin-bottom: 10px; }

.sb-timeline-vertical-list-item-selectable {
  display: flex;
  cursor: pointer; }
  .sb-timeline-vertical-list-item-selectable input {
    flex: 0 0 auto; }
  @media (forced-colors: active) {
    .sb-timeline-vertical-list-item-selectable:not(.sb-timeline-list-item-isDisabled):not(.sb-timeline-list-item-isSelected) {
      color: ButtonText !important;
      background-color: ButtonFace !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: ButtonText !important; }
      .sb-timeline-vertical-list-item-selectable:not(.sb-timeline-list-item-isDisabled):not(.sb-timeline-list-item-isSelected) svg path, .sb-timeline-vertical-list-item-selectable:not(.sb-timeline-list-item-isDisabled):not(.sb-timeline-list-item-isSelected) p, .sb-timeline-vertical-list-item-selectable:not(.sb-timeline-list-item-isDisabled):not(.sb-timeline-list-item-isSelected) article, .sb-timeline-vertical-list-item-selectable:not(.sb-timeline-list-item-isDisabled):not(.sb-timeline-list-item-isSelected) span, .sb-timeline-vertical-list-item-selectable:not(.sb-timeline-list-item-isDisabled):not(.sb-timeline-list-item-isSelected) li, .sb-timeline-vertical-list-item-selectable:not(.sb-timeline-list-item-isDisabled):not(.sb-timeline-list-item-isSelected) [role="button"], .sb-timeline-vertical-list-item-selectable:not(.sb-timeline-list-item-isDisabled):not(.sb-timeline-list-item-isSelected) [type="radio"] {
        fill: ButtonText !important;
        color: ButtonText !important; }
      .sb-timeline-vertical-list-item-selectable:not(.sb-timeline-list-item-isDisabled):not(.sb-timeline-list-item-isSelected):not(:disabled):not([aria-disabled="true"]):hover {
        border-width: 1px;
        border-style: solid !important;
        border-color: Highlight !important; }
      .sb-timeline-vertical-list-item-selectable:not(.sb-timeline-list-item-isDisabled):not(.sb-timeline-list-item-isSelected):not(:disabled):not([aria-disabled="true"]):active {
        background-color: AccentColor !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: HighLight !important;
        outline-width: 2px !important;
        outline-style: solid !important;
        outline-color: ButtonText !important;
        outline-offset: 2px !important; }
      .sb-timeline-vertical-list-item-selectable:not(.sb-timeline-list-item-isDisabled):not(.sb-timeline-list-item-isSelected):disabled, .sb-timeline-vertical-list-item-selectable:not(.sb-timeline-list-item-isDisabled):not(.sb-timeline-list-item-isSelected)[aria-disabled="true"] {
        color: GrayText !important;
        background-color: ButtonFace !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: GrayText !important; }
        .sb-timeline-vertical-list-item-selectable:not(.sb-timeline-list-item-isDisabled):not(.sb-timeline-list-item-isSelected):disabled svg path, .sb-timeline-vertical-list-item-selectable:not(.sb-timeline-list-item-isDisabled):not(.sb-timeline-list-item-isSelected)[aria-disabled="true"] svg path {
          fill: GrayText !important; } }
  .sb-timeline-vertical-list-item-selectable input[type="radio"] {
    width: 12px;
    height: 12px;
    box-shadow: inset 0 0 0 5px white, 0 0 0 2px;
    background: #0392CF;
    color: #0392CF;
    transition: box-shadow 300ms;
    border-radius: 50%;
    /* Prefixer should be used here */
    -webkit-appearance: none;
    appearance: none;
    margin: 5px 2.5ex;
    forced-color-adjust: none; }
    @media (forced-colors: active) {
      .sb-timeline-vertical-list-item-selectable input[type="radio"] {
        color: ButtonText !important;
        background: ButtonText !important;
        box-shadow: inset 0 0 0 5px Canvas, 0 0 0 2px; } }
    .sb-timeline-vertical-list-item-selectable input[type="radio"]:hover, .sb-timeline-vertical-list-item-selectable input[type="radio"]:checked {
      background: #0392CF;
      box-shadow: inset 0 0 0 3px white, 0 0 0 2px;
      cursor: pointer; }
      @media (forced-colors: active) {
        .sb-timeline-vertical-list-item-selectable input[type="radio"]:hover, .sb-timeline-vertical-list-item-selectable input[type="radio"]:checked {
          color: Highlight !important;
          background: Highlight !important;
          box-shadow: inset 0 0 0 3px Canvas, 0 0 0 2px; } }
    .sb-timeline-vertical-list-item-selectable input[type="radio"]:checked {
      background: #0392CF;
      box-shadow: inset 0 0 0 0px white, 0 0 0 2px;
      color: #0392CF;
      cursor: default; }
      @media (forced-colors: active) {
        .sb-timeline-vertical-list-item-selectable input[type="radio"]:checked {
          color: ButtonText !important;
          background: SelectedItem !important;
          box-shadow: inset 0 0 0 0px Canvas, 0 0 0 2px; } }
    .sb-timeline-vertical-list-item-selectable input[type="radio"]:disabled:not(:checked) {
      cursor: default;
      box-shadow: inset 0 0 0 0px white, 0 0 0 2px #CCCCCC;
      background: #CCCCCC !important; }
  .sb-timeline-vertical-list-item-selectable.sb-timeline-list-item-isSelected {
    cursor: auto;
    font-weight: bold; }
  .sb-timeline-vertical-list-item-selectable.sb-timeline-list-item-isDisabled {
    cursor: auto;
    opacity: 0.5; }

.sb-timeline-arrow-list-item-isSelected {
  opacity: 0.43; }
  @media (forced-colors: active) {
    .sb-timeline-arrow-list-item-isSelected {
      opacity: 1 !important;
      color: GrayText !important; } }

.sb-timeline-list-item-url {
  cursor: pointer; }

.sb-timeline-list-item-isHidden {
  display: none; }

.sb-timeline-vertical-list-item-chevron {
  min-width: 14px;
  width: 14px;
  height: 14px;
  margin-left: 8px;
  margin-right: 2px; }

.sb-timeline-vertical-list-item-checkmark {
  display: flex; }
  @media (forced-colors: active) {
    .sb-timeline-vertical-list-item-checkmark svg {
      background-color: Canvas !important; } }

.sb-timeline-vertical-list-item-title {
  flex-grow: 1;
  word-break: break-word; }

.sb-timeline-vertical-list-item-icon-wrapper {
  flex-direction: row;
  position: relative; }

.sb-timeline-vertical-list-item-rounded-icon {
  border-radius: 50%; }

.sb-timeline-vertical-list-small-icon .sb-timeline-vertical-list-item-icon {
  width: 20px;
  height: 20px;
  overflow: hidden;
  order: -1; }

.sb-timeline-vertical-list-small-icon .sb-timeline-vertical-list-item-title {
  font-size: 12px;
  max-width: 145px; }

.ltr.sb-timeline-vertical-list-small-icon .sb-timeline-vertical-list-item-icon {
  margin-right: 10px; }

.rtl.sb-timeline-vertical-list-small-icon .sb-timeline-vertical-list-item-icon {
  order: 2; }

.rtl.sb-timeline-vertical-list-small-icon .sb-timeline-vertical-list-item-chevron {
  order: 0; }

.rtl.sb-timeline-vertical-list-small-icon .sb-timeline-vertical-list-item-title {
  order: 1;
  margin-right: 8px;
  margin-left: 2px; }

.sb-timeline-vertical-list-large-icon .sb-timeline-vertical-list-item-title {
  order: -1;
  text-align: center; }

.sb-timeline-vertical-list-large-icon .sb-timeline-vertical-list-item {
  flex-direction: column; }

.sb-timeline-vertical-list-large-icon
.sb-timeline-vertical-list-item-icon-wrapper {
  display: flex;
  align-items: center;
  padding: 4px 0 4px 0;
  justify-content: space-between; }

.sb-timeline-vertical-list-large-icon .sb-timeline-vertical-list-item-chevron {
  min-width: 20px;
  width: 20px;
  height: 20px; }

.sb-timeline-vertical-list-large-icon .sb-timeline-vertical-list-item-checkmark {
  position: absolute;
  top: 20px;
  left: 48px; }

.sb-timeline-vertical-list-large-icon .sb-timeline-vertical-list-item-icon {
  width: 40px;
  height: 40px;
  overflow: hidden; }

.rtl.sb-timeline-vertical-list-large-icon .sb-timeline-vertical-list-item-icon {
  order: 1; }

.sb-timeline-horizontal-list {
  margin: 0;
  padding: 5px 0;
  list-style: none;
  display: flex;
  transition: transform 200ms ease; }
  .sb-timeline-horizontal-list-container {
    padding: 0;
    overflow: hidden;
    position: relative; }
    .sb-timeline-horizontal-list-container--touch {
      display: inline-block; }
  .sb-timeline-horizontal-list-item {
    font-size: 12px;
    padding: 0 5px;
    padding-bottom: 10px; }
    .sb-timeline-horizontal-list-item-selectable {
      cursor: pointer; }
      .sb-timeline-horizontal-list-item-selectable:focus-visible {
        outline: 2px solid #00F;
        outline-offset: 2px; }
        @supports (outline-color: Highlight) {
          .sb-timeline-horizontal-list-item-selectable:focus-visible {
            outline: 2px auto Highlight; } }
        @supports (outline-color: -webkit-focus-ring-color) {
          .sb-timeline-horizontal-list-item-selectable:focus-visible {
            outline: 2px auto -webkit-focus-ring-color; } }
      @media (forced-colors: active) {
        .sb-timeline-horizontal-list-item-selectable {
          color: ButtonText !important;
          background-color: ButtonFace !important;
          border-width: 1px;
          border-style: solid !important;
          border-color: ButtonText !important; }
          .sb-timeline-horizontal-list-item-selectable svg path, .sb-timeline-horizontal-list-item-selectable p, .sb-timeline-horizontal-list-item-selectable article, .sb-timeline-horizontal-list-item-selectable span, .sb-timeline-horizontal-list-item-selectable li, .sb-timeline-horizontal-list-item-selectable [role="button"], .sb-timeline-horizontal-list-item-selectable [type="radio"] {
            fill: ButtonText !important;
            color: ButtonText !important; }
          .sb-timeline-horizontal-list-item-selectable:not(:disabled):not([aria-disabled="true"]):hover {
            border-width: 1px;
            border-style: solid !important;
            border-color: Highlight !important; }
          .sb-timeline-horizontal-list-item-selectable:not(:disabled):not([aria-disabled="true"]):active {
            background-color: AccentColor !important;
            border-width: 1px;
            border-style: solid !important;
            border-color: HighLight !important;
            outline-width: 2px !important;
            outline-style: solid !important;
            outline-color: ButtonText !important;
            outline-offset: 2px !important; }
          .sb-timeline-horizontal-list-item-selectable:disabled, .sb-timeline-horizontal-list-item-selectable[aria-disabled="true"] {
            color: GrayText !important;
            background-color: ButtonFace !important;
            border-width: 1px;
            border-style: solid !important;
            border-color: GrayText !important; }
            .sb-timeline-horizontal-list-item-selectable:disabled svg path, .sb-timeline-horizontal-list-item-selectable[aria-disabled="true"] svg path {
              fill: GrayText !important; } }
    .sb-timeline-horizontal-list-item--touch:first-child {
      margin-left: 20px; }
    .sb-timeline-horizontal-list-item--touch:last-child {
      margin-right: 20px; }
  .sb-timeline-horizontal-list-image {
    margin-bottom: 3px;
    width: 60px;
    height: 60px;
    overflow: hidden; }
  .sb-timeline-horizontal-list-left-button, .sb-timeline-horizontal-list-right-button {
    position: absolute;
    z-index: 10;
    top: 0;
    display: none;
    height: 100%;
    width: auto;
    outline: none; }
  .sb-timeline-horizontal-list-left-button {
    left: -1px; }
    .sb-timeline-horizontal-list-left-button svg {
      margin-left: -1px; }
  .sb-timeline-horizontal-list-right-button {
    right: -1px; }
    .sb-timeline-horizontal-list-right-button svg {
      margin-right: -1px; }
  .sb-timeline-horizontal-list-container:hover .sb-timeline-horizontal-list-left-button,
  .sb-timeline-horizontal-list-container:hover .sb-timeline-horizontal-list-right-button {
    display: block; }

.sb-timeline-large-horizontal-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  transition: transform 200ms ease; }
  .sb-timeline-large-horizontal-list-container {
    padding: 0;
    position: relative; }
    .sb-timeline-large-horizontal-list-container--touch {
      display: inline-block; }
    .sb-timeline-large-horizontal-list-container-with-avatar {
      padding: 0;
      position: relative; }
      .sb-timeline-large-horizontal-list-container-with-avatar--touch {
        display: inline-block; }
      .sb-timeline-large-horizontal-list-container-with-avatar:hover .sb-timeline-large-horizontal-list-left-button,
      .sb-timeline-large-horizontal-list-container-with-avatar:hover .sb-timeline-large-horizontal-list-right-button {
        display: block; }
  .sb-timeline-large-horizontal-list-item {
    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    color: #3392cf;
    padding-bottom: 10px;
    padding-bottom: 0;
    border-bottom-right-radius: 8px;
    margin-right: 11px; }
    @media (forced-colors: active) {
      .sb-timeline-large-horizontal-list-item {
        color: CanvasText !important;
        background-color: Canvas !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: CanvasText !important; }
        .sb-timeline-large-horizontal-list-item svg path {
          fill: CanvasText !important; } }
    @media (forced-colors: active) {
      .sb-timeline-large-horizontal-list-item {
        border-radius: 0 !important;
        border-radius: initial !important; } }
    .sb-timeline-large-horizontal-list-item--touch:first-child {
      margin-left: 20px; }
    .sb-timeline-large-horizontal-list-item--touch:last-child {
      margin-right: 20px; }
    .sb-timeline-large-horizontal-list-item-overlay {
      position: absolute;
      width: 200px;
      height: 100%;
      background-color: gray;
      opacity: .4; }
    @media (forced-colors: active) {
      .sb-timeline-large-horizontal-list-item-selectable {
        color: CanvasText !important;
        background-color: Canvas !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: CanvasText !important; }
        .sb-timeline-large-horizontal-list-item-selectable svg path {
          fill: CanvasText !important; } }
    @media (forced-colors: active) {
      .sb-timeline-large-horizontal-list-item-selectable:not(:has(> .sb-timeline-large-horizontal-list-options)) {
        color: ButtonText !important;
        background-color: ButtonFace !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: ButtonText !important; }
        .sb-timeline-large-horizontal-list-item-selectable:not(:has(> .sb-timeline-large-horizontal-list-options)) svg path, .sb-timeline-large-horizontal-list-item-selectable:not(:has(> .sb-timeline-large-horizontal-list-options)) p, .sb-timeline-large-horizontal-list-item-selectable:not(:has(> .sb-timeline-large-horizontal-list-options)) article, .sb-timeline-large-horizontal-list-item-selectable:not(:has(> .sb-timeline-large-horizontal-list-options)) span, .sb-timeline-large-horizontal-list-item-selectable:not(:has(> .sb-timeline-large-horizontal-list-options)) li, .sb-timeline-large-horizontal-list-item-selectable:not(:has(> .sb-timeline-large-horizontal-list-options)) [role="button"], .sb-timeline-large-horizontal-list-item-selectable:not(:has(> .sb-timeline-large-horizontal-list-options)) [type="radio"] {
          fill: ButtonText !important;
          color: ButtonText !important; }
        .sb-timeline-large-horizontal-list-item-selectable:not(:has(> .sb-timeline-large-horizontal-list-options)):not(:disabled):not([aria-disabled="true"]):hover {
          border-width: 1px;
          border-style: solid !important;
          border-color: Highlight !important; }
        .sb-timeline-large-horizontal-list-item-selectable:not(:has(> .sb-timeline-large-horizontal-list-options)):not(:disabled):not([aria-disabled="true"]):active {
          background-color: AccentColor !important;
          border-width: 1px;
          border-style: solid !important;
          border-color: HighLight !important;
          outline-width: 2px !important;
          outline-style: solid !important;
          outline-color: ButtonText !important;
          outline-offset: 2px !important; }
        .sb-timeline-large-horizontal-list-item-selectable:not(:has(> .sb-timeline-large-horizontal-list-options)):disabled, .sb-timeline-large-horizontal-list-item-selectable:not(:has(> .sb-timeline-large-horizontal-list-options))[aria-disabled="true"] {
          color: GrayText !important;
          background-color: ButtonFace !important;
          border-width: 1px;
          border-style: solid !important;
          border-color: GrayText !important; }
          .sb-timeline-large-horizontal-list-item-selectable:not(:has(> .sb-timeline-large-horizontal-list-options)):disabled svg path, .sb-timeline-large-horizontal-list-item-selectable:not(:has(> .sb-timeline-large-horizontal-list-options))[aria-disabled="true"] svg path {
            fill: GrayText !important; } }
  .sb-timeline-large-horizontal-list-content {
    flex-grow: 1; }
  .sb-timeline-large-horizontal-list-image {
    width: 200px;
    max-height: 150px;
    overflow: hidden; }
    .sb-timeline-large-horizontal-list-image img {
      margin: 0 auto;
      display: block;
      max-width: 100%; }
  .sb-timeline-large-horizontal-list-title {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
    color: #3392cf;
    padding-bottom: 2px; }
  .sb-timeline-large-horizontal-list-subtitle {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #ffffff;
    color: #4a4a4a;
    font-size: 10px; }
  .sb-timeline-large-horizontal-list-text-wrapper {
    display: flex;
    flex-direction: column;
    padding: 10px 10px 8px 10px; }
    .sb-timeline-large-horizontal-list-text-wrapper--selected {
      flex-direction: row; }
  .sb-timeline-large-horizontal-list-left-button, .sb-timeline-large-horizontal-list-right-button {
    position: absolute;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
    height: auto;
    display: none;
    width: auto;
    outline: none; }
  .sb-timeline-large-horizontal-list-container:hover .sb-timeline-large-horizontal-list-left-button,
  .sb-timeline-large-horizontal-list-container:hover .sb-timeline-large-horizontal-list-right-button {
    display: block; }
  .sb-timeline-large-horizontal-list-options {
    border-top: 1px solid #979797;
    display: flex;
    justify-content: flex-end; }
    .ltr .sb-timeline-large-horizontal-list-options {
      justify-content: flex-end; }
    .rtl .sb-timeline-large-horizontal-list-options {
      justify-content: flex-start; }
  .sb-timeline-large-horizontal-list-option {
    width: 50%;
    height: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #ffffff;
    font-weight: bold;
    font-size: 11px;
    color: #3392cf;
    text-transform: uppercase; }
    @media (forced-colors: active) {
      .sb-timeline-large-horizontal-list-option {
        color: ButtonText !important;
        background-color: ButtonFace !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: ButtonText !important; }
        .sb-timeline-large-horizontal-list-option svg path, .sb-timeline-large-horizontal-list-option p, .sb-timeline-large-horizontal-list-option article, .sb-timeline-large-horizontal-list-option span, .sb-timeline-large-horizontal-list-option li, .sb-timeline-large-horizontal-list-option [role="button"], .sb-timeline-large-horizontal-list-option [type="radio"] {
          fill: ButtonText !important;
          color: ButtonText !important; }
        .sb-timeline-large-horizontal-list-option:not(:disabled):not([aria-disabled="true"]):hover {
          border-width: 1px;
          border-style: solid !important;
          border-color: Highlight !important; }
        .sb-timeline-large-horizontal-list-option:not(:disabled):not([aria-disabled="true"]):active {
          background-color: AccentColor !important;
          border-width: 1px;
          border-style: solid !important;
          border-color: HighLight !important;
          outline-width: 2px !important;
          outline-style: solid !important;
          outline-color: ButtonText !important;
          outline-offset: 2px !important; }
        .sb-timeline-large-horizontal-list-option:disabled, .sb-timeline-large-horizontal-list-option[aria-disabled="true"] {
          color: GrayText !important;
          background-color: ButtonFace !important;
          border-width: 1px;
          border-style: solid !important;
          border-color: GrayText !important; }
          .sb-timeline-large-horizontal-list-option:disabled svg path, .sb-timeline-large-horizontal-list-option[aria-disabled="true"] svg path {
            fill: GrayText !important; } }
    .sb-timeline-large-horizontal-list-option:focus-visible {
      outline: 2px solid #00F;
      outline-offset: 2px; }
      @supports (outline-color: Highlight) {
        .sb-timeline-large-horizontal-list-option:focus-visible {
          outline: 2px auto Highlight; } }
      @supports (outline-color: -webkit-focus-ring-color) {
        .sb-timeline-large-horizontal-list-option:focus-visible {
          outline: 2px auto -webkit-focus-ring-color; } }
    .sb-timeline-large-horizontal-list-option--single {
      width: 100%; }
    .ltr .sb-timeline-large-horizontal-list-option:nth-child(2) {
      border-left: 1px solid #979797; }
    .rtl .sb-timeline-large-horizontal-list-option:nth-child(2) {
      border-right: 1px solid #979797; }
  .sb-timeline-large-horizontal-list-icon {
    margin: -2px 0 0 6px; }
  .sb-timeline-large-horizontal-list-transparent {
    background-color: transparent !important; }

.rtl .sb-timeline-large-horizontal-list-item:first-child {
  margin-right: 0; }

.rtl li.sb-timeline-large-horizontal-list-item--touch:first-child {
  margin-right: -20px;
  margin-left: 0; }

.rtl li.sb-timeline-large-horizontal-list-item--touch:last-child {
  margin-left: 20px;
  margin-right: 10px; }

button.sb-timeline-large-horizontal-list-left-button {
  left: 0px; }

button.sb-timeline-large-horizontal-list-right-button {
  right: -1px; }

@media (forced-colors: active) {
  button.sb-timeline-horizontal-list-left-button,
  button.sb-timeline-horizontal-list-right-button,
  button.sb-timeline-large-horizontal-list-left-button,
  button.sb-timeline-large-horizontal-list-right-button {
    color: ButtonText !important;
    background-color: ButtonFace !important;
    border-width: 1px;
    border-style: solid !important;
    border-color: ButtonText !important; }
    button.sb-timeline-horizontal-list-left-button svg path, button.sb-timeline-horizontal-list-left-button p, button.sb-timeline-horizontal-list-left-button article, button.sb-timeline-horizontal-list-left-button span, button.sb-timeline-horizontal-list-left-button li, button.sb-timeline-horizontal-list-left-button [role="button"], button.sb-timeline-horizontal-list-left-button [type="radio"],
    button.sb-timeline-horizontal-list-right-button svg path,
    button.sb-timeline-horizontal-list-right-button p,
    button.sb-timeline-horizontal-list-right-button article,
    button.sb-timeline-horizontal-list-right-button span,
    button.sb-timeline-horizontal-list-right-button li,
    button.sb-timeline-horizontal-list-right-button [role="button"],
    button.sb-timeline-horizontal-list-right-button [type="radio"],
    button.sb-timeline-large-horizontal-list-left-button svg path,
    button.sb-timeline-large-horizontal-list-left-button p,
    button.sb-timeline-large-horizontal-list-left-button article,
    button.sb-timeline-large-horizontal-list-left-button span,
    button.sb-timeline-large-horizontal-list-left-button li,
    button.sb-timeline-large-horizontal-list-left-button [role="button"],
    button.sb-timeline-large-horizontal-list-left-button [type="radio"],
    button.sb-timeline-large-horizontal-list-right-button svg path,
    button.sb-timeline-large-horizontal-list-right-button p,
    button.sb-timeline-large-horizontal-list-right-button article,
    button.sb-timeline-large-horizontal-list-right-button span,
    button.sb-timeline-large-horizontal-list-right-button li,
    button.sb-timeline-large-horizontal-list-right-button [role="button"],
    button.sb-timeline-large-horizontal-list-right-button [type="radio"] {
      fill: ButtonText !important;
      color: ButtonText !important; }
    button.sb-timeline-horizontal-list-left-button:not(:disabled):not([aria-disabled="true"]):hover,
    button.sb-timeline-horizontal-list-right-button:not(:disabled):not([aria-disabled="true"]):hover,
    button.sb-timeline-large-horizontal-list-left-button:not(:disabled):not([aria-disabled="true"]):hover,
    button.sb-timeline-large-horizontal-list-right-button:not(:disabled):not([aria-disabled="true"]):hover {
      border-width: 1px;
      border-style: solid !important;
      border-color: Highlight !important; }
    button.sb-timeline-horizontal-list-left-button:not(:disabled):not([aria-disabled="true"]):active,
    button.sb-timeline-horizontal-list-right-button:not(:disabled):not([aria-disabled="true"]):active,
    button.sb-timeline-large-horizontal-list-left-button:not(:disabled):not([aria-disabled="true"]):active,
    button.sb-timeline-large-horizontal-list-right-button:not(:disabled):not([aria-disabled="true"]):active {
      background-color: AccentColor !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: HighLight !important;
      outline-width: 2px !important;
      outline-style: solid !important;
      outline-color: ButtonText !important;
      outline-offset: 2px !important; }
    button.sb-timeline-horizontal-list-left-button:disabled, button.sb-timeline-horizontal-list-left-button[aria-disabled="true"],
    button.sb-timeline-horizontal-list-right-button:disabled,
    button.sb-timeline-horizontal-list-right-button[aria-disabled="true"],
    button.sb-timeline-large-horizontal-list-left-button:disabled,
    button.sb-timeline-large-horizontal-list-left-button[aria-disabled="true"],
    button.sb-timeline-large-horizontal-list-right-button:disabled,
    button.sb-timeline-large-horizontal-list-right-button[aria-disabled="true"] {
      color: GrayText !important;
      background-color: ButtonFace !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: GrayText !important; }
      button.sb-timeline-horizontal-list-left-button:disabled svg path, button.sb-timeline-horizontal-list-left-button[aria-disabled="true"] svg path,
      button.sb-timeline-horizontal-list-right-button:disabled svg path,
      button.sb-timeline-horizontal-list-right-button[aria-disabled="true"] svg path,
      button.sb-timeline-large-horizontal-list-left-button:disabled svg path,
      button.sb-timeline-large-horizontal-list-left-button[aria-disabled="true"] svg path,
      button.sb-timeline-large-horizontal-list-right-button:disabled svg path,
      button.sb-timeline-large-horizontal-list-right-button[aria-disabled="true"] svg path {
        fill: GrayText !important; } }

button.sb-timeline-horizontal-list-left-button:focus-visible,
button.sb-timeline-horizontal-list-right-button:focus-visible,
button.sb-timeline-large-horizontal-list-left-button:focus-visible,
button.sb-timeline-large-horizontal-list-right-button:focus-visible {
  outline: 2px solid #00F;
  outline-offset: 2px; }
  @supports (outline-color: Highlight) {
    button.sb-timeline-horizontal-list-left-button:focus-visible,
    button.sb-timeline-horizontal-list-right-button:focus-visible,
    button.sb-timeline-large-horizontal-list-left-button:focus-visible,
    button.sb-timeline-large-horizontal-list-right-button:focus-visible {
      outline: 2px auto Highlight; } }
  @supports (outline-color: -webkit-focus-ring-color) {
    button.sb-timeline-horizontal-list-left-button:focus-visible,
    button.sb-timeline-horizontal-list-right-button:focus-visible,
    button.sb-timeline-large-horizontal-list-left-button:focus-visible,
    button.sb-timeline-large-horizontal-list-right-button:focus-visible {
      outline: 2px auto -webkit-focus-ring-color; } }

.sb-timeline-list-small-carousel-wrapper {
  padding-bottom: 30px; }
  .sb-timeline-list-small-carousel-wrapper--touch {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch; }

.sb-timeline-list:not(.sb-timeline-paper-has-title) {
  padding-top: 0; }

@media (forced-colors: active) {
  .sb-timeline-list .sb-timeline-content {
    color: CanvasText !important;
    background-color: Canvas !important;
    border-width: 1px;
    border-style: solid !important;
    border-color: CanvasText !important; }
    .sb-timeline-list .sb-timeline-content svg path {
      fill: CanvasText !important; } }

.sb-timeline-list-unselectable {
  border-right: 0px !important; }
  @media (forced-colors: active) {
    .sb-timeline-list-unselectable .sb-timeline-paper {
      border-right: 1px solid CanvasText !important; }
      .sb-timeline-list-unselectable .sb-timeline-paper .sb-timeline-content {
        border: none !important; } }

.sb-timeline-list-large-carousel {
  margin-bottom: 0; }

.sb-timeline-list-large-carousel .sb-timeline-avatar {
  align-self: center; }

.sb-timeline-list-large-carousel .sb-timeline-paper-title {
  padding-bottom: 0; }

.sb-timeline-list-large-carousel .sb-timeline-paper-timestamp {
  padding-top: 5px; }

.sb-timeline-list-large-carousel-wrapper {
  padding-bottom: 30px; }
  .sb-timeline-list-large-carousel-wrapper--touch {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    margin-left: -20px;
    margin-right: -20px; }

.sb-timeline-list-large-carousel-wrapper-has-avatar--touch {
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  margin-left: -20px;
  margin-right: -20px; }

.sb-timeline-large-horizontal-list-with-avatar {
  display: flex;
  flex-direction: column;
  width: calc(100% - 48px); }

.sb-timeline-large-horizontal-list-with-avatar-wrapper {
  display: flex;
  flex-direction: row;
  padding-bottom: 30px; }

.sb-timeline-large-horizontal-list-avatar-container {
  display: flex;
  flex-direction: row; }

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

.image {
  width: 100%;
  display: block; }
  .image--selected {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }

.image-unavailable {
  max-width: 100%; }

.checkbox {
  display: inline-flex;
  cursor: pointer;
  position: relative;
  width: inherit !important; }

.checkbox > span {
  border: transparent; }

.checkbox > input {
  width: 15px;
  height: 15px;
  border-radius: 2px;
  border: solid 2px #0e93cf;
  -webkit-appearance: none;
          appearance: none;
  outline: none;
  background-color: #ffffff;
  cursor: pointer;
  margin-right: 12px; }

.checkbox > input:checked {
  background-color: #0292cf; }

.checkbox > input:checked + span {
  position: absolute;
  left: 8px;
  top: 2px;
  display: inline-block;
  width: 5px;
  height: 10px;
  border-color: white;
  border-style: solid;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  border-radius: 0px; }

.checkbox > input:active {
  border: 2px solid #34495E; }

.sb-timeline-multiselect-list-item-selected {
  opacity: 0.2; }

.sb-timeline-multiselect-list-item-selected input {
  visibility: hidden; }

.sb-timeline-multiselect-list-item-title-margin {
  margin-left: 30px; }

.SB-ReadOnlyItem-ListItem {
  display: flex;
  flex: 1 1;
  margin-bottom: 3px;
  border-bottom: 1px solid; }

.SB-ReadOnlyItem-ListItem-Container {
  display: flex;
  flex: 1 1;
  margin: 10px 0px; }

.SB-ReadOnlyItem-ListItem-Icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px; }

.SB-ReadOnlyItem-ListItem-Icon-Image {
  width: 32px;
  height: 32px; }

.SB-ReadOnlyItem-ListItem-Details {
  display: flex;
  flex: 1 1;
  flex-direction: column; }

.SB-ReadOnlyItem-ListItem-Title-Span {
  display: flex;
  text-align: start;
  word-break: break-word; }
  .SB-ReadOnlyItem-ListItem-Title-Span h1 {
    font-size: 13px;
    font-weight: 400;
    margin: 0px;
    margin-bottom: 2px; }

.SB-ReadOnlyItem-ListItem-Title {
  display: flex;
  flex: 1 1; }

.SB-ReadOnlyItem-ListItem-Subtitle-Span {
  display: flex;
  text-align: start;
  word-break: break-word; }
  .SB-ReadOnlyItem-ListItem-Subtitle-Span h2 {
    font-size: 11px;
    font-weight: 200;
    margin: 0px; }

.SB-ReadOnlyItem-ListItem-Subtitle {
  display: flex;
  flex: 1 1; }

.SB-ReadOnlyItem-ListItem-Detail {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  justify-content: center;
  margin-left: 10px;
  align-items: flex-end; }

.SB-ReadOnlyItem-ListItem-Detail-Span {
  display: flex;
  text-align: start;
  word-break: break-word; }
  .SB-ReadOnlyItem-ListItem-Detail-Span h1 {
    font-size: 11px;
    font-weight: 400;
    margin: 0px; }

.sb-timeline-spinning-arrow {
  animation: rotate 1.5s infinite linear; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.sb-timeline-file-preview-uploading {
  display: flex;
  justify-content: center; }
  .sb-timeline-file-preview-uploading-text {
    padding-left: 10px; }

@media (forced-colors: active) {
  .sb-timeline-file-preview {
    border-top: 1px solid CanvasText; } }

.sb-timeline-file-preview-button-wrapper {
  display: flex;
  flex-direction: column;
  padding: 17px 26px 25px 30px; }
  @media (forced-colors: active) {
    .sb-timeline-file-preview-button-wrapper button {
      color: ButtonText !important;
      background-color: ButtonFace !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: ButtonText !important; }
      .sb-timeline-file-preview-button-wrapper button svg path, .sb-timeline-file-preview-button-wrapper button p, .sb-timeline-file-preview-button-wrapper button article, .sb-timeline-file-preview-button-wrapper button span, .sb-timeline-file-preview-button-wrapper button li, .sb-timeline-file-preview-button-wrapper button [role="button"], .sb-timeline-file-preview-button-wrapper button [type="radio"] {
        fill: ButtonText !important;
        color: ButtonText !important; }
      .sb-timeline-file-preview-button-wrapper button:not(:disabled):not([aria-disabled="true"]):hover {
        border-width: 1px;
        border-style: solid !important;
        border-color: Highlight !important; }
      .sb-timeline-file-preview-button-wrapper button:not(:disabled):not([aria-disabled="true"]):active {
        background-color: AccentColor !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: HighLight !important;
        outline-width: 2px !important;
        outline-style: solid !important;
        outline-color: ButtonText !important;
        outline-offset: 2px !important; }
      .sb-timeline-file-preview-button-wrapper button:disabled, .sb-timeline-file-preview-button-wrapper button[aria-disabled="true"] {
        color: GrayText !important;
        background-color: ButtonFace !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: GrayText !important; }
        .sb-timeline-file-preview-button-wrapper button:disabled svg path, .sb-timeline-file-preview-button-wrapper button[aria-disabled="true"] svg path {
          fill: GrayText !important; } }

.sb-timeline-file-preview-text {
  display: block;
  font-size: 11px;
  padding: 18px 0 9px 0; }

.sb-timeline-file-preview-image {
  max-width: 100%;
  height: auto;
  width: auto; }

.sb-timeline-file-preview-image-wrapper {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center; }

.sb-timeline-plain-button.sb-timeline-file-preview-button {
  height: 40px;
  border-radius: 4px; }
  @media (forced-colors: active) {
    .sb-timeline-plain-button.sb-timeline-file-preview-button {
      color: ButtonText !important;
      background-color: ButtonFace !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: ButtonText !important; }
      .sb-timeline-plain-button.sb-timeline-file-preview-button svg path, .sb-timeline-plain-button.sb-timeline-file-preview-button p, .sb-timeline-plain-button.sb-timeline-file-preview-button article, .sb-timeline-plain-button.sb-timeline-file-preview-button span, .sb-timeline-plain-button.sb-timeline-file-preview-button li, .sb-timeline-plain-button.sb-timeline-file-preview-button [role="button"], .sb-timeline-plain-button.sb-timeline-file-preview-button [type="radio"] {
        fill: ButtonText !important;
        color: ButtonText !important; }
      .sb-timeline-plain-button.sb-timeline-file-preview-button:not(:disabled):not([aria-disabled="true"]):hover {
        border-width: 1px;
        border-style: solid !important;
        border-color: Highlight !important; }
      .sb-timeline-plain-button.sb-timeline-file-preview-button:not(:disabled):not([aria-disabled="true"]):active {
        background-color: AccentColor !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: HighLight !important;
        outline-width: 2px !important;
        outline-style: solid !important;
        outline-color: ButtonText !important;
        outline-offset: 2px !important; }
      .sb-timeline-plain-button.sb-timeline-file-preview-button:disabled, .sb-timeline-plain-button.sb-timeline-file-preview-button[aria-disabled="true"] {
        color: GrayText !important;
        background-color: ButtonFace !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: GrayText !important; }
        .sb-timeline-plain-button.sb-timeline-file-preview-button:disabled svg path, .sb-timeline-plain-button.sb-timeline-file-preview-button[aria-disabled="true"] svg path {
          fill: GrayText !important; } }

.sb-timeline-plain-button.sb-timeline-file-preview-button-secondary {
  height: 36px;
  margin-bottom: 10px; }
  @media (forced-colors: active) {
    .sb-timeline-plain-button.sb-timeline-file-preview-button-secondary {
      color: ButtonText !important;
      background-color: ButtonFace !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: ButtonText !important; }
      .sb-timeline-plain-button.sb-timeline-file-preview-button-secondary svg path, .sb-timeline-plain-button.sb-timeline-file-preview-button-secondary p, .sb-timeline-plain-button.sb-timeline-file-preview-button-secondary article, .sb-timeline-plain-button.sb-timeline-file-preview-button-secondary span, .sb-timeline-plain-button.sb-timeline-file-preview-button-secondary li, .sb-timeline-plain-button.sb-timeline-file-preview-button-secondary [role="button"], .sb-timeline-plain-button.sb-timeline-file-preview-button-secondary [type="radio"] {
        fill: ButtonText !important;
        color: ButtonText !important; }
      .sb-timeline-plain-button.sb-timeline-file-preview-button-secondary:not(:disabled):not([aria-disabled="true"]):hover {
        border-width: 1px;
        border-style: solid !important;
        border-color: Highlight !important; }
      .sb-timeline-plain-button.sb-timeline-file-preview-button-secondary:not(:disabled):not([aria-disabled="true"]):active {
        background-color: AccentColor !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: HighLight !important;
        outline-width: 2px !important;
        outline-style: solid !important;
        outline-color: ButtonText !important;
        outline-offset: 2px !important; }
      .sb-timeline-plain-button.sb-timeline-file-preview-button-secondary:disabled, .sb-timeline-plain-button.sb-timeline-file-preview-button-secondary[aria-disabled="true"] {
        color: GrayText !important;
        background-color: ButtonFace !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: GrayText !important; }
        .sb-timeline-plain-button.sb-timeline-file-preview-button-secondary:disabled svg path, .sb-timeline-plain-button.sb-timeline-file-preview-button-secondary[aria-disabled="true"] svg path {
          fill: GrayText !important; } }

.sb-timeline-file-confirmation {
  display: flex;
  flex-direction: column;
  border-bottom-right-radius: 6px; }
  @media (forced-colors: active) {
    .sb-timeline-file-confirmation {
      border-top: 1px solid CanvasText; } }
  .sb-timeline-file-confirmation-image-wrapper {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    margin-top: 10px; }
  .sb-timeline-file-confirmation-image {
    max-width: 100%;
    height: auto;
    width: auto; }
  .sb-timeline-file-confirmation-message {
    display: flex;
    justify-content: center;
    height: 30px;
    align-items: center;
    margin: 5px 0;
    border-bottom-right-radius: 6px; }

.sb-timeline-file-upload-selection {
  background-color: #fff;
  padding: 23px 18px; }
  .sb-timeline-file-upload-selection-items {
    display: flex; }
  .sb-timeline-file-upload-selection-button {
    color: #0292cf; }

.sb-timeline-paper-wrapper .sb-timeline-content {
  padding: 0;
  text-align: center; }

.sb-timeline-paper.sb-timeline-file-upload {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  border-bottom-right-radius: 6px;
  overflow: hidden; }

.sb-timeline-paper.sb-timeline-file-upload-not-selectable {
  border-right: 0; }
  @media (forced-colors: active) {
    .sb-timeline-paper.sb-timeline-file-upload-not-selectable {
      border-right: 1px solid CanvasText !important; } }
  .sb-timeline-paper.sb-timeline-file-upload-not-selectable .sb-timeline-paper-header {
    padding-left: 10px; }

.sb-timeline-paper .sb-timeline-paper-header {
  padding-bottom: 10px; }

.sb-timeline-plain-button.sb-timeline-file-upload-button-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px 15px 10px 10px; }
  @media (forced-colors: active) {
    .sb-timeline-plain-button.sb-timeline-file-upload-button-wrapper {
      border-top: 1px solid CanvasText !important; } }

.sb-timeline-plain-button.sb-timeline-file-upload-flat-button {
  margin-top: 18px;
  padding: 3px 6px; }
  @media (forced-colors: active) {
    .sb-timeline-plain-button.sb-timeline-file-upload-flat-button {
      color: ButtonText !important;
      background-color: ButtonFace !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: ButtonText !important; }
      .sb-timeline-plain-button.sb-timeline-file-upload-flat-button svg path, .sb-timeline-plain-button.sb-timeline-file-upload-flat-button p, .sb-timeline-plain-button.sb-timeline-file-upload-flat-button article, .sb-timeline-plain-button.sb-timeline-file-upload-flat-button span, .sb-timeline-plain-button.sb-timeline-file-upload-flat-button li, .sb-timeline-plain-button.sb-timeline-file-upload-flat-button [role="button"], .sb-timeline-plain-button.sb-timeline-file-upload-flat-button [type="radio"] {
        fill: ButtonText !important;
        color: ButtonText !important; }
      .sb-timeline-plain-button.sb-timeline-file-upload-flat-button:not(:disabled):not([aria-disabled="true"]):hover {
        border-width: 1px;
        border-style: solid !important;
        border-color: Highlight !important; }
      .sb-timeline-plain-button.sb-timeline-file-upload-flat-button:not(:disabled):not([aria-disabled="true"]):active {
        background-color: AccentColor !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: HighLight !important;
        outline-width: 2px !important;
        outline-style: solid !important;
        outline-color: ButtonText !important;
        outline-offset: 2px !important; }
      .sb-timeline-plain-button.sb-timeline-file-upload-flat-button:disabled, .sb-timeline-plain-button.sb-timeline-file-upload-flat-button[aria-disabled="true"] {
        color: GrayText !important;
        background-color: ButtonFace !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: GrayText !important; }
        .sb-timeline-plain-button.sb-timeline-file-upload-flat-button:disabled svg path, .sb-timeline-plain-button.sb-timeline-file-upload-flat-button[aria-disabled="true"] svg path {
          fill: GrayText !important; } }
  @media (forced-colors: active) {
    .sb-timeline-plain-button.sb-timeline-file-upload-flat-button {
      border-radius: 5px; } }

.sb-timeline-file-upload-label {
  margin: 0 10px; }

.sb-timeline-paper-selectable:has(.sb-timeline-plain-button.sb-timeline-file-upload-button-wrapper) {
  overflow: visible; }
  .sb-timeline-paper-selectable:has(.sb-timeline-plain-button.sb-timeline-file-upload-button-wrapper):focus-visible, .sb-timeline-paper-selectable:has(.sb-timeline-plain-button.sb-timeline-file-upload-button-wrapper):focus-within {
    overflow: visible; }
  @media (forced-colors: active) {
    .sb-timeline-paper-selectable:has(.sb-timeline-plain-button.sb-timeline-file-upload-button-wrapper):active, .sb-timeline-paper-selectable:has(.sb-timeline-plain-button.sb-timeline-file-upload-button-wrapper):hover {
      overflow: visible; } }

@media (forced-colors: active) {
  .sb-timeline-paper-selectable .sb-timeline-plain-button.sb-timeline-file-upload-button-wrapper {
    color: ButtonText !important;
    background-color: ButtonFace !important;
    border-width: 1px;
    border-style: solid !important;
    border-color: ButtonText !important; }
    .sb-timeline-paper-selectable .sb-timeline-plain-button.sb-timeline-file-upload-button-wrapper svg path, .sb-timeline-paper-selectable .sb-timeline-plain-button.sb-timeline-file-upload-button-wrapper p, .sb-timeline-paper-selectable .sb-timeline-plain-button.sb-timeline-file-upload-button-wrapper article, .sb-timeline-paper-selectable .sb-timeline-plain-button.sb-timeline-file-upload-button-wrapper span, .sb-timeline-paper-selectable .sb-timeline-plain-button.sb-timeline-file-upload-button-wrapper li, .sb-timeline-paper-selectable .sb-timeline-plain-button.sb-timeline-file-upload-button-wrapper [role="button"], .sb-timeline-paper-selectable .sb-timeline-plain-button.sb-timeline-file-upload-button-wrapper [type="radio"] {
      fill: ButtonText !important;
      color: ButtonText !important; }
    .sb-timeline-paper-selectable .sb-timeline-plain-button.sb-timeline-file-upload-button-wrapper:not(:disabled):not([aria-disabled="true"]):hover {
      border-width: 1px;
      border-style: solid !important;
      border-color: Highlight !important; }
    .sb-timeline-paper-selectable .sb-timeline-plain-button.sb-timeline-file-upload-button-wrapper:not(:disabled):not([aria-disabled="true"]):active {
      background-color: AccentColor !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: HighLight !important;
      outline-width: 2px !important;
      outline-style: solid !important;
      outline-color: ButtonText !important;
      outline-offset: 2px !important; }
    .sb-timeline-paper-selectable .sb-timeline-plain-button.sb-timeline-file-upload-button-wrapper:disabled, .sb-timeline-paper-selectable .sb-timeline-plain-button.sb-timeline-file-upload-button-wrapper[aria-disabled="true"] {
      color: GrayText !important;
      background-color: ButtonFace !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: GrayText !important; }
      .sb-timeline-paper-selectable .sb-timeline-plain-button.sb-timeline-file-upload-button-wrapper:disabled svg path, .sb-timeline-paper-selectable .sb-timeline-plain-button.sb-timeline-file-upload-button-wrapper[aria-disabled="true"] svg path {
        fill: GrayText !important; } }

@media (forced-colors: active) {
  .sb-timeline-paper-selectable .sb-timeline-plain-button.sb-timeline-file-upload-button-wrapper {
    border-width: 3px !important; }
    .sb-timeline-paper-selectable .sb-timeline-plain-button.sb-timeline-file-upload-button-wrapper:nth-child(1):nth-last-child(2) {
      border-bottom-width: 1.5px !important; }
    .sb-timeline-paper-selectable .sb-timeline-plain-button.sb-timeline-file-upload-button-wrapper:nth-child(2):nth-last-child(1) {
      border-top-width: 1.5px !important; } }

.sb-timeline-plain-button.sb-timeline-file-upload-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 114px;
  width: 114px;
  margin: 0 5px;
  background-color: #f5f5f5;
  color: #464646;
  border: 1px solid #d1d1d1; }
  @media (forced-colors: active) {
    .sb-timeline-plain-button.sb-timeline-file-upload-item {
      color: ButtonText !important;
      background-color: ButtonFace !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: ButtonText !important; }
      .sb-timeline-plain-button.sb-timeline-file-upload-item svg path, .sb-timeline-plain-button.sb-timeline-file-upload-item p, .sb-timeline-plain-button.sb-timeline-file-upload-item article, .sb-timeline-plain-button.sb-timeline-file-upload-item span, .sb-timeline-plain-button.sb-timeline-file-upload-item li, .sb-timeline-plain-button.sb-timeline-file-upload-item [role="button"], .sb-timeline-plain-button.sb-timeline-file-upload-item [type="radio"] {
        fill: ButtonText !important;
        color: ButtonText !important; }
      .sb-timeline-plain-button.sb-timeline-file-upload-item:not(:disabled):not([aria-disabled="true"]):hover {
        border-width: 1px;
        border-style: solid !important;
        border-color: Highlight !important; }
      .sb-timeline-plain-button.sb-timeline-file-upload-item:not(:disabled):not([aria-disabled="true"]):active {
        background-color: AccentColor !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: HighLight !important;
        outline-width: 2px !important;
        outline-style: solid !important;
        outline-color: ButtonText !important;
        outline-offset: 2px !important; }
      .sb-timeline-plain-button.sb-timeline-file-upload-item:disabled, .sb-timeline-plain-button.sb-timeline-file-upload-item[aria-disabled="true"] {
        color: GrayText !important;
        background-color: ButtonFace !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: GrayText !important; }
        .sb-timeline-plain-button.sb-timeline-file-upload-item:disabled svg path, .sb-timeline-plain-button.sb-timeline-file-upload-item[aria-disabled="true"] svg path {
          fill: GrayText !important; } }
  .sb-timeline-plain-button.sb-timeline-file-upload-item .sb-timeline-file-upload-item-image-wrapper {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center; }
  .sb-timeline-plain-button.sb-timeline-file-upload-item .sb-timeline-file-upload-item-image {
    max-width: 100%;
    max-height: 100%; }

.sb-timeline-file-upload-item-image-wrapper {
  height: 112px;
  width: 100%; }

.sb-timeline-star-rating {
  direction: ltr; }
  .sb-timeline-star-rating-paper {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0; }
    .sb-timeline-star-rating-paper .sb-timeline-content {
      padding: 0; }
    .sb-timeline-star-rating-paper .sb-timeline-paper-header {
      margin-right: 10px;
      margin-left: 10px;
      width: calc(100% - 10px - 10px); }
    .sb-timeline-star-rating-paper .stars-outer-container {
      display: flex;
      flex-direction: column;
      padding: 10px 20px 10px 10px; }
    .sb-timeline-star-rating-paper .stars-inner-container {
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
      .sb-timeline-star-rating-paper .stars-inner-container .star-container {
        display: flex;
        flex-direction: column; }
        .sb-timeline-star-rating-paper .stars-inner-container .star-container svg {
          cursor: pointer; }
          .sb-timeline-star-rating-paper .stars-inner-container .star-container svg:not(.filled) #fill {
            fill: none; }
            @media (forced-colors: active) {
              .sb-timeline-star-rating-paper .stars-inner-container .star-container svg:not(.filled) #fill {
                fill: none !important; } }
          @media (forced-colors: active) {
            .sb-timeline-star-rating-paper .stars-inner-container .star-container svg.filled #fill {
              fill: SelectedItem !important; } }
  .sb-timeline-star-rating .sb-timeline-stars-label-container {
    display: flex;
    justify-content: space-between; }
    .sb-timeline-star-rating .sb-timeline-stars-label-container .sb-timeline-stars-label {
      min-height: 14px;
      font-size: 10px;
      max-width: 40px; }
    .sb-timeline-star-rating .sb-timeline-stars-label-container span:first-of-type {
      text-align: left; }
    .sb-timeline-star-rating .sb-timeline-stars-label-container span:last-of-type {
      text-align: right; }
  .sb-timeline-star-rating-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 16px);
    padding: 8px; }
    .sb-timeline-star-rating-controls button {
      font-family: 'Open Sans', sans-serif;
      font-size: 13px;
      color: #ffffff;
      cursor: pointer;
      color: #0292CF;
      background-color: transparent;
      border: none; }
      @media (forced-colors: active) {
        .sb-timeline-star-rating-controls button {
          color: ButtonText !important;
          background-color: ButtonFace !important;
          border-width: 1px;
          border-style: solid !important;
          border-color: ButtonText !important; }
          .sb-timeline-star-rating-controls button svg path, .sb-timeline-star-rating-controls button p, .sb-timeline-star-rating-controls button article, .sb-timeline-star-rating-controls button span, .sb-timeline-star-rating-controls button li, .sb-timeline-star-rating-controls button [role="button"], .sb-timeline-star-rating-controls button [type="radio"] {
            fill: ButtonText !important;
            color: ButtonText !important; }
          .sb-timeline-star-rating-controls button:not(:disabled):not([aria-disabled="true"]):hover {
            border-width: 1px;
            border-style: solid !important;
            border-color: Highlight !important; }
          .sb-timeline-star-rating-controls button:not(:disabled):not([aria-disabled="true"]):active {
            background-color: AccentColor !important;
            border-width: 1px;
            border-style: solid !important;
            border-color: HighLight !important;
            outline-width: 2px !important;
            outline-style: solid !important;
            outline-color: ButtonText !important;
            outline-offset: 2px !important; }
          .sb-timeline-star-rating-controls button:disabled, .sb-timeline-star-rating-controls button[aria-disabled="true"] {
            color: GrayText !important;
            background-color: ButtonFace !important;
            border-width: 1px;
            border-style: solid !important;
            border-color: GrayText !important; }
            .sb-timeline-star-rating-controls button:disabled svg path, .sb-timeline-star-rating-controls button[aria-disabled="true"] svg path {
              fill: GrayText !important; } }
      @media (forced-colors: active) {
        .sb-timeline-star-rating-controls button {
          border-radius: 3px; } }
      .sb-timeline-star-rating-controls button.sb-timeline-button:last-child {
        margin-left: auto; }
      .sb-timeline-star-rating-controls button.sb-timeline-button-disabled {
        color: #979797; }

.sb-timeline-dropdown-text-unselected {
  text-align: left;
  padding: 0px 10px 10px 10px; }

.sb-timeline-dropdown-text-selected {
  text-align: left; }

.dd-wrapper {
  -webkit-user-select: none;
          user-select: none;
  position: relative;
  color: #000;
  padding: 8px 8px 0px 8px;
  width: calc(100% - 16px); }
  @media (forced-colors: active) {
    .dd-wrapper {
      border-top: 1px solid CanvasText; } }
  .dd-wrapper-selected {
    padding: 0px;
    text-align: left; }
  .dd-wrapper:first-child {
    padding-top: 8px; }
  .dd-wrapper .dd-header {
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 38px;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    cursor: default;
    position: relative;
    background-color: #fff;
    padding-left: 10px; }
    @media (forced-colors: active) {
      .dd-wrapper .dd-header {
        color: ButtonText !important;
        background-color: ButtonFace !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: ButtonText !important; }
        .dd-wrapper .dd-header svg path, .dd-wrapper .dd-header p, .dd-wrapper .dd-header article, .dd-wrapper .dd-header span, .dd-wrapper .dd-header li, .dd-wrapper .dd-header [role="button"], .dd-wrapper .dd-header [type="radio"] {
          fill: ButtonText !important;
          color: ButtonText !important; }
        .dd-wrapper .dd-header:not(:disabled):not([aria-disabled="true"]):hover {
          border-width: 1px;
          border-style: solid !important;
          border-color: Highlight !important; }
        .dd-wrapper .dd-header:not(:disabled):not([aria-disabled="true"]):active {
          background-color: AccentColor !important;
          border-width: 1px;
          border-style: solid !important;
          border-color: HighLight !important;
          outline-width: 2px !important;
          outline-style: solid !important;
          outline-color: ButtonText !important;
          outline-offset: 2px !important; }
        .dd-wrapper .dd-header:disabled, .dd-wrapper .dd-header[aria-disabled="true"] {
          color: GrayText !important;
          background-color: ButtonFace !important;
          border-width: 1px;
          border-style: solid !important;
          border-color: GrayText !important; }
          .dd-wrapper .dd-header:disabled svg path, .dd-wrapper .dd-header[aria-disabled="true"] svg path {
            fill: GrayText !important; } }
    .dd-wrapper .dd-header span {
      margin: 0 20px; }
    .dd-wrapper .dd-header .headerTitle {
      font-weight: 300;
      margin: 2px 30px 2px 10px; }
      .dd-wrapper .dd-header .headerTitle.noValue {
        color: transparent; }
    .dd-wrapper .dd-header .dd-arrow {
      width: 16px;
      height: 16px;
      margin: 0 20px;
      fill: #000; }
  .dd-wrapper select {
    z-index: 10;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0; }
  .dd-wrapper .no-zoom {
    font-size: 16px; }
  .dd-wrapper .ddList {
    z-index: 10;
    position: absolute;
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid #dfdfdf;
    border-top: none;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 0 2px 5px -1px #e8e8e8;
    font-weight: 700;
    margin: 2px 0;
    padding: 0;
    max-height: 215px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
    .dd-wrapper .ddList.isReversed {
      bottom: 34px;
      border: 1px solid #979797;
      width: calc(100% - 2px); }
    .dd-wrapper .ddList li {
      padding: 8px 10px;
      cursor: default;
      display: inline-block;
      white-space: nowrap;
      text-overflow: ellipsis; }

@media (forced-colors: active) and (forced-colors: active) {
  .dd-wrapper .ddList li div {
    color: ButtonText !important;
    background-color: ButtonFace !important;
    border-width: 1px;
    border-style: solid !important;
    border-color: ButtonText !important; }
    .dd-wrapper .ddList li div svg path, .dd-wrapper .ddList li div p, .dd-wrapper .ddList li div article, .dd-wrapper .ddList li div span, .dd-wrapper .ddList li div li, .dd-wrapper .ddList li div [role="button"], .dd-wrapper .ddList li div [type="radio"] {
      fill: ButtonText !important;
      color: ButtonText !important; }
    .dd-wrapper .ddList li div:not(:disabled):not([aria-disabled="true"]):hover {
      border-width: 1px;
      border-style: solid !important;
      border-color: Highlight !important; }
    .dd-wrapper .ddList li div:not(:disabled):not([aria-disabled="true"]):active {
      background-color: AccentColor !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: HighLight !important;
      outline-width: 2px !important;
      outline-style: solid !important;
      outline-color: ButtonText !important;
      outline-offset: 2px !important; }
    .dd-wrapper .ddList li div:disabled, .dd-wrapper .ddList li div[aria-disabled="true"] {
      color: GrayText !important;
      background-color: ButtonFace !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: GrayText !important; }
      .dd-wrapper .ddList li div:disabled svg path, .dd-wrapper .ddList li div[aria-disabled="true"] svg path {
        fill: GrayText !important; } }
      .dd-wrapper .ddList li div:focus-visible {
        outline: 2px solid #00F;
        outline-offset: 2px; }
        @supports (outline-color: Highlight) {
          .dd-wrapper .ddList li div:focus-visible {
            outline: 2px auto Highlight; } }
        @supports (outline-color: -webkit-focus-ring-color) {
          .dd-wrapper .ddList li div:focus-visible {
            outline: 2px auto -webkit-focus-ring-color; } }

.sb-timeline-dropdown-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  width: calc(100% - 16px); }
  .sb-timeline-dropdown-controls span {
    cursor: pointer; }
    @media (forced-colors: active) {
      .sb-timeline-dropdown-controls span:not(.sb-timeline-button-unselected) {
        color: ButtonText !important;
        background-color: ButtonFace !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: ButtonText !important; }
        .sb-timeline-dropdown-controls span:not(.sb-timeline-button-unselected) svg path, .sb-timeline-dropdown-controls span:not(.sb-timeline-button-unselected) p, .sb-timeline-dropdown-controls span:not(.sb-timeline-button-unselected) article, .sb-timeline-dropdown-controls span:not(.sb-timeline-button-unselected) span, .sb-timeline-dropdown-controls span:not(.sb-timeline-button-unselected) li, .sb-timeline-dropdown-controls span:not(.sb-timeline-button-unselected) [role="button"], .sb-timeline-dropdown-controls span:not(.sb-timeline-button-unselected) [type="radio"] {
          fill: ButtonText !important;
          color: ButtonText !important; }
        .sb-timeline-dropdown-controls span:not(.sb-timeline-button-unselected):not(:disabled):not([aria-disabled="true"]):hover {
          border-width: 1px;
          border-style: solid !important;
          border-color: Highlight !important; }
        .sb-timeline-dropdown-controls span:not(.sb-timeline-button-unselected):not(:disabled):not([aria-disabled="true"]):active {
          background-color: AccentColor !important;
          border-width: 1px;
          border-style: solid !important;
          border-color: HighLight !important;
          outline-width: 2px !important;
          outline-style: solid !important;
          outline-color: ButtonText !important;
          outline-offset: 2px !important; }
        .sb-timeline-dropdown-controls span:not(.sb-timeline-button-unselected):disabled, .sb-timeline-dropdown-controls span:not(.sb-timeline-button-unselected)[aria-disabled="true"] {
          color: GrayText !important;
          background-color: ButtonFace !important;
          border-width: 1px;
          border-style: solid !important;
          border-color: GrayText !important; }
          .sb-timeline-dropdown-controls span:not(.sb-timeline-button-unselected):disabled svg path, .sb-timeline-dropdown-controls span:not(.sb-timeline-button-unselected)[aria-disabled="true"] svg path {
            fill: GrayText !important; } }
    @media (forced-colors: active) {
      .sb-timeline-dropdown-controls span:not(.sb-timeline-button-unselected) {
        padding: 1px 3px; } }
    .sb-timeline-dropdown-controls span.sb-timeline-button:last-child {
      margin-left: auto; }
    .sb-timeline-dropdown-controls span.sb-timeline-button-disabled {
      color: #979797; }

.react-calendar {
  width: 350px;
  max-width: 100%;
  background: white;
  border: 1px solid #a0a096;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.125em;
}
.react-calendar,
.react-calendar *,
.react-calendar *:before,
.react-calendar *:after {
  box-sizing: border-box;
}
.react-calendar button {
  margin: 0;
  border: 0;
  outline: none;
}
.react-calendar button:enabled:hover {
  cursor: pointer;
}
.react-calendar__navigation {
  height: 44px;
  margin-bottom: 1em;
}
.react-calendar__navigation button {
  min-width: 44px;
  background: none;
}
.react-calendar__navigation button:enabled:hover,
.react-calendar__navigation button:enabled:focus {
  background-color: #e6e6e6;
}
.react-calendar__navigation button[disabled] {
  background-color: #f0f0f0;
}
.react-calendar__month-view__weekdays {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.75em;
}
.react-calendar__month-view__weekdays__weekday {
  padding: 0.5em;
}
.react-calendar__month-view__weekNumbers {
  font-weight: bold;
}
.react-calendar__month-view__weekNumbers .react-calendar__tile {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75em;
  padding: calc(0.75em / 0.75) calc(0.5em / 0.75);
}
.react-calendar__month-view__days__day--weekend {
  color: #d10000;
}
.react-calendar__month-view__days__day--neighboringMonth {
  color: #757575;
}
.react-calendar__year-view .react-calendar__tile,
.react-calendar__decade-view .react-calendar__tile,
.react-calendar__century-view .react-calendar__tile {
  padding: 2em 0.5em;
}
.react-calendar__tile {
  max-width: 100%;
  text-align: center;
  padding: 0.75em 0.5em;
  background: none;
}
.react-calendar__tile:disabled {
  background-color: #f0f0f0;
}
.react-calendar__tile:enabled:hover,
.react-calendar__tile:enabled:focus {
  background-color: #e6e6e6;
}
.react-calendar__tile--hasActive {
  background: #76baff;
}
.react-calendar__tile--hasActive:enabled:hover,
.react-calendar__tile--hasActive:enabled:focus {
  background: #a9d4ff;
}
.react-calendar__tile--active {
  background: #006edc;
  color: white;
}
.react-calendar__tile--active:enabled:hover,
.react-calendar__tile--active:enabled:focus {
  background: #1087ff;
}
.react-calendar--selectRange .react-calendar__tile--hover {
  background-color: #e6e6e6;
}

.sb-timeline-calendar {
  direction: ltr;
  border: 0;
  width: 100%; }
  .sb-timeline-calendar .react-calendar__navigation button:focus-visible {
    outline: 2px solid #00F;
    outline-offset: 2px; }
    @supports (outline-color: Highlight) {
      .sb-timeline-calendar .react-calendar__navigation button:focus-visible {
        outline: 2px auto Highlight; } }
    @supports (outline-color: -webkit-focus-ring-color) {
      .sb-timeline-calendar .react-calendar__navigation button:focus-visible {
        outline: 2px auto -webkit-focus-ring-color; } }
  @media (forced-colors: active) {
    .sb-timeline-calendar .react-calendar__navigation button {
      color: ButtonText !important;
      background-color: ButtonFace !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: ButtonText !important; }
      .sb-timeline-calendar .react-calendar__navigation button svg path, .sb-timeline-calendar .react-calendar__navigation button p, .sb-timeline-calendar .react-calendar__navigation button article, .sb-timeline-calendar .react-calendar__navigation button span, .sb-timeline-calendar .react-calendar__navigation button li, .sb-timeline-calendar .react-calendar__navigation button [role="button"], .sb-timeline-calendar .react-calendar__navigation button [type="radio"] {
        fill: ButtonText !important;
        color: ButtonText !important; }
      .sb-timeline-calendar .react-calendar__navigation button:not(:disabled):not([aria-disabled="true"]):hover {
        border-width: 1px;
        border-style: solid !important;
        border-color: Highlight !important; }
      .sb-timeline-calendar .react-calendar__navigation button:not(:disabled):not([aria-disabled="true"]):active {
        background-color: AccentColor !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: HighLight !important;
        outline-width: 2px !important;
        outline-style: solid !important;
        outline-color: ButtonText !important;
        outline-offset: 2px !important; }
      .sb-timeline-calendar .react-calendar__navigation button:disabled, .sb-timeline-calendar .react-calendar__navigation button[aria-disabled="true"] {
        color: GrayText !important;
        background-color: ButtonFace !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: GrayText !important; }
        .sb-timeline-calendar .react-calendar__navigation button:disabled svg path, .sb-timeline-calendar .react-calendar__navigation button[aria-disabled="true"] svg path {
          fill: GrayText !important; } }
  @media (forced-colors: active) {
    .sb-timeline-calendar .react-calendar__navigation button {
      border-radius: 5px !important;
      display: flex;
      justify-content: center;
      align-items: center; }
      .sb-timeline-calendar .react-calendar__navigation button.react-calendar__navigation__arrow {
        font-size: 200% !important; } }
  .selectedDateTime .sb-timeline-calendar {
    pointer-events: none; }
    .selectedDateTime .sb-timeline-calendar .react-calendar__navigation__arrow {
      display: none; }
    .selectedDateTime .sb-timeline-calendar .react-calendar__tile:not(.react-calendar__tile--active) {
      opacity: 0.4; }
  .sb-timeline-calendar .react-calendar__month-view .react-calendar__month-view__weekdays {
    color: black;
    opacity: 0.54; }
    .sb-timeline-calendar .react-calendar__month-view .react-calendar__month-view__weekdays abbr {
      text-decoration: none;
      font-size: 12px;
      font-weight: 400; }
    @media (forced-colors: active) {
      .sb-timeline-calendar .react-calendar__month-view .react-calendar__month-view__weekdays {
        opacity: 1 !important;
        color: CanvasText !important; } }
  .sb-timeline-calendar .react-calendar__month-view .react-calendar__month-view__days__day--weekend {
    color: black; }
  .sb-timeline-calendar .react-calendar__month-view .react-calendar__tile {
    height: 36px; }
    .sb-timeline-calendar .react-calendar__month-view .react-calendar__tile.react-calendar__month-view__days__day--neighboringMonth {
      color: transparent;
      pointer-events: none; }
      @media (forced-colors: active) {
        .sb-timeline-calendar .react-calendar__month-view .react-calendar__tile.react-calendar__month-view__days__day--neighboringMonth {
          visibility: hidden !important; } }
  .sb-timeline-calendar .react-calendar__month-view button:enabled:hover, .sb-timeline-calendar .react-calendar__month-view button:focus, .sb-timeline-calendar .react-calendar__month-view .react-calendar__tile--active {
    border-radius: 50%; }
  @media (forced-colors: active) {
    .sb-timeline-calendar .react-calendar__tile {
      color: ButtonText !important;
      background-color: ButtonFace !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: ButtonText !important; }
      .sb-timeline-calendar .react-calendar__tile svg path, .sb-timeline-calendar .react-calendar__tile p, .sb-timeline-calendar .react-calendar__tile article, .sb-timeline-calendar .react-calendar__tile span, .sb-timeline-calendar .react-calendar__tile li, .sb-timeline-calendar .react-calendar__tile [role="button"], .sb-timeline-calendar .react-calendar__tile [type="radio"] {
        fill: ButtonText !important;
        color: ButtonText !important; }
      .sb-timeline-calendar .react-calendar__tile:not(:disabled):not([aria-disabled="true"]):hover {
        border-width: 1px;
        border-style: solid !important;
        border-color: Highlight !important; }
      .sb-timeline-calendar .react-calendar__tile:not(:disabled):not([aria-disabled="true"]):active {
        background-color: AccentColor !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: HighLight !important;
        outline-width: 2px !important;
        outline-style: solid !important;
        outline-color: ButtonText !important;
        outline-offset: 2px !important; }
      .sb-timeline-calendar .react-calendar__tile:disabled, .sb-timeline-calendar .react-calendar__tile[aria-disabled="true"] {
        color: GrayText !important;
        background-color: ButtonFace !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: GrayText !important; }
        .sb-timeline-calendar .react-calendar__tile:disabled svg path, .sb-timeline-calendar .react-calendar__tile[aria-disabled="true"] svg path {
          fill: GrayText !important; } }
  @media (forced-colors: active) {
    .sb-timeline-calendar .react-calendar__tile {
      forced-color-adjust: none;
      border-radius: 5px !important; } }
  .sb-timeline-calendar .react-calendar__tile:focus-visible {
    outline: 2px solid #00F;
    outline-offset: 2px; }
    @supports (outline-color: Highlight) {
      .sb-timeline-calendar .react-calendar__tile:focus-visible {
        outline: 2px auto Highlight; } }
    @supports (outline-color: -webkit-focus-ring-color) {
      .sb-timeline-calendar .react-calendar__tile:focus-visible {
        outline: 2px auto -webkit-focus-ring-color; } }
  @media (forced-colors: active) {
    .sb-timeline-calendar .react-calendar__tile:active {
      z-index: 1 !important;
      overflow: visible; } }
  .sb-timeline-calendar .react-calendar__tile--active,
  .sb-timeline-calendar .react-calendar__tile--active:enabled:hover,
  .sb-timeline-calendar .react-calendar__tile--active:enabled:focus {
    background-color: #0292cf; }
    @media (forced-colors: active) {
      .sb-timeline-calendar .react-calendar__tile--active,
      .sb-timeline-calendar .react-calendar__tile--active:enabled:hover,
      .sb-timeline-calendar .react-calendar__tile--active:enabled:focus {
        border-width: 1px;
        border-style: solid !important;
        border-color: ButtonText !important;
        background-color: Highlight !important; }
        .sb-timeline-calendar .react-calendar__tile--active abbr,
        .sb-timeline-calendar .react-calendar__tile--active:enabled:hover abbr,
        .sb-timeline-calendar .react-calendar__tile--active:enabled:focus abbr {
          color: HighlightText !important;
          background-color: Highlight !important; } }

.sb-timeline-calendar-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  width: calc(100% - 16px); }
  .sb-timeline-calendar-controls button {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #ffffff;
    cursor: pointer;
    color: #0292cf;
    background-color: transparent;
    border: none;
    padding: 0; }
    @media (forced-colors: active) {
      .sb-timeline-calendar-controls button {
        color: ButtonText !important;
        background-color: ButtonFace !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: ButtonText !important; }
        .sb-timeline-calendar-controls button svg path, .sb-timeline-calendar-controls button p, .sb-timeline-calendar-controls button article, .sb-timeline-calendar-controls button span, .sb-timeline-calendar-controls button li, .sb-timeline-calendar-controls button [role="button"], .sb-timeline-calendar-controls button [type="radio"] {
          fill: ButtonText !important;
          color: ButtonText !important; }
        .sb-timeline-calendar-controls button:not(:disabled):not([aria-disabled="true"]):hover {
          border-width: 1px;
          border-style: solid !important;
          border-color: Highlight !important; }
        .sb-timeline-calendar-controls button:not(:disabled):not([aria-disabled="true"]):active {
          background-color: AccentColor !important;
          border-width: 1px;
          border-style: solid !important;
          border-color: HighLight !important;
          outline-width: 2px !important;
          outline-style: solid !important;
          outline-color: ButtonText !important;
          outline-offset: 2px !important; }
        .sb-timeline-calendar-controls button:disabled, .sb-timeline-calendar-controls button[aria-disabled="true"] {
          color: GrayText !important;
          background-color: ButtonFace !important;
          border-width: 1px;
          border-style: solid !important;
          border-color: GrayText !important; }
          .sb-timeline-calendar-controls button:disabled svg path, .sb-timeline-calendar-controls button[aria-disabled="true"] svg path {
            fill: GrayText !important; } }
    @media (forced-colors: active) {
      .sb-timeline-calendar-controls button {
        padding: 2px !important;
        border-radius: 3px !important; } }
    section[dir=ltr] .sb-timeline-calendar-controls button.sb-timeline-button:last-child {
      margin-left: auto; }
    section[dir=rtl] .sb-timeline-calendar-controls button.sb-timeline-button:last-child {
      margin-right: auto; }
    .sb-timeline-calendar-controls button.sb-timeline-button-disabled {
      color: #979797; }

.sb-header {
  display: flex;
  flex-direction: row;
  padding: 10px;
  align-items: center;
  margin-top: env(safe-area-inset-top);
  min-height: 39px;
  z-index: 20; }
  @media (forced-colors: active) {
    .sb-header {
      color: CanvasText !important;
      background-color: Canvas !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: CanvasText !important; }
      .sb-header svg path {
        fill: CanvasText !important; } }

.sb-header-main {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  min-height: 34px;
  position: relative; }

.sb-header-icon {
  height: 34px;
  margin-right: 10px;
  margin-left: 10px;
  max-width: 40%; }

.sb-header-title {
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0;
  padding-right: 15px; }

.sb-header-title-text {
  font-weight: 400;
  font-size: 16px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: none;
  letter-spacing: 0.2px;
  margin: 0; }

.sb-header-tag {
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.2px;
  text-transform: none;
  opacity: 0.8;
  margin: 0; }

.sb-header-button {
  background: none;
  border: 0;
  border-radius: 3px;
  outline: none;
  margin-right: 10px; }
  .sb-header-button:hover {
    cursor: pointer; }
  .sb-header-button:focus-visible {
    outline: 2px solid #00F;
    outline-offset: 2px; }
    @supports (outline-color: Highlight) {
      .sb-header-button:focus-visible {
        outline: 2px auto Highlight; } }
    @supports (outline-color: -webkit-focus-ring-color) {
      .sb-header-button:focus-visible {
        outline: 2px auto -webkit-focus-ring-color; } }
  @media (forced-colors: active) {
    .sb-header-button {
      color: ButtonText !important;
      background-color: ButtonFace !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: ButtonText !important; }
      .sb-header-button svg path, .sb-header-button p, .sb-header-button article, .sb-header-button span, .sb-header-button li, .sb-header-button [role="button"], .sb-header-button [type="radio"] {
        fill: ButtonText !important;
        color: ButtonText !important; }
      .sb-header-button:not(:disabled):not([aria-disabled="true"]):hover {
        border-width: 1px;
        border-style: solid !important;
        border-color: Highlight !important; }
      .sb-header-button:not(:disabled):not([aria-disabled="true"]):active {
        background-color: AccentColor !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: HighLight !important;
        outline-width: 2px !important;
        outline-style: solid !important;
        outline-color: ButtonText !important;
        outline-offset: 2px !important; }
      .sb-header-button:disabled, .sb-header-button[aria-disabled="true"] {
        color: GrayText !important;
        background-color: ButtonFace !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: GrayText !important; }
        .sb-header-button:disabled svg path, .sb-header-button[aria-disabled="true"] svg path {
          fill: GrayText !important; } }

.secure-session {
  padding-right: 10px; }
  @media (forced-colors: active) {
    .secure-session * {
      opacity: 1 !important;
      color: CanvasText !important; } }

.sb-header-menu {
  position: absolute;
  right: 0;
  top: 100%;
  min-width: 190px;
  z-index: 10;
  padding: 5px 10px;
  border-radius: 7px;
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); }
  .sb-header-menu-list {
    list-style: none;
    margin: 0;
    padding: 0; }
    .sb-header-menu-list-item {
      -webkit-user-select: none;
              user-select: none;
      height: 32px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 7px;
      padding: 3px 10px;
      margin: 5px 0;
      transition: filter 0.3s; }
      @media (forced-colors: active) {
        .sb-header-menu-list-item {
          color: ButtonText !important;
          background-color: ButtonFace !important;
          border-width: 1px;
          border-style: solid !important;
          border-color: ButtonText !important; }
          .sb-header-menu-list-item svg path, .sb-header-menu-list-item p, .sb-header-menu-list-item article, .sb-header-menu-list-item span, .sb-header-menu-list-item li, .sb-header-menu-list-item [role="button"], .sb-header-menu-list-item [type="radio"] {
            fill: ButtonText !important;
            color: ButtonText !important; }
          .sb-header-menu-list-item:not(:disabled):not([aria-disabled="true"]):hover {
            border-width: 1px;
            border-style: solid !important;
            border-color: Highlight !important; }
          .sb-header-menu-list-item:not(:disabled):not([aria-disabled="true"]):active {
            background-color: AccentColor !important;
            border-width: 1px;
            border-style: solid !important;
            border-color: HighLight !important;
            outline-width: 2px !important;
            outline-style: solid !important;
            outline-color: ButtonText !important;
            outline-offset: 2px !important; }
          .sb-header-menu-list-item:disabled, .sb-header-menu-list-item[aria-disabled="true"] {
            color: GrayText !important;
            background-color: ButtonFace !important;
            border-width: 1px;
            border-style: solid !important;
            border-color: GrayText !important; }
            .sb-header-menu-list-item:disabled svg path, .sb-header-menu-list-item[aria-disabled="true"] svg path {
              fill: GrayText !important; } }
      .sb-header-menu-list-item-disabled {
        pointer-events: none;
        filter: opacity(0.6); }
      .sb-header-menu-list-item:hover {
        cursor: pointer;
        filter: brightness(0.95); }
      .sb-header-menu-list-item:active {
        cursor: pointer;
        filter: brightness(0.9); }

.sb-header-menu-dropdown-button, .sb-header-lightbox-collapse-button {
  background: none;
  border: 0;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media (forced-colors: active) {
    .sb-header-menu-dropdown-button, .sb-header-lightbox-collapse-button {
      color: ButtonText !important;
      background-color: ButtonFace !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: ButtonText !important; }
      .sb-header-menu-dropdown-button svg path, .sb-header-menu-dropdown-button p, .sb-header-menu-dropdown-button article, .sb-header-menu-dropdown-button span, .sb-header-menu-dropdown-button li, .sb-header-menu-dropdown-button [role="button"], .sb-header-menu-dropdown-button [type="radio"], .sb-header-lightbox-collapse-button svg path, .sb-header-lightbox-collapse-button p, .sb-header-lightbox-collapse-button article, .sb-header-lightbox-collapse-button span, .sb-header-lightbox-collapse-button li, .sb-header-lightbox-collapse-button [role="button"], .sb-header-lightbox-collapse-button [type="radio"] {
        fill: ButtonText !important;
        color: ButtonText !important; }
      .sb-header-menu-dropdown-button:not(:disabled):not([aria-disabled="true"]):hover, .sb-header-lightbox-collapse-button:not(:disabled):not([aria-disabled="true"]):hover {
        border-width: 1px;
        border-style: solid !important;
        border-color: Highlight !important; }
      .sb-header-menu-dropdown-button:not(:disabled):not([aria-disabled="true"]):active, .sb-header-lightbox-collapse-button:not(:disabled):not([aria-disabled="true"]):active {
        background-color: AccentColor !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: HighLight !important;
        outline-width: 2px !important;
        outline-style: solid !important;
        outline-color: ButtonText !important;
        outline-offset: 2px !important; }
      .sb-header-menu-dropdown-button:disabled, .sb-header-menu-dropdown-button[aria-disabled="true"], .sb-header-lightbox-collapse-button:disabled, .sb-header-lightbox-collapse-button[aria-disabled="true"] {
        color: GrayText !important;
        background-color: ButtonFace !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: GrayText !important; }
        .sb-header-menu-dropdown-button:disabled svg path, .sb-header-menu-dropdown-button[aria-disabled="true"] svg path, .sb-header-lightbox-collapse-button:disabled svg path, .sb-header-lightbox-collapse-button[aria-disabled="true"] svg path {
          fill: GrayText !important; } }
  .sb-header-menu-dropdown-button:hover, .sb-header-lightbox-collapse-button:hover {
    cursor: pointer; }
  .sb-header-menu-dropdown-button:focus-visible, .sb-header-lightbox-collapse-button:focus-visible {
    outline: 2px solid #00F;
    outline-offset: 2px; }
    @supports (outline-color: Highlight) {
      .sb-header-menu-dropdown-button:focus-visible, .sb-header-lightbox-collapse-button:focus-visible {
        outline: 2px auto Highlight; } }
    @supports (outline-color: -webkit-focus-ring-color) {
      .sb-header-menu-dropdown-button:focus-visible, .sb-header-lightbox-collapse-button:focus-visible {
        outline: 2px auto -webkit-focus-ring-color; } }

.sb-header-menu-dropdown-button {
  margin-right: 0; }

.sb-header-lightbox-collapse-button {
  margin-right: 10px;
  overflow: hidden; }

.sb-header-lightbox-collapse-icon {
  width: 100%;
  height: 100%;
  transform: rotate(45deg); }

.sb-watermark {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  margin-left: auto;
  font-size: 12px;
  color: #a5a5a5;
  height: 26px; }

.sb-watermark-text {
  width: 60px;
  letter-spacing: -1px;
  line-height: 14px;
  margin-left: 2px; }

.sb-textarea {
  padding: 15px 10px;
  position: relative;
  opacity: 1; }
  @media (forced-colors: active) {
    .sb-textarea {
      color: CanvasText !important;
      background-color: Canvas !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: CanvasText !important; }
      .sb-textarea svg path {
        fill: CanvasText !important; } }
  .sb-textarea form {
    display: flex;
    flex-direction: row;
    align-items: center; }
  .sb-textarea__autosize {
    transition: height 50ms ease-in; }
  .sb-textarea__input {
    display: flex;
    flex-direction: row;
    flex: 2 1;
    align-items: center;
    pointer-events: none;
    cursor: auto;
    animation: slideToCentre 0.5s linear forwards;
    -webkit-animation: slideToCentre 0.5s linear forwards;
    -moz-animation: slideToCentre 0.5s linear forwards;
    -ms-animation: slideToCentre 0.5s linear forwards;
    -o-animation: slideToCentre 0.5s linear forwards; }
  .sb-textarea__upload {
    width: 20px;
    height: 24px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 0px;
    cursor: pointer;
    color: lightgrey;
    display: flex;
    align-items: center; }
  .sb-textarea__wrap {
    display: flex;
    flex: 8 1;
    /* IOS 10.x/11.x fix for zoom in on inputs; */ }
    .sb-textarea__wrap textarea,
    .sb-textarea__wrap input {
      width: 90%;
      font-family: 'Open Sans', sans-serif;
      font-size: 13px;
      letter-spacing: 0.2px;
      line-height: 1.45;
      border: none;
      padding: 0 5px;
      margin: 0;
      resize: none;
      background: transparent; }
      .sb-textarea__wrap textarea:focus,
      .sb-textarea__wrap input:focus {
        outline: none; }
      .sb-textarea__wrap textarea::placeholder,
      .sb-textarea__wrap input::placeholder {
        color: var(--placeholder-color);
        opacity: 1;
        font-style: italic; }
      @media (forced-colors: active) {
        .sb-textarea__wrap textarea,
        .sb-textarea__wrap input {
          color: FieldText  !important;
          background-color: Field !important;
          opacity: 1 !important;
          border-width: 1px;
          border-style: solid !important;
          border-color: ButtonText !important; }
          .sb-textarea__wrap textarea:focus,
          .sb-textarea__wrap input:focus {
            border-width: 1px;
            border-style: solid !important;
            border-color: Highlight !important; }
          .sb-textarea__wrap textarea svg path,
          .sb-textarea__wrap input svg path {
            fill: FieldText !important; }
          .sb-textarea__wrap textarea:disabled, .sb-textarea__wrap textarea[readonly], .sb-textarea__wrap textarea[aria-disabled="true"],
          .sb-textarea__wrap input:disabled,
          .sb-textarea__wrap input[readonly],
          .sb-textarea__wrap input[aria-disabled="true"] {
            color: GrayText !important;
            background-color: ButtonFace !important;
            border-width: 1px;
            border-style: solid !important;
            border-color: GrayText !important; }
            .sb-textarea__wrap textarea:disabled svg path, .sb-textarea__wrap textarea[readonly] svg path, .sb-textarea__wrap textarea[aria-disabled="true"] svg path,
            .sb-textarea__wrap input:disabled svg path,
            .sb-textarea__wrap input[readonly] svg path,
            .sb-textarea__wrap input[aria-disabled="true"] svg path {
              fill: GrayText !important; } }
    @media only screen and (max-width: 768px) {
      .sb-textarea__wrap textarea, .sb-textarea__wrap input[inputmode=numeric], .sb-textarea__wrap input[inputmode=decimal] {
        font-size: 16px; } }
  .sb-textarea__container {
    display: flex;
    width: 100%; }
    .sb-textarea__container div:first-child {
      flex: 1 1; }
  .sb-textarea__icon {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px; }
    .sb-textarea__icon > div {
      transition: opacity 0.2s; }
  .sb-textarea__disabled {
    pointer-events: none;
    cursor: auto;
    animation: slideToCentre 0.5s linear forwards;
    -webkit-animation: slideToCentre 0.5s linear forwards;
    -moz-animation: slideToCentre 0.5s linear forwards;
    -ms-animation: slideToCentre 0.5s linear forwards;
    -o-animation: slideToCentre 0.5s linear forwards; }

@keyframes infiniteRotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.infiniteRotate {
  animation: infiniteRotate 2s linear infinite; }

.sb-textarea__submit {
  display: flex;
  font-family: 'Open Sans', sans-serif;
  border: none;
  background: transparent;
  padding: 3px 8px;
  border-radius: 3px;
  margin: 0;
  margin-right: 2px;
  color: #d3d3d3;
  cursor: pointer;
  outline: none;
  justify-content: flex-end;
  flex: 1 1; }
  .sb-textarea__submit:focus-visible {
    outline: 2px solid #00F;
    outline-offset: 2px; }
    @supports (outline-color: Highlight) {
      .sb-textarea__submit:focus-visible {
        outline: 2px auto Highlight; } }
    @supports (outline-color: -webkit-focus-ring-color) {
      .sb-textarea__submit:focus-visible {
        outline: 2px auto -webkit-focus-ring-color; } }
  .sb-textarea__submit:hover {
    background-color: rgba(0, 0, 0, 0.1); }
  @media (forced-colors: active) {
    .sb-textarea__submit {
      color: ButtonText !important;
      background-color: ButtonFace !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: ButtonText !important; }
      .sb-textarea__submit svg path, .sb-textarea__submit p, .sb-textarea__submit article, .sb-textarea__submit span, .sb-textarea__submit li, .sb-textarea__submit [role="button"], .sb-textarea__submit [type="radio"] {
        fill: ButtonText !important;
        color: ButtonText !important; }
      .sb-textarea__submit:not(:disabled):not([aria-disabled="true"]):hover {
        border-width: 1px;
        border-style: solid !important;
        border-color: Highlight !important; }
      .sb-textarea__submit:not(:disabled):not([aria-disabled="true"]):active {
        background-color: AccentColor !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: HighLight !important;
        outline-width: 2px !important;
        outline-style: solid !important;
        outline-color: ButtonText !important;
        outline-offset: 2px !important; }
      .sb-textarea__submit:disabled, .sb-textarea__submit[aria-disabled="true"] {
        color: GrayText !important;
        background-color: ButtonFace !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: GrayText !important; }
        .sb-textarea__submit:disabled svg path, .sb-textarea__submit[aria-disabled="true"] svg path {
          fill: GrayText !important; } }
  @media (forced-colors: active) {
    .sb-textarea__submit svg * {
      opacity: 1 !important; } }

.no-zoom {
  font-size: 16px; }

.cancel-icon {
  cursor: pointer;
  width: fit-content;
  max-width: 60px;
  padding: 3px 8px;
  display: flex;
  align-self: center;
  justify-content: center; }
  @media (forced-colors: active) {
    .cancel-icon {
      color: ButtonText !important;
      background-color: ButtonFace !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: ButtonText !important; }
      .cancel-icon svg path, .cancel-icon p, .cancel-icon article, .cancel-icon span, .cancel-icon li, .cancel-icon [role="button"], .cancel-icon [type="radio"] {
        fill: ButtonText !important;
        color: ButtonText !important; }
      .cancel-icon:not(:disabled):not([aria-disabled="true"]):hover {
        border-width: 1px;
        border-style: solid !important;
        border-color: Highlight !important; }
      .cancel-icon:not(:disabled):not([aria-disabled="true"]):active {
        background-color: AccentColor !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: HighLight !important;
        outline-width: 2px !important;
        outline-style: solid !important;
        outline-color: ButtonText !important;
        outline-offset: 2px !important; }
      .cancel-icon:disabled, .cancel-icon[aria-disabled="true"] {
        color: GrayText !important;
        background-color: ButtonFace !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: GrayText !important; }
        .cancel-icon:disabled svg path, .cancel-icon[aria-disabled="true"] svg path {
          fill: GrayText !important; } }
  @media (forced-colors: active) {
    .cancel-icon {
      border-radius: 5px !important; } }

.eye-icon {
  cursor: pointer;
  padding-left: 3px;
  padding-right: 3px;
  margin-left: 3px;
  margin-right: 6px;
  width: fit-content;
  display: flex;
  align-self: center;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  max-width: 60px; }
  @media (forced-colors: active) {
    .eye-icon {
      color: ButtonText !important;
      background-color: ButtonFace !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: ButtonText !important; }
      .eye-icon svg path, .eye-icon p, .eye-icon article, .eye-icon span, .eye-icon li, .eye-icon [role="button"], .eye-icon [type="radio"] {
        fill: ButtonText !important;
        color: ButtonText !important; }
      .eye-icon:not(:disabled):not([aria-disabled="true"]):hover {
        border-width: 1px;
        border-style: solid !important;
        border-color: Highlight !important; }
      .eye-icon:not(:disabled):not([aria-disabled="true"]):active {
        background-color: AccentColor !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: HighLight !important;
        outline-width: 2px !important;
        outline-style: solid !important;
        outline-color: ButtonText !important;
        outline-offset: 2px !important; }
      .eye-icon:disabled, .eye-icon[aria-disabled="true"] {
        color: GrayText !important;
        background-color: ButtonFace !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: GrayText !important; }
        .eye-icon:disabled svg path, .eye-icon[aria-disabled="true"] svg path {
          fill: GrayText !important; } }
  @media (forced-colors: active) {
    .eye-icon {
      border-radius: 4px !important; } }

@keyframes slideToCentre {
  0% {
    transform: translateX(-50%); }
  100% {
    transform: translateX(0%); } }

.sb-rippleCancelIcon {
  animation: rippleCancelIcon 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px; }

@keyframes rippleCancelIcon {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }
  20%, 80% {
    transform: translate3d(2px, 0, 0); }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }
  40%, 60% {
    transform: translate3d(4px, 0, 0); } }

.sb-conversation-start {
  width: 100%; }
  .sb-conversation-start__container {
    padding: 1px 20px 20px 20px;
    margin: 20px;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); }
    @media (forced-colors: active) {
      .sb-conversation-start__container {
        color: CanvasText !important;
        background-color: Canvas !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: CanvasText !important; }
        .sb-conversation-start__container svg path {
          fill: CanvasText !important; } }
  .sb-conversation-start__title {
    margin: 15px 0px;
    font-size: 15px;
    font-weight: 600;
    color: #192D3F; }
  .sb-conversation-start__button {
    padding: 15px 40px;
    border-radius: 20px;
    color: #FFF;
    cursor: pointer;
    width: auto;
    border: none;
    font-weight: 500;
    font-size: 14px;
    display: flex;
    align-items: center;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25); }
    @media (forced-colors: active) {
      .sb-conversation-start__button {
        color: ButtonText !important;
        background-color: ButtonFace !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: ButtonText !important; }
        .sb-conversation-start__button svg path, .sb-conversation-start__button p, .sb-conversation-start__button article, .sb-conversation-start__button span, .sb-conversation-start__button li, .sb-conversation-start__button [role="button"], .sb-conversation-start__button [type="radio"] {
          fill: ButtonText !important;
          color: ButtonText !important; }
        .sb-conversation-start__button:not(:disabled):not([aria-disabled="true"]):hover {
          border-width: 1px;
          border-style: solid !important;
          border-color: Highlight !important; }
        .sb-conversation-start__button:not(:disabled):not([aria-disabled="true"]):active {
          background-color: AccentColor !important;
          border-width: 1px;
          border-style: solid !important;
          border-color: HighLight !important;
          outline-width: 2px !important;
          outline-style: solid !important;
          outline-color: ButtonText !important;
          outline-offset: 2px !important; }
        .sb-conversation-start__button:disabled, .sb-conversation-start__button[aria-disabled="true"] {
          color: GrayText !important;
          background-color: ButtonFace !important;
          border-width: 1px;
          border-style: solid !important;
          border-color: GrayText !important; }
          .sb-conversation-start__button:disabled svg path, .sb-conversation-start__button[aria-disabled="true"] svg path {
            fill: GrayText !important; } }
  .sb-conversation-start__icon {
    height: 15px;
    width: 15px;
    margin-right: 10px; }
  .sb-conversation-start__watermark .sb-watermark {
    align-items: center;
    justify-content: center; }
  .sb-conversation-start__watermark .sb-watermark-text {
    width: auto; }

.sb-timeline {
  min-width: 362px;
  min-height: 655px;
  display: flex;
  position: relative;
  overflow: hidden; }
  .sb-timeline-body {
    display: flex;
    flex-direction: column;
    flex: 1 1;
    opacity: 1;
    transition: 300ms; }
    .sb-timeline-body-loading {
      opacity: 0; }
    .sb-timeline-body-scroll {
      overflow-y: scroll;
      overflow-x: hidden;
      padding: 10px 20px 20px 20px;
      flex: 1 1;
      display: flex;
      flex-direction: column;
      min-height: 100%;
      box-sizing: border-box;
    }
  .sb-timeline:before {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 20px;
    color: white;
    text-align: center;
    padding: 10px;
    transition: all 300ms;
    z-index: 1;
    overflow: hidden; }
  .sb-timeline:after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    border-radius: 50%;
    border-top: 2px solid #0392CF;
    border-right: 2px solid transparent;
    animation: spinner .6s linear infinite;
    opacity: 0;
    transition: 300ms; }
  .sb-timeline-loading:after {
    opacity: 1; }
  .sb-timeline-offline:before {
    content: 'No internet connection';
    background: #F37736;
    animation: fadeInStatus 150ms ease-in 0s forwards; }
  .sb-timeline-online:before {
    content: 'Connected';
    background: #78A614;
    animation: fadeOutStatus 150ms ease-in 1s forwards; }

@keyframes fadeOutStatus {
  0% {
    height: 20px;
    padding: 10px; }
  100% {
    height: 0;
    padding: 0; } }

@keyframes fadeInStatus {
  0% {
    height: 0;
    padding: 0; }
  100% {
    height: 20px;
    padding: 10px; } }

@keyframes spinner {
  to {
    transform: rotate(360deg); } }

.sb-roundel {
  -position: fixed;
  width: 42px;
  height: 42px;
  bottom: 20px;
  right: 10px;
  padding: 5px;
  border-radius: 100%;
  background: #0392CF;
  color: #fff;
  transition: 300ms background;
  cursor: pointer;
  box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.25); }
  .sb-roundel span {
    margin: 2px 2px 1px 5px; }
  .sb-roundel:hover {
    background-color: #03a4e8; }
  .sb-roundel:active {
    background-color: #0ab3fb; }

.reconnect__card {
  display: flex;
  align-content: center;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  top: -100%;
  left: 0;
  transition: all .5s ease-out;
  box-shadow: 0 5px 2px rgba(0, 0, 0, 0.25);
  position: absolute;
  width: 100%;
  z-index: 15;
  height: 100%; }
  .reconnect__card__container {
    display: flex;
    flex-direction: column;
    padding: 0px 20px 20px 20px;
    justify-content: center; }
  .reconnect__card__title {
    color: inherit;
    font-size: 35px;
    display: flex;
    align-items: center; }
  .reconnect__card__subtitle {
    font-size: 14px;
    color: inherit;
    margin: 10px 0px; }
  .reconnect__card__icon {
    height: 45px;
    width: 40px;
    margin-left: 10px; }
  .reconnect__card__button {
    padding: 15px 40px;
    border-radius: 20px;
    color: #000;
    cursor: pointer;
    width: auto;
    border: none;
    font-weight: 500;
    font-size: 14px;
    display: flex;
    align-items: center;
    box-shadow: 0 5px 2px rgba(0, 0, 0, 0.25);
    justify-content: center;
    position: relative; }
    @media (forced-colors: active) {
      .reconnect__card__button {
        color: ButtonText !important;
        background-color: ButtonFace !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: ButtonText !important; }
        .reconnect__card__button svg path, .reconnect__card__button p, .reconnect__card__button article, .reconnect__card__button span, .reconnect__card__button li, .reconnect__card__button [role="button"], .reconnect__card__button [type="radio"] {
          fill: ButtonText !important;
          color: ButtonText !important; }
        .reconnect__card__button:not(:disabled):not([aria-disabled="true"]):hover {
          border-width: 1px;
          border-style: solid !important;
          border-color: Highlight !important; }
        .reconnect__card__button:not(:disabled):not([aria-disabled="true"]):active {
          background-color: AccentColor !important;
          border-width: 1px;
          border-style: solid !important;
          border-color: HighLight !important;
          outline-width: 2px !important;
          outline-style: solid !important;
          outline-color: ButtonText !important;
          outline-offset: 2px !important; }
        .reconnect__card__button:disabled, .reconnect__card__button[aria-disabled="true"] {
          color: GrayText !important;
          background-color: ButtonFace !important;
          border-width: 1px;
          border-style: solid !important;
          border-color: GrayText !important; }
          .reconnect__card__button:disabled svg path, .reconnect__card__button[aria-disabled="true"] svg path {
            fill: GrayText !important; } }
    .reconnect__card__button:disabled {
      cursor: not-allowed; }
      .reconnect__card__button:disabled:hover .reconnect__card__tooltip {
        visibility: visible;
        top: -40px; }
  .reconnect__card__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 1; }
  .reconnect__card__reset {
    display: flex;
    flex: 1 1;
    align-items: flex-end; }
  .reconnect__card__tooltip {
    visibility: hidden;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px 20px;
    position: absolute;
    z-index: 1; }
    .reconnect__card__tooltip::after {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: black transparent transparent transparent; }
  .reconnect__card__hidden {
    visibility: hidden; }

.animated__card {
  display: flex;
  align-content: center;
  top: -100%;
  left: 0;
  transition: all .5s ease-out;
  height: 50%;
  position: relative;
  width: 100%;
  z-index: 10;
  overflow: hidden;
  visibility: inherit; }
  .animated__card__container {
    display: flex;
    flex-direction: column;
    padding: 0px 20px 20px 20px;
    justify-content: center; }
  .animated__card__title {
    color: inherit;
    font-size: 35px;
    display: flex;
    align-items: center; }
  .animated__card__subtitle {
    font-size: 14px;
    color: inherit;
    margin: 10px 0px; }
  .animated__card__icon {
    height: 45px;
    font-size: 12px;
    width: 40px;
    margin-left: 10px; }
  .animated__card__button {
    padding: 15px 40px;
    border-radius: 20px;
    color: #000;
    cursor: pointer;
    width: auto;
    border: none;
    font-weight: 500;
    font-size: 14px;
    display: flex;
    align-items: center;
    box-shadow: 0 5px 2px rgba(0, 0, 0, 0.25);
    justify-content: center; }
  .animated__card__reset {
    display: flex;
    flex: 1 1;
    align-items: flex-end; }
  .animated__card__watermark {
    position: absolute;
    bottom: 5%;
    right: 4%; }

@keyframes slideDown {
  0% {
    height: 0;
    transform: translateY(-100%); }
  100% {
    height: 200px;
    transform: translateY(0%); } }

@keyframes slideUp {
  0% {
    height: 200px;
    transform: translateY(0%); }
  100% {
    height: 0;
    transform: translateY(-100%); } }

.slide-down {
  animation: slideDown 0.3s ease-in-out forwards; }

.slide-up {
  animation: slideUp 0.3s ease-in-out forwards; }

.popup {
  font-family: Roboto, sans-serif;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000; }
  .popup-content {
    background: white;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    padding: 32px; }
    .popup-content-title h1 {
      font-size: 18px;
      color: #131313;
      margin: 0px;
      padding-bottom: 12px; }
    .popup-content-message {
      margin-bottom: 1em; }
    .popup-content-message p {
      color: #5B5B5C;
      margin-top: 0;
      margin-bottom: 1em; }
    .popup-content-button-container {
      display: flex;
      flex: 1 1;
      align-items: center;
      justify-content: flex-end; }
      .popup-content-button-container button {
        margin-left: 10px; }
  .popup-button {
    color: gray;
    border: 1px solid #dbdbdb;
    border-radius: 25px;
    padding: 10px 12px;
    background-color: white;
    cursor: pointer;
    outline: none;
    display: flex;
    flex: 1 1;
    justify-content: center;
    align-items: center;
    margin: 10px; }
  .popup-button:hover {
    color: white;
    border-color: #3392cf;
    border-radius: 25px;
    padding: 10px 12px;
    background-color: #3392cf;
    cursor: pointer;
    outline: none;
    display: flex;
    flex: 1 1;
    justify-content: center;
    align-items: center;
    margin: 10px; }

.view-page {
  width: 100%;
  max-width: calc(100% - 250px);
  position: relative; }
  .view-page-fullwidth {
    max-width: 100%; }
  .view-page-body {
    height: calc(100vh - 124px);
    overflow-y: hidden;
    overflow-x: hidden; }
    .view-page-body-scrollable {
      overflow-y: auto; }
  .view-page-loading {
    position: relative; }
    .view-page-loading:before {
      opacity: 1;
      content: ' ';
      display: block;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      position: absolute;
      background: #FFFFFF url(https://console.servisbot.com/portal/1.19.0/static/media/bottybounce.3a4b23650b005780de0d.svg) no-repeat center;
      background-size: 100px;
      transition: opacity 300ms;
      pointer-events: none; }
  .view-page-loading a {
    margin-left: -20px; }
  .view-page-refreshing:before {
    height: 30px;
    opacity: 1;
    pointer-events: auto;
    transition: 200ms; }
  .view-page-conversation-list .view-page-body {
    display: flex;
    overflow: hidden; }

.TextField_textField__78ulb div,
.TextField_textField__78ulb div:hover,
.TextField_textField__78ulb div:active,
.TextField_textField__78ulb div:focus,
.TextField_textField__78ulb div:active,
.TextField_textField__78ulb input,
.TextField_textField__78ulb textarea {
  background-color: #fafafa;
}


.SecretForm_feedback__wBbUU {
  font-size: 0.75rem;
}
.SecretForm_confirmation__yE3gk {
  color: #7ed321;
}
.SecretForm_rejection__WtNxy {
  color: #f14950;
}
.SecretForm_validate__PX4-p {
  cursor: pointer;
  color: #4a90e2;
  border: 0;
  font-size: 0.75rem;
  outline: none;
  padding: 0;
  background: none;
}
.SecretForm_validate__PX4-p:hover {
  color: #306099;
  text-decoration: underline;
}

.SecretForm_secretTextArea__c9j\+B p {
  margin-top: 8px;
  margin-bottom: 0;
  margin-right: 12px;
  margin-left: 12px;
}

.popup-content-message .SecretForm_formError__grByL {
  margin: 0 0 0.4em;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  color: #f14950;
}


.feedback-item-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center; }
  .feedback-item-wrapper svg {
    padding: 3px; }
    .feedback-item-wrapper svg:hover {
      transform: scale(1.1); }
    @media (forced-colors: active) {
      .feedback-item-wrapper svg {
        color: ButtonText !important;
        background-color: ButtonFace !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: ButtonText !important; }
        .feedback-item-wrapper svg svg path, .feedback-item-wrapper svg p, .feedback-item-wrapper svg article, .feedback-item-wrapper svg span, .feedback-item-wrapper svg li, .feedback-item-wrapper svg [role="button"], .feedback-item-wrapper svg [type="radio"] {
          fill: ButtonText !important;
          color: ButtonText !important; }
        .feedback-item-wrapper svg:not(:disabled):not([aria-disabled="true"]):hover {
          border-width: 1px;
          border-style: solid !important;
          border-color: Highlight !important; }
        .feedback-item-wrapper svg:not(:disabled):not([aria-disabled="true"]):active {
          background-color: AccentColor !important;
          border-width: 1px;
          border-style: solid !important;
          border-color: HighLight !important;
          outline-width: 2px !important;
          outline-style: solid !important;
          outline-color: ButtonText !important;
          outline-offset: 2px !important; }
        .feedback-item-wrapper svg:disabled, .feedback-item-wrapper svg[aria-disabled="true"] {
          color: GrayText !important;
          background-color: ButtonFace !important;
          border-width: 1px;
          border-style: solid !important;
          border-color: GrayText !important; }
          .feedback-item-wrapper svg:disabled svg path, .feedback-item-wrapper svg[aria-disabled="true"] svg path {
            fill: GrayText !important; } }
    @media (forced-colors: active) {
      .feedback-item-wrapper svg {
        padding: 5px;
        border-radius: 15%; } }

.feedback-item-title {
  margin-top: 10px; }

.custom-feedback-image {
  width: 30px;
  height: 30px; }
  .custom-feedback-image:hover {
    transform: scale(1.1); }

.wrapper {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  border-radius: 5px;
  width: 285px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px; }
  .wrapper .feedback-title {
    padding: 10px 20px;
    font-size: 16px; }

.items-container {
  display: flex;
  justify-content: space-evenly;
  width: 100%; }

.feedback-sent-text {
  opacity: 1;
  transition: opacity 3s; }

.feedback-sent-fade {
  opacity: 0;
  transition: opacity 5s; }

.sb-timeline-broadcast {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  color: #ffffff;
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  opacity: 0.92;
  font-size: 14px;
  line-height: 20px; }
  @media (forced-colors: active) {
    .sb-timeline-broadcast {
      color: CanvasText !important;
      background-color: Canvas !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: CanvasText !important; }
      .sb-timeline-broadcast svg path {
        fill: CanvasText !important; } }
  @media (forced-colors: active) {
    .sb-timeline-broadcast {
      opacity: 1; } }
  .sb-timeline-broadcast[dir=rtl] .sb-header-title-text.sb-header-button {
    right: auto;
    right: initial;
    left: 10px; }

.sb-timeline-broadcast-header {
  min-height: 20px;
  max-height: fit-content;
  padding: 10px 35px 10px 15px;
  font-weight: 600;
  position: relative; }
  @media (forced-colors: active) {
    .sb-timeline-broadcast-header {
      color: CanvasText !important;
      background-color: Canvas !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: CanvasText !important; }
      .sb-timeline-broadcast-header svg path {
        fill: CanvasText !important; } }
  .sb-timeline-broadcast-header .sb-header-button {
    position: absolute;
    top: 10px;
    right: 5px;
    background: none;
    border: none;
    color: #fff;
    font-size: 13px;
    font-weight: bold; }
    @media (forced-colors: active) {
      .sb-timeline-broadcast-header .sb-header-button {
        border-width: 1px !important; } }

.sb-timeline-broadcast-body {
  padding: 11px 13px 17px 26px;
  margin: 0; }
  .sb-timeline-broadcast-body .sb-timeline-broadcast-body-text {
    display: flex;
    flex: 1 1;
    flex-direction: row; }
    .sb-timeline-broadcast-body .sb-timeline-broadcast-body-text .sb-timeline-broadcast-body-content {
      display: flex;
      flex: 1 1; }
    .sb-timeline-broadcast-body .sb-timeline-broadcast-body-text .sb-timeline-broadcast-body-content-button {
      height: fit-content;
      display: flex;
      color: inherit;
      outline: none; }
      .sb-timeline-broadcast-body .sb-timeline-broadcast-body-text .sb-timeline-broadcast-body-content-button:focus-visible {
        outline: 2px solid #00F;
        outline-offset: 2px; }
        @supports (outline-color: Highlight) {
          .sb-timeline-broadcast-body .sb-timeline-broadcast-body-text .sb-timeline-broadcast-body-content-button:focus-visible {
            outline: 2px auto Highlight; } }
        @supports (outline-color: -webkit-focus-ring-color) {
          .sb-timeline-broadcast-body .sb-timeline-broadcast-body-text .sb-timeline-broadcast-body-content-button:focus-visible {
            outline: 2px auto -webkit-focus-ring-color; } }

.sb-timeline-broadcast-error {
  background-color: #FDEBEA;
  color: #464646; }

.sb-timeline-broadcast-error .sb-timeline-broadcast-header {
  background-color: #EF4036;
  color: #FFF; }

.sb-timeline-broadcast-warning {
  background-color: #FEFAE6;
  color: #464646; }

.sb-timeline-broadcast-warning .sb-timeline-broadcast-header {
  background-color: #F5A623;
  color: #FFF; }

.sb-timeline-broadcast-info {
  background-color: #D1ECF8;
  color: #464646; }

.sb-timeline-broadcast-info .sb-timeline-broadcast-header {
  background-color: #0292CF;
  color: #FFF; }

.sb-timeline-broadcast-options {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px; }

.sb-timeline-broadcast-option {
  color: #0292CF;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  margin-left: 26px; }
  @media (forced-colors: active) {
    .sb-timeline-broadcast-option {
      color: ButtonText !important;
      background-color: ButtonFace !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: ButtonText !important; }
      .sb-timeline-broadcast-option svg path, .sb-timeline-broadcast-option p, .sb-timeline-broadcast-option article, .sb-timeline-broadcast-option span, .sb-timeline-broadcast-option li, .sb-timeline-broadcast-option [role="button"], .sb-timeline-broadcast-option [type="radio"] {
        fill: ButtonText !important;
        color: ButtonText !important; }
      .sb-timeline-broadcast-option:not(:disabled):not([aria-disabled="true"]):hover {
        border-width: 1px;
        border-style: solid !important;
        border-color: Highlight !important; }
      .sb-timeline-broadcast-option:not(:disabled):not([aria-disabled="true"]):active {
        background-color: AccentColor !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: HighLight !important;
        outline-width: 2px !important;
        outline-style: solid !important;
        outline-color: ButtonText !important;
        outline-offset: 2px !important; }
      .sb-timeline-broadcast-option:disabled, .sb-timeline-broadcast-option[aria-disabled="true"] {
        color: GrayText !important;
        background-color: ButtonFace !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: GrayText !important; }
        .sb-timeline-broadcast-option:disabled svg path, .sb-timeline-broadcast-option[aria-disabled="true"] svg path {
          fill: GrayText !important; } }
  @media (forced-colors: active) {
    .sb-timeline-broadcast-option {
      padding: 2px !important;
      border-width: 1px !important; } }
  .sb-timeline-broadcast-option:focus-visible {
    outline: 2px solid #00F;
    outline-offset: 2px; }
    @supports (outline-color: Highlight) {
      .sb-timeline-broadcast-option:focus-visible {
        outline: 2px auto Highlight; } }
    @supports (outline-color: -webkit-focus-ring-color) {
      .sb-timeline-broadcast-option:focus-visible {
        outline: 2px auto -webkit-focus-ring-color; } }
  .sb-timeline-broadcast-option:hover {
    color: #4a4a4a; }

.sb-timeline-time {
  width: 100%; }

.sb-timeline-time-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  width: calc(100% - 16px); }
  .sb-timeline-time-controls button {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #ffffff;
    cursor: pointer;
    color: #0292cf;
    background-color: transparent;
    border: none; }
    @media (forced-colors: active) {
      .sb-timeline-time-controls button {
        color: ButtonText !important;
        background-color: ButtonFace !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: ButtonText !important; }
        .sb-timeline-time-controls button svg path, .sb-timeline-time-controls button p, .sb-timeline-time-controls button article, .sb-timeline-time-controls button span, .sb-timeline-time-controls button li, .sb-timeline-time-controls button [role="button"], .sb-timeline-time-controls button [type="radio"] {
          fill: ButtonText !important;
          color: ButtonText !important; }
        .sb-timeline-time-controls button:not(:disabled):not([aria-disabled="true"]):hover {
          border-width: 1px;
          border-style: solid !important;
          border-color: Highlight !important; }
        .sb-timeline-time-controls button:not(:disabled):not([aria-disabled="true"]):active {
          background-color: AccentColor !important;
          border-width: 1px;
          border-style: solid !important;
          border-color: HighLight !important;
          outline-width: 2px !important;
          outline-style: solid !important;
          outline-color: ButtonText !important;
          outline-offset: 2px !important; }
        .sb-timeline-time-controls button:disabled, .sb-timeline-time-controls button[aria-disabled="true"] {
          color: GrayText !important;
          background-color: ButtonFace !important;
          border-width: 1px;
          border-style: solid !important;
          border-color: GrayText !important; }
          .sb-timeline-time-controls button:disabled svg path, .sb-timeline-time-controls button[aria-disabled="true"] svg path {
            fill: GrayText !important; } }
    section[dir=ltr] .sb-timeline-time-controls button.sb-timeline-button:last-child {
      margin-left: auto; }
    section[dir=rtl] .sb-timeline-time-controls button.sb-timeline-button:last-child {
      margin-right: auto; }

.sb-timeline-date-time {
  display: flex;
  flex-direction: column;
  align-items: center; }

.sb-timeline-date-time-chevron {
  width: 16px;
  height: 16px; }

.sb-timeline-date-time-text {
  width: 95%;
  padding-bottom: 10px; }

.sb-timeline-date-time-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 50px; }
  .sb-timeline-date-time-controls span {
    cursor: pointer; }

.sb-timeline-card-video {
  display: flex;
  max-height: 162px; }
  .sb-timeline-card-video-border {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden; }
  .sb-timeline-card-video > div {
    display: flex;
    min-height: 162px; }
    .sb-timeline-card-video > div > iframe {
      min-height: 162px; }
  .sb-timeline-card-video-has-avatar {
    max-height: 134px; }
    .sb-timeline-card-video-has-avatar > div {
      display: flex;
      min-height: 134px; }
      .sb-timeline-card-video-has-avatar > div > iframe {
        min-height: 134px; }

.sb-timeline-paper-selectable .sb-timeline-card, .sb-timeline-card-selectable {
  cursor: pointer; }

.sb-timeline-option-card-isSelected {
  padding: 0;
  border-bottom-right-radius: 5px;
  overflow: hidden; }
  .sb-timeline-option-card-isSelected .sb-timeline-paper-header {
    padding: 10px; }

.sb-timeline-option-card img {
  display: block;
  width: 100%;
  max-height: 280px;
  object-fit: contain; }

.sb-timeline-option-card-subtitle, .sb-timeline-option-card-description {
  padding: 0 10px; }

.sb-timeline-option-card-subtitle {
  padding-top: 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.67;
  text-align: left; }

.sb-timeline-option-card-description {
  padding-bottom: 10px;
  font-size: 10px;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

@media (forced-colors: active) {
  .sb-timeline-option-card-options button, .sb-timeline-option-card-options [role="button"], .sb-timeline-option-card-options .sb-timeline-plain-button {
    color: ButtonText !important;
    background-color: ButtonFace !important;
    border-width: 1px;
    border-style: solid !important;
    border-color: ButtonText !important; }
    .sb-timeline-option-card-options button svg path, .sb-timeline-option-card-options button p, .sb-timeline-option-card-options button article, .sb-timeline-option-card-options button span, .sb-timeline-option-card-options button li, .sb-timeline-option-card-options button [role="button"], .sb-timeline-option-card-options button [type="radio"], .sb-timeline-option-card-options [role="button"] svg path, .sb-timeline-option-card-options [role="button"] p, .sb-timeline-option-card-options [role="button"] article, .sb-timeline-option-card-options [role="button"] span, .sb-timeline-option-card-options [role="button"] li, .sb-timeline-option-card-options [role="button"] [role="button"], .sb-timeline-option-card-options [role="button"] [type="radio"], .sb-timeline-option-card-options .sb-timeline-plain-button svg path, .sb-timeline-option-card-options .sb-timeline-plain-button p, .sb-timeline-option-card-options .sb-timeline-plain-button article, .sb-timeline-option-card-options .sb-timeline-plain-button span, .sb-timeline-option-card-options .sb-timeline-plain-button li, .sb-timeline-option-card-options .sb-timeline-plain-button [role="button"], .sb-timeline-option-card-options .sb-timeline-plain-button [type="radio"] {
      fill: ButtonText !important;
      color: ButtonText !important; }
    .sb-timeline-option-card-options button:not(:disabled):not([aria-disabled="true"]):hover, .sb-timeline-option-card-options [role="button"]:not(:disabled):not([aria-disabled="true"]):hover, .sb-timeline-option-card-options .sb-timeline-plain-button:not(:disabled):not([aria-disabled="true"]):hover {
      border-width: 1px;
      border-style: solid !important;
      border-color: Highlight !important; }
    .sb-timeline-option-card-options button:not(:disabled):not([aria-disabled="true"]):active, .sb-timeline-option-card-options [role="button"]:not(:disabled):not([aria-disabled="true"]):active, .sb-timeline-option-card-options .sb-timeline-plain-button:not(:disabled):not([aria-disabled="true"]):active {
      background-color: AccentColor !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: HighLight !important;
      outline-width: 2px !important;
      outline-style: solid !important;
      outline-color: ButtonText !important;
      outline-offset: 2px !important; }
    .sb-timeline-option-card-options button:disabled, .sb-timeline-option-card-options button[aria-disabled="true"], .sb-timeline-option-card-options [role="button"]:disabled, .sb-timeline-option-card-options [role="button"][aria-disabled="true"], .sb-timeline-option-card-options .sb-timeline-plain-button:disabled, .sb-timeline-option-card-options .sb-timeline-plain-button[aria-disabled="true"] {
      color: GrayText !important;
      background-color: ButtonFace !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: GrayText !important; }
      .sb-timeline-option-card-options button:disabled svg path, .sb-timeline-option-card-options button[aria-disabled="true"] svg path, .sb-timeline-option-card-options [role="button"]:disabled svg path, .sb-timeline-option-card-options [role="button"][aria-disabled="true"] svg path, .sb-timeline-option-card-options .sb-timeline-plain-button:disabled svg path, .sb-timeline-option-card-options .sb-timeline-plain-button[aria-disabled="true"] svg path {
        fill: GrayText !important; } }

.sb-timeline-option-card-options button:focus-visible, .sb-timeline-option-card-options [role="button"]:focus-visible, .sb-timeline-option-card-options .sb-timeline-plain-button:focus-visible {
  outline: 2px solid #00F;
  outline-offset: 2px; }
  @supports (outline-color: Highlight) {
    .sb-timeline-option-card-options button:focus-visible, .sb-timeline-option-card-options [role="button"]:focus-visible, .sb-timeline-option-card-options .sb-timeline-plain-button:focus-visible {
      outline: 2px auto Highlight; } }
  @supports (outline-color: -webkit-focus-ring-color) {
    .sb-timeline-option-card-options button:focus-visible, .sb-timeline-option-card-options [role="button"]:focus-visible, .sb-timeline-option-card-options .sb-timeline-plain-button:focus-visible {
      outline: 2px auto -webkit-focus-ring-color; } }

.sb-timeline-option-card .sb-timeline-plain-button {
  display: block;
  width: 100%;
  padding: 5px;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.82;
  text-align: center; }
  .sb-timeline-option-card .sb-timeline-plain-button:focus-visible {
    outline: 2px solid #00F;
    outline-offset: 2px; }
    @supports (outline-color: Highlight) {
      .sb-timeline-option-card .sb-timeline-plain-button:focus-visible {
        outline: 2px auto Highlight; } }
    @supports (outline-color: -webkit-focus-ring-color) {
      .sb-timeline-option-card .sb-timeline-plain-button:focus-visible {
        outline: 2px auto -webkit-focus-ring-color; } }

.sb-timeline-suggestion-prompt {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  color: #ffffff;
  opacity: 0.92;
  font-size: 14px;
  line-height: 20px; }
  .sb-timeline-suggestion-prompt-body {
    padding: 5px 0 0 0;
    background: #fff;
    margin: 0; }
  .sb-timeline-suggestion-prompt-options {
    padding-top: 5px;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 15px;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto; }

.sb-timeline-plain-button.sb-timeline-suggestion-prompt-option {
  flex: 0 0 auto;
  padding: 4px 10px;
  text-transform: capitalize;
  font-size: 12px;
  line-height: 16px;
  margin-left: 10px; }
  @media (forced-colors: active) {
    .sb-timeline-plain-button.sb-timeline-suggestion-prompt-option {
      color: ButtonText !important;
      background-color: ButtonFace !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: ButtonText !important; }
      .sb-timeline-plain-button.sb-timeline-suggestion-prompt-option svg path, .sb-timeline-plain-button.sb-timeline-suggestion-prompt-option p, .sb-timeline-plain-button.sb-timeline-suggestion-prompt-option article, .sb-timeline-plain-button.sb-timeline-suggestion-prompt-option span, .sb-timeline-plain-button.sb-timeline-suggestion-prompt-option li, .sb-timeline-plain-button.sb-timeline-suggestion-prompt-option [role="button"], .sb-timeline-plain-button.sb-timeline-suggestion-prompt-option [type="radio"] {
        fill: ButtonText !important;
        color: ButtonText !important; }
      .sb-timeline-plain-button.sb-timeline-suggestion-prompt-option:not(:disabled):not([aria-disabled="true"]):hover {
        border-width: 1px;
        border-style: solid !important;
        border-color: Highlight !important; }
      .sb-timeline-plain-button.sb-timeline-suggestion-prompt-option:not(:disabled):not([aria-disabled="true"]):active {
        background-color: AccentColor !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: HighLight !important;
        outline-width: 2px !important;
        outline-style: solid !important;
        outline-color: ButtonText !important;
        outline-offset: 2px !important; }
      .sb-timeline-plain-button.sb-timeline-suggestion-prompt-option:disabled, .sb-timeline-plain-button.sb-timeline-suggestion-prompt-option[aria-disabled="true"] {
        color: GrayText !important;
        background-color: ButtonFace !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: GrayText !important; }
        .sb-timeline-plain-button.sb-timeline-suggestion-prompt-option:disabled svg path, .sb-timeline-plain-button.sb-timeline-suggestion-prompt-option[aria-disabled="true"] svg path {
          fill: GrayText !important; } }
  .sb-timeline-plain-button.sb-timeline-suggestion-prompt-option:focus-visible {
    outline: 2px solid #00F;
    outline-offset: 2px; }
    @supports (outline-color: Highlight) {
      .sb-timeline-plain-button.sb-timeline-suggestion-prompt-option:focus-visible {
        outline: 2px auto Highlight; } }
    @supports (outline-color: -webkit-focus-ring-color) {
      .sb-timeline-plain-button.sb-timeline-suggestion-prompt-option:focus-visible {
        outline: 2px auto -webkit-focus-ring-color; } }
  .sb-timeline-plain-button.sb-timeline-suggestion-prompt-option:last-child {
    margin-right: 10px; }

.sb-timeline-google-static-map {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  color: #ffffff;
  color: #4a4a4a;
  font-size: 12px;
  padding: 0; }
  .sb-timeline-google-static-map .sb-timeline-content {
    padding: 0; }

.sb-timeline-google-static-map-carousel-wide {
  width: 265px; }

.sb-timeline-google-static-map-carousel-narrow {
  width: 218px; }

.sb-timeline-google-static-map .sb-timeline-paper-header {
  margin-left: 10px; }

.sb-timeline-google-static-map .sb-timeline-paper-title {
  padding: 10px 10px 0 0;
  font-size: 13px;
  justify-content: space-between; }

.sb-timeline-google-static-map .sb-timeline-paper-timestamp {
  color: #ffffff;
  padding: 10px 10px 10px 10px; }

.sb-timeline-google-static-map .sb-timeline-paper-title + .sb-timeline-google-static-map-image {
  border-radius: 0; }

.sb-timeline-google-static-map-image {
  background: #eeeeee;
  height: 200px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.sb-timeline-paper-selectable .sb-timeline-google-static-map-image {
  border-top-right-radius: 0; }

.sb-timeline-google-static-map-image img {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.sb-timeline-google-static-map.sb-timeline-paper-selectable {
  cursor: pointer; }

.sb-timeline-google-static-map:not(.sb-timeline-paper-selectable) {
  border-right: none; }

.sb-timeline-google-static-map-description {
  padding: 10px 10px 10px 10px; }

.sb-timeline-google-static-map-controls {
  display: flex;
  justify-content: space-between;
  align-items: left;
  padding: 8px;
  width: calc(100% - 16px); }
  .sb-timeline-google-static-map-controls span {
    cursor: pointer; }

.sb-timeline-location-prompt-description {
  height: 102px;
  padding: 15px;
  box-sizing: border-box;
  display: flex;
  align-items: center; }
  .sb-timeline-location-prompt-description-text {
    text-align: left;
    line-height: 1.54;
    margin-left: 18px; }

.sb-timeline-location-prompt-icon {
  width: 22px;
  min-width: 22px;
  height: 34px; }

.sb-timeline-location-prompt-controls {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 8px;
  border-top: 1px solid #979797; }
  .sb-timeline-location-prompt-controls .sb-timeline-button-deny-location {
    cursor: pointer;
    border: none;
    color: inherit;
    background-color: transparent; }
    @media (forced-colors: active) {
      .sb-timeline-location-prompt-controls .sb-timeline-button-deny-location {
        color: ButtonText !important;
        background-color: ButtonFace !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: ButtonText !important; }
        .sb-timeline-location-prompt-controls .sb-timeline-button-deny-location svg path, .sb-timeline-location-prompt-controls .sb-timeline-button-deny-location p, .sb-timeline-location-prompt-controls .sb-timeline-button-deny-location article, .sb-timeline-location-prompt-controls .sb-timeline-button-deny-location span, .sb-timeline-location-prompt-controls .sb-timeline-button-deny-location li, .sb-timeline-location-prompt-controls .sb-timeline-button-deny-location [role="button"], .sb-timeline-location-prompt-controls .sb-timeline-button-deny-location [type="radio"] {
          fill: ButtonText !important;
          color: ButtonText !important; }
        .sb-timeline-location-prompt-controls .sb-timeline-button-deny-location:not(:disabled):not([aria-disabled="true"]):hover {
          border-width: 1px;
          border-style: solid !important;
          border-color: Highlight !important; }
        .sb-timeline-location-prompt-controls .sb-timeline-button-deny-location:not(:disabled):not([aria-disabled="true"]):active {
          background-color: AccentColor !important;
          border-width: 1px;
          border-style: solid !important;
          border-color: HighLight !important;
          outline-width: 2px !important;
          outline-style: solid !important;
          outline-color: ButtonText !important;
          outline-offset: 2px !important; }
        .sb-timeline-location-prompt-controls .sb-timeline-button-deny-location:disabled, .sb-timeline-location-prompt-controls .sb-timeline-button-deny-location[aria-disabled="true"] {
          color: GrayText !important;
          background-color: ButtonFace !important;
          border-width: 1px;
          border-style: solid !important;
          border-color: GrayText !important; }
          .sb-timeline-location-prompt-controls .sb-timeline-button-deny-location:disabled svg path, .sb-timeline-location-prompt-controls .sb-timeline-button-deny-location[aria-disabled="true"] svg path {
            fill: GrayText !important; } }

@media (forced-colors: active) {
  .sb-timeline-button-prompt-paper .sb-timeline-paper.sb-timeline-paper-button {
    color: ButtonText !important;
    background-color: ButtonFace !important;
    border-width: 1px;
    border-style: solid !important;
    border-color: ButtonText !important; }
    .sb-timeline-button-prompt-paper .sb-timeline-paper.sb-timeline-paper-button svg path, .sb-timeline-button-prompt-paper .sb-timeline-paper.sb-timeline-paper-button p, .sb-timeline-button-prompt-paper .sb-timeline-paper.sb-timeline-paper-button article, .sb-timeline-button-prompt-paper .sb-timeline-paper.sb-timeline-paper-button span, .sb-timeline-button-prompt-paper .sb-timeline-paper.sb-timeline-paper-button li, .sb-timeline-button-prompt-paper .sb-timeline-paper.sb-timeline-paper-button [role="button"], .sb-timeline-button-prompt-paper .sb-timeline-paper.sb-timeline-paper-button [type="radio"] {
      fill: ButtonText !important;
      color: ButtonText !important; }
    .sb-timeline-button-prompt-paper .sb-timeline-paper.sb-timeline-paper-button:not(:disabled):not([aria-disabled="true"]):hover {
      border-width: 1px;
      border-style: solid !important;
      border-color: Highlight !important; }
    .sb-timeline-button-prompt-paper .sb-timeline-paper.sb-timeline-paper-button:not(:disabled):not([aria-disabled="true"]):active {
      background-color: AccentColor !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: HighLight !important;
      outline-width: 2px !important;
      outline-style: solid !important;
      outline-color: ButtonText !important;
      outline-offset: 2px !important; }
    .sb-timeline-button-prompt-paper .sb-timeline-paper.sb-timeline-paper-button:disabled, .sb-timeline-button-prompt-paper .sb-timeline-paper.sb-timeline-paper-button[aria-disabled="true"] {
      color: GrayText !important;
      background-color: ButtonFace !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: GrayText !important; }
      .sb-timeline-button-prompt-paper .sb-timeline-paper.sb-timeline-paper-button:disabled svg path, .sb-timeline-button-prompt-paper .sb-timeline-paper.sb-timeline-paper-button[aria-disabled="true"] svg path {
        fill: GrayText !important; } }

@media (forced-colors: active) {
  .sb-timeline-button-prompt-paper .sb-timeline-paper.sb-timeline-paper-button .sb-timeline-plain-button:focus-visible {
    outline: 2px solid #00F;
    outline-offset: 2px; }
    @supports (outline-color: Highlight) {
      .sb-timeline-button-prompt-paper .sb-timeline-paper.sb-timeline-paper-button .sb-timeline-plain-button:focus-visible {
        outline: 2px auto Highlight; } }
    @supports (outline-color: -webkit-focus-ring-color) {
      .sb-timeline-button-prompt-paper .sb-timeline-paper.sb-timeline-paper-button .sb-timeline-plain-button:focus-visible {
        outline: 2px auto -webkit-focus-ring-color; } }
  .sb-timeline-button-prompt-paper .sb-timeline-paper.sb-timeline-paper-button .sb-timeline-plain-button, .sb-timeline-button-prompt-paper .sb-timeline-paper.sb-timeline-paper-button .sb-timeline-content {
    border-radius: inherit !important; } }

.sb-timeline-button-prompt-paper-hidden {
  display: none; }

.sb-timeline-button-prompt-paper-selected .sb-timeline-content {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; }

.sb-timeline-button-prompt {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  color: #ffffff;
  width: 100%; }
  .sb-timeline-button-prompt.sb-timeline-plain-button {
    padding: 10px 10px 10px 10px; }
  .sb-timeline-button-prompt.sb-timeline-detailview-button {
    padding: 20px 10px 20px 10px; }
  .sb-timeline-button-prompt-icon {
    display: inline-flex;
    vertical-align: middle;
    margin-left: 10px; }

.sb-timeline-button-prompt-container {
  display: flex;
  width: 287px; }
  .sb-timeline-button-prompt-container.sb-timeline-button-prompt-container-inline {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start; }
    .sb-timeline-button-prompt-container.sb-timeline-button-prompt-container-inline .sb-timeline-paper {
      width: auto; }
  .sb-timeline-button-prompt-container.sb-timeline-button-prompt-container-column {
    flex-direction: column;
    justify-content: center; }
  .sb-timeline-button-prompt-container.sb-timeline-button-prompt-container-two-column {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between; }

.sb-fileitem-attachment-file {
  padding: 10px 10px 10px 10px; }

.sb-fileitem-attachment-file-name {
  padding: 5px 10px 5px 0px;
  width: 100%;
  text-align: left; }

.sb-fileitem-attachment-file a {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  color: #ffffff;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-weight: 400;
  text-decoration: none; }

.sb-fileitem-attachment-file a,
.sb-fileitem-attachment-file a:visited,
.sb-fileitem-attachment-file a:active {
  color: #0392CF; }

.sb-fileitem-attachment-file-icon {
  margin-right: 5px; }

.sb-fileitem-attachment-file-name {
  word-break: break-word; }

.sb-fileitem-out a,
.sb-fileitem-out a:visited,
.sb-fileitem-out a:active {
  color: #fff; }

.sb-timeline-long-form {
  display: flex;
  justify-content: space-between;
  height: 153px;
  animation: fadeout 1s;
  flex-direction: column;
  position: fixed;
  bottom: -211px;
  left: 0;
  right: 0;
  z-index: 10;
  padding: 17px 23px;
  box-sizing: border-box;
  /* IOS 10.x/11.x fix for zoom in on inputs; */ }
  .sb-timeline-long-form textarea,
  .sb-timeline-long-form input {
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 1.45;
    border: none;
    padding: 0;
    margin: 0;
    resize: none;
    background: transparent; }
    .sb-timeline-long-form textarea:focus,
    .sb-timeline-long-form input:focus {
      outline: none; }
    .sb-timeline-long-form textarea::placeholder,
    .sb-timeline-long-form input::placeholder {
      color: var(--placeholder-color);
      opacity: 1;
      font-style: italic; }
    @media (forced-colors: active) {
      .sb-timeline-long-form textarea,
      .sb-timeline-long-form input {
        color: FieldText  !important;
        background-color: Field !important;
        opacity: 1 !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: ButtonText !important; }
        .sb-timeline-long-form textarea:focus,
        .sb-timeline-long-form input:focus {
          border-width: 1px;
          border-style: solid !important;
          border-color: Highlight !important; }
        .sb-timeline-long-form textarea svg path,
        .sb-timeline-long-form input svg path {
          fill: FieldText !important; }
        .sb-timeline-long-form textarea:disabled, .sb-timeline-long-form textarea[readonly], .sb-timeline-long-form textarea[aria-disabled="true"],
        .sb-timeline-long-form input:disabled,
        .sb-timeline-long-form input[readonly],
        .sb-timeline-long-form input[aria-disabled="true"] {
          color: GrayText !important;
          background-color: ButtonFace !important;
          border-width: 1px;
          border-style: solid !important;
          border-color: GrayText !important; }
          .sb-timeline-long-form textarea:disabled svg path, .sb-timeline-long-form textarea[readonly] svg path, .sb-timeline-long-form textarea[aria-disabled="true"] svg path,
          .sb-timeline-long-form input:disabled svg path,
          .sb-timeline-long-form input[readonly] svg path,
          .sb-timeline-long-form input[aria-disabled="true"] svg path {
            fill: GrayText !important; } }
  @media only screen and (max-width: 768px) {
    .sb-timeline-long-form textarea {
      font-size: 16px; } }
  .sb-timeline-long-form-buttons {
    display: flex;
    justify-content: space-between; }
  .sb-timeline-long-form-button {
    font-size: 16px;
    letter-spacing: 0.2px;
    margin-top: 10px;
    padding: 3px; }
    @media (forced-colors: active) {
      .sb-timeline-long-form-button {
        color: ButtonText !important;
        background-color: ButtonFace !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: ButtonText !important; }
        .sb-timeline-long-form-button svg path, .sb-timeline-long-form-button p, .sb-timeline-long-form-button article, .sb-timeline-long-form-button span, .sb-timeline-long-form-button li, .sb-timeline-long-form-button [role="button"], .sb-timeline-long-form-button [type="radio"] {
          fill: ButtonText !important;
          color: ButtonText !important; }
        .sb-timeline-long-form-button:not(:disabled):not([aria-disabled="true"]):hover {
          border-width: 1px;
          border-style: solid !important;
          border-color: Highlight !important; }
        .sb-timeline-long-form-button:not(:disabled):not([aria-disabled="true"]):active {
          background-color: AccentColor !important;
          border-width: 1px;
          border-style: solid !important;
          border-color: HighLight !important;
          outline-width: 2px !important;
          outline-style: solid !important;
          outline-color: ButtonText !important;
          outline-offset: 2px !important; }
        .sb-timeline-long-form-button:disabled, .sb-timeline-long-form-button[aria-disabled="true"] {
          color: GrayText !important;
          background-color: ButtonFace !important;
          border-width: 1px;
          border-style: solid !important;
          border-color: GrayText !important; }
          .sb-timeline-long-form-button:disabled svg path, .sb-timeline-long-form-button[aria-disabled="true"] svg path {
            fill: GrayText !important; } }
    @media (forced-colors: active) {
      .sb-timeline-long-form-button {
        border-radius: 4px; } }

.fade-in {
  bottom: 0px;
  animation: fadein 1s; }

.read-only {
  animation: none;
  position: static; }

@keyframes fadein {
  from {
    bottom: -211px;
    transform: matrix(1, 0, 0, 1, 0, 15); }
  to {
    bottom: 0px;
    transform: matrix(1, 0, 0, 1, 0, 0); } }

@keyframes fadeout {
  from {
    bottom: 0px;
    transform: matrix(1, 0, 0, 1, 0, 15); }
  to {
    bottom: -211px;
    transform: matrix(1, 0, 0, 1, 0, 0); } }

.sb-timeline-text-msg .sb-timeline-content {
  text-align: left; }

.sb-timeline-text-msg .sb-timeline-text-msg-paragraph {
  margin: 0;
  line-height: 20px;
  overflow-wrap: break-word;
  text-align: left; }

.sb-timeline-file-preview-uploading {
  display: flex;
  justify-content: center; }
  .sb-timeline-file-preview-uploading-text {
    padding-left: 10px; }
    .sb-timeline-file-preview-uploading-text-error {
      padding-left: 10px;
      color: red; }

.sb-timeline-file-preview-button-wrapper {
  display: flex;
  flex-direction: column;
  padding: 17px 26px 25px 30px; }

.sb-timeline-file-preview-text {
  display: block;
  font-size: 11px;
  padding: 18px 0 9px 0; }

.sb-timeline-file-preview-image {
  max-width: 100%;
  height: auto;
  width: auto;
  margin-bottom: 10px; }

.sb-timeline-file-preview-image-wrapper {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center; }

.sb-timeline-plain-button.sb-timeline-file-preview-button {
  height: 40px;
  border-radius: 4px; }

.sb-timeline-plain-button.sb-timeline-file-preview-button-secondary {
  height: 36px;
  margin-bottom: 10px; }

.sb-timeline-file-confirmation {
  display: flex;
  flex-direction: column;
  border-bottom-right-radius: 6px; }
  .sb-timeline-file-confirmation-image-wrapper {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    margin-top: 10px; }
  .sb-timeline-file-confirmation-image {
    max-width: 100%;
    height: auto;
    width: auto; }
  .sb-timeline-file-confirmation-message {
    display: flex;
    justify-content: center;
    height: 30px;
    align-items: center;
    margin: 5px 0;
    border-bottom-right-radius: 6px; }

.sb-timeline-file-upload-selection {
  background-color: #fff;
  padding: 23px 18px; }
  .sb-timeline-file-upload-selection-items {
    display: flex; }
  .sb-timeline-file-upload-selection-button {
    color: #0292CF; }

.sb-timeline-paper-wrapper .sb-timeline-content {
  padding: 0;
  text-align: center; }

.sb-timeline-paper.sb-timeline-file-upload {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  border-bottom-right-radius: 6px;
  overflow: hidden; }

.sb-timeline-paper.sb-timeline-file-upload-not-selectable {
  border-right: 0; }
  .sb-timeline-paper.sb-timeline-file-upload-not-selectable .sb-timeline-paper-header {
    padding-left: 10px; }

.sb-timeline-paper .sb-timeline-paper-header {
  padding-bottom: 10px; }

.sb-timeline-plain-button.sb-timeline-file-upload-button-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px 15px 10px 10px; }

.sb-timeline-plain-button.sb-timeline-file-upload-flat-button {
  margin-top: 18px; }

.sb-timeline-file-upload-label {
  margin: 0 10px; }

.sb-timeline-web-view {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  margin-bottom: 0; }
  .sb-timeline-web-view-wrapper {
    display: inline-block;
    margin-bottom: 16px; }
  .sb-timeline-web-view-disabled {
    pointer-events: none; }
  .sb-timeline-web-view .sb-timeline-paper-title {
    line-height: 20px; }
  .sb-timeline-web-view.rtl .sb-timeline-paper-icon {
    order: -1; }
  @media (forced-colors: active) {
    .sb-timeline-web-view .sb-timeline-paper.sb-timeline-paper-selectable:not(.sb-timeline-web-view-disabled) {
      color: ButtonText !important;
      background-color: ButtonFace !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: ButtonText !important; }
      .sb-timeline-web-view .sb-timeline-paper.sb-timeline-paper-selectable:not(.sb-timeline-web-view-disabled) svg path, .sb-timeline-web-view .sb-timeline-paper.sb-timeline-paper-selectable:not(.sb-timeline-web-view-disabled) p, .sb-timeline-web-view .sb-timeline-paper.sb-timeline-paper-selectable:not(.sb-timeline-web-view-disabled) article, .sb-timeline-web-view .sb-timeline-paper.sb-timeline-paper-selectable:not(.sb-timeline-web-view-disabled) span, .sb-timeline-web-view .sb-timeline-paper.sb-timeline-paper-selectable:not(.sb-timeline-web-view-disabled) li, .sb-timeline-web-view .sb-timeline-paper.sb-timeline-paper-selectable:not(.sb-timeline-web-view-disabled) [role="button"], .sb-timeline-web-view .sb-timeline-paper.sb-timeline-paper-selectable:not(.sb-timeline-web-view-disabled) [type="radio"] {
        fill: ButtonText !important;
        color: ButtonText !important; }
      .sb-timeline-web-view .sb-timeline-paper.sb-timeline-paper-selectable:not(.sb-timeline-web-view-disabled):not(:disabled):not([aria-disabled="true"]):hover {
        border-width: 1px;
        border-style: solid !important;
        border-color: Highlight !important; }
      .sb-timeline-web-view .sb-timeline-paper.sb-timeline-paper-selectable:not(.sb-timeline-web-view-disabled):not(:disabled):not([aria-disabled="true"]):active {
        background-color: AccentColor !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: HighLight !important;
        outline-width: 2px !important;
        outline-style: solid !important;
        outline-color: ButtonText !important;
        outline-offset: 2px !important; }
      .sb-timeline-web-view .sb-timeline-paper.sb-timeline-paper-selectable:not(.sb-timeline-web-view-disabled):disabled, .sb-timeline-web-view .sb-timeline-paper.sb-timeline-paper-selectable:not(.sb-timeline-web-view-disabled)[aria-disabled="true"] {
        color: GrayText !important;
        background-color: ButtonFace !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: GrayText !important; }
        .sb-timeline-web-view .sb-timeline-paper.sb-timeline-paper-selectable:not(.sb-timeline-web-view-disabled):disabled svg path, .sb-timeline-web-view .sb-timeline-paper.sb-timeline-paper-selectable:not(.sb-timeline-web-view-disabled)[aria-disabled="true"] svg path {
          fill: GrayText !important; } }
  @media (forced-colors: active) {
    .sb-timeline-web-view .sb-timeline-paper.sb-timeline-paper-selectable {
      color: CanvasText !important;
      background-color: Canvas !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: CanvasText !important; }
      .sb-timeline-web-view .sb-timeline-paper.sb-timeline-paper-selectable svg path {
        fill: CanvasText !important; } }

.sb-timeline-horizontal-carousel-container {
  padding: 0;
  background-color: #ffffff;
  overflow: hidden;
  position: relative; }
  .sb-timeline-horizontal-carousel-container--touch {
    display: inline-block; }
  .sb-timeline-horizontal-carousel-container:hover .sb-timeline-horizontal-carousel-left-button,
  .sb-timeline-horizontal-carousel-container:hover .sb-timeline-horizontal-carousel-right-button, .sb-timeline-horizontal-carousel-container:focus .sb-timeline-horizontal-carousel-left-button,
  .sb-timeline-horizontal-carousel-container:focus .sb-timeline-horizontal-carousel-right-button {
    display: block; }
  @media (forced-colors: active) {
    .sb-timeline-horizontal-carousel-container {
      border-top: 1px solid CanvasText; } }

.sb-timeline-horizontal-carousel, .sb-timeline-horizontal-carousel--no-transition {
  margin: 0;
  padding: 5px 0;
  list-style: none;
  display: flex;
  transition: transform 200ms ease; }
  .sb-timeline-horizontal-carousel--no-transition {
    transition: none; }
  .sb-timeline-horizontal-carousel-item {
    color: #3392cf;
    font-size: 12px;
    padding: 0 5px;
    padding-bottom: 10px; }
    .sb-timeline-horizontal-carousel-item-selectable {
      cursor: pointer; }
      @media (forced-colors: active) {
        .sb-timeline-horizontal-carousel-item-selectable {
          color: ButtonText !important;
          background-color: ButtonFace !important;
          border-width: 1px;
          border-style: solid !important;
          border-color: ButtonText !important; }
          .sb-timeline-horizontal-carousel-item-selectable svg path, .sb-timeline-horizontal-carousel-item-selectable p, .sb-timeline-horizontal-carousel-item-selectable article, .sb-timeline-horizontal-carousel-item-selectable span, .sb-timeline-horizontal-carousel-item-selectable li, .sb-timeline-horizontal-carousel-item-selectable [role="button"], .sb-timeline-horizontal-carousel-item-selectable [type="radio"] {
            fill: ButtonText !important;
            color: ButtonText !important; }
          .sb-timeline-horizontal-carousel-item-selectable:not(:disabled):not([aria-disabled="true"]):hover {
            border-width: 1px;
            border-style: solid !important;
            border-color: Highlight !important; }
          .sb-timeline-horizontal-carousel-item-selectable:not(:disabled):not([aria-disabled="true"]):active {
            background-color: AccentColor !important;
            border-width: 1px;
            border-style: solid !important;
            border-color: HighLight !important;
            outline-width: 2px !important;
            outline-style: solid !important;
            outline-color: ButtonText !important;
            outline-offset: 2px !important; }
          .sb-timeline-horizontal-carousel-item-selectable:disabled, .sb-timeline-horizontal-carousel-item-selectable[aria-disabled="true"] {
            color: GrayText !important;
            background-color: ButtonFace !important;
            border-width: 1px;
            border-style: solid !important;
            border-color: GrayText !important; }
            .sb-timeline-horizontal-carousel-item-selectable:disabled svg path, .sb-timeline-horizontal-carousel-item-selectable[aria-disabled="true"] svg path {
              fill: GrayText !important; } }
    .sb-timeline-horizontal-carousel-item--touch:first-child {
      margin-left: 20px; }
    .sb-timeline-horizontal-carousel-item--touch:last-child {
      margin-right: 20px; }
  .sb-timeline-horizontal-carousel-image {
    margin-bottom: 3px;
    width: 60px;
    height: 60px;
    overflow: hidden; }
  .sb-timeline-horizontal-carousel-left-button, .sb-timeline-horizontal-carousel-right-button {
    position: absolute;
    z-index: 10;
    top: 0;
    display: none;
    height: 100%;
    width: auto; }
    @media (forced-colors: active) {
      .sb-timeline-horizontal-carousel-left-button, .sb-timeline-horizontal-carousel-right-button {
        color: ButtonText !important;
        background-color: ButtonFace !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: ButtonText !important; }
        .sb-timeline-horizontal-carousel-left-button svg path, .sb-timeline-horizontal-carousel-left-button p, .sb-timeline-horizontal-carousel-left-button article, .sb-timeline-horizontal-carousel-left-button span, .sb-timeline-horizontal-carousel-left-button li, .sb-timeline-horizontal-carousel-left-button [role="button"], .sb-timeline-horizontal-carousel-left-button [type="radio"], .sb-timeline-horizontal-carousel-right-button svg path, .sb-timeline-horizontal-carousel-right-button p, .sb-timeline-horizontal-carousel-right-button article, .sb-timeline-horizontal-carousel-right-button span, .sb-timeline-horizontal-carousel-right-button li, .sb-timeline-horizontal-carousel-right-button [role="button"], .sb-timeline-horizontal-carousel-right-button [type="radio"] {
          fill: ButtonText !important;
          color: ButtonText !important; }
        .sb-timeline-horizontal-carousel-left-button:not(:disabled):not([aria-disabled="true"]):hover, .sb-timeline-horizontal-carousel-right-button:not(:disabled):not([aria-disabled="true"]):hover {
          border-width: 1px;
          border-style: solid !important;
          border-color: Highlight !important; }
        .sb-timeline-horizontal-carousel-left-button:not(:disabled):not([aria-disabled="true"]):active, .sb-timeline-horizontal-carousel-right-button:not(:disabled):not([aria-disabled="true"]):active {
          background-color: AccentColor !important;
          border-width: 1px;
          border-style: solid !important;
          border-color: HighLight !important;
          outline-width: 2px !important;
          outline-style: solid !important;
          outline-color: ButtonText !important;
          outline-offset: 2px !important; }
        .sb-timeline-horizontal-carousel-left-button:disabled, .sb-timeline-horizontal-carousel-left-button[aria-disabled="true"], .sb-timeline-horizontal-carousel-right-button:disabled, .sb-timeline-horizontal-carousel-right-button[aria-disabled="true"] {
          color: GrayText !important;
          background-color: ButtonFace !important;
          border-width: 1px;
          border-style: solid !important;
          border-color: GrayText !important; }
          .sb-timeline-horizontal-carousel-left-button:disabled svg path, .sb-timeline-horizontal-carousel-left-button[aria-disabled="true"] svg path, .sb-timeline-horizontal-carousel-right-button:disabled svg path, .sb-timeline-horizontal-carousel-right-button[aria-disabled="true"] svg path {
            fill: GrayText !important; } }
    .sb-timeline-horizontal-carousel-left-button:focus-visible, .sb-timeline-horizontal-carousel-right-button:focus-visible {
      outline: 2px solid #00F;
      outline-offset: 2px; }
      @supports (outline-color: Highlight) {
        .sb-timeline-horizontal-carousel-left-button:focus-visible, .sb-timeline-horizontal-carousel-right-button:focus-visible {
          outline: 2px auto Highlight; } }
      @supports (outline-color: -webkit-focus-ring-color) {
        .sb-timeline-horizontal-carousel-left-button:focus-visible, .sb-timeline-horizontal-carousel-right-button:focus-visible {
          outline: 2px auto -webkit-focus-ring-color; } }

.sb-timeline-horizontal-carousel-left-button svg {
  margin-left: -1px; }

.sb-timeline-horizontal-carousel-right-button svg {
  margin-right: -1px; }

.sb-timeline-horizontal-carousel-left-button {
  left: -1px; }

.sb-timeline-horizontal-carousel-right-button {
  right: -1px; }

.sb-timeline-large-horizontal-carousel-container {
  padding: 0;
  position: relative; }
  .sb-timeline-large-horizontal-carousel-container--touch {
    display: inline-block; }

.sb-timeline-large-horizontal-carousel-container-with-avatar {
  padding: 0;
  position: relative; }
  .sb-timeline-large-horizontal-carousel-container-with-avatar--touch {
    display: inline-block; }
  .sb-timeline-large-horizontal-carousel-container-with-avatar:hover .sb-timeline-large-horizontal-carousel-left-button,
  .sb-timeline-large-horizontal-carousel-container-with-avatar:hover .sb-timeline-large-horizontal-carousel-right-button, .sb-timeline-large-horizontal-carousel-container-with-avatar:focus .sb-timeline-large-horizontal-carousel-left-button,
  .sb-timeline-large-horizontal-carousel-container-with-avatar:focus .sb-timeline-large-horizontal-carousel-right-button {
    display: block; }

.sb-timeline-large-horizontal-carousel, .sb-timeline-large-horizontal-carousel--no-transition {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  transition: transform 200ms ease; }
  .sb-timeline-large-horizontal-carousel--no-transition {
    transition: none; }

.sb-timeline-large-horizontal-carousel-item {
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  color: #3392cf;
  padding-bottom: 10px;
  padding-bottom: 0;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-right: 11px; }
  .sb-timeline-large-horizontal-carousel-item--touch:first-child {
    margin-left: 20px; }
  .sb-timeline-large-horizontal-carousel-item--touch:last-child {
    margin-right: 20px; }
  @media (forced-colors: active) {
    .sb-timeline-large-horizontal-carousel-item {
      color: CanvasText !important;
      background-color: Canvas !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: CanvasText !important; }
      .sb-timeline-large-horizontal-carousel-item svg path {
        fill: CanvasText !important; } }
  @media (forced-colors: active) {
    .sb-timeline-large-horizontal-carousel-item-selectable {
      color: CanvasText !important;
      background-color: Canvas !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: CanvasText !important; }
      .sb-timeline-large-horizontal-carousel-item-selectable svg path {
        fill: CanvasText !important; } }
  @media (forced-colors: active) {
    .sb-timeline-large-horizontal-carousel-item-selectable:not(:has(> .sb-timeline-large-horizontal-carousel-options)) {
      color: ButtonText !important;
      background-color: ButtonFace !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: ButtonText !important; }
      .sb-timeline-large-horizontal-carousel-item-selectable:not(:has(> .sb-timeline-large-horizontal-carousel-options)) svg path, .sb-timeline-large-horizontal-carousel-item-selectable:not(:has(> .sb-timeline-large-horizontal-carousel-options)) p, .sb-timeline-large-horizontal-carousel-item-selectable:not(:has(> .sb-timeline-large-horizontal-carousel-options)) article, .sb-timeline-large-horizontal-carousel-item-selectable:not(:has(> .sb-timeline-large-horizontal-carousel-options)) span, .sb-timeline-large-horizontal-carousel-item-selectable:not(:has(> .sb-timeline-large-horizontal-carousel-options)) li, .sb-timeline-large-horizontal-carousel-item-selectable:not(:has(> .sb-timeline-large-horizontal-carousel-options)) [role="button"], .sb-timeline-large-horizontal-carousel-item-selectable:not(:has(> .sb-timeline-large-horizontal-carousel-options)) [type="radio"] {
        fill: ButtonText !important;
        color: ButtonText !important; }
      .sb-timeline-large-horizontal-carousel-item-selectable:not(:has(> .sb-timeline-large-horizontal-carousel-options)):not(:disabled):not([aria-disabled="true"]):hover {
        border-width: 1px;
        border-style: solid !important;
        border-color: Highlight !important; }
      .sb-timeline-large-horizontal-carousel-item-selectable:not(:has(> .sb-timeline-large-horizontal-carousel-options)):not(:disabled):not([aria-disabled="true"]):active {
        background-color: AccentColor !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: HighLight !important;
        outline-width: 2px !important;
        outline-style: solid !important;
        outline-color: ButtonText !important;
        outline-offset: 2px !important; }
      .sb-timeline-large-horizontal-carousel-item-selectable:not(:has(> .sb-timeline-large-horizontal-carousel-options)):disabled, .sb-timeline-large-horizontal-carousel-item-selectable:not(:has(> .sb-timeline-large-horizontal-carousel-options))[aria-disabled="true"] {
        color: GrayText !important;
        background-color: ButtonFace !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: GrayText !important; }
        .sb-timeline-large-horizontal-carousel-item-selectable:not(:has(> .sb-timeline-large-horizontal-carousel-options)):disabled svg path, .sb-timeline-large-horizontal-carousel-item-selectable:not(:has(> .sb-timeline-large-horizontal-carousel-options))[aria-disabled="true"] svg path {
          fill: GrayText !important; } }

.sb-timeline-large-horizontal-carousel-item-overlay {
  position: absolute;
  width: 200px;
  height: 100%;
  background-color: gray;
  opacity: .4; }

.sb-timeline-large-horizontal-carousel-content {
  flex-grow: 1; }
  .sb-timeline-large-horizontal-carousel-content--selected {
    border-bottom-right-radius: 5px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px; }

.rtl .sb-timeline-large-horizontal-carousel-item:first-child {
  margin-right: 0; }

.rtl li.sb-timeline-large-horizontal-carousel-item--touch:first-child {
  margin-right: -20px;
  margin-left: 0; }

.rtl li.sb-timeline-large-horizontal-carousel-item--touch:last-child {
  margin-left: 20px;
  margin-right: 10px; }

.sb-timeline-large-horizontal-carousel-image {
  width: 200px;
  max-height: 150px;
  overflow: hidden; }
  .sb-timeline-large-horizontal-carousel-image--selected {
    width: 285px;
    max-height: 150px;
    overflow: hidden; }

.sb-timeline-large-horizontal-carousel-title {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  color: #ffffff;
  font-weight: bold;
  font-size: 12px;
  color: #3392cf;
  padding-bottom: 2px; }

.sb-timeline-large-horizontal-carousel-subtitle {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  color: #ffffff;
  color: #4a4a4a;
  font-size: 10px; }

.sb-timeline-large-horizontal-carousel-text-wrapper {
  display: flex;
  flex-direction: column;
  padding: 10px 10px 8px 10px; }

.sb-timeline-large-horizontal-carousel-text-wrapper--selected {
  display: flex;
  flex-direction: row;
  padding: 10px 10px 8px 10px; }

.sb-timeline-large-horizontal-carousel-image img {
  margin: 0 auto;
  display: block;
  max-width: 100%; }

.sb-timeline-large-horizontal-carousel-left-button,
.sb-timeline-large-horizontal-carousel-right-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  height: auto;
  display: none;
  width: auto; }
  .sb-timeline-large-horizontal-carousel-left-button:focus-visible,
  .sb-timeline-large-horizontal-carousel-right-button:focus-visible {
    outline: 2px solid #00F;
    outline-offset: 2px; }
    @supports (outline-color: Highlight) {
      .sb-timeline-large-horizontal-carousel-left-button:focus-visible,
      .sb-timeline-large-horizontal-carousel-right-button:focus-visible {
        outline: 2px auto Highlight; } }
    @supports (outline-color: -webkit-focus-ring-color) {
      .sb-timeline-large-horizontal-carousel-left-button:focus-visible,
      .sb-timeline-large-horizontal-carousel-right-button:focus-visible {
        outline: 2px auto -webkit-focus-ring-color; } }
  @media (forced-colors: active) {
    .sb-timeline-large-horizontal-carousel-left-button,
    .sb-timeline-large-horizontal-carousel-right-button {
      color: ButtonText !important;
      background-color: ButtonFace !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: ButtonText !important; }
      .sb-timeline-large-horizontal-carousel-left-button svg path, .sb-timeline-large-horizontal-carousel-left-button p, .sb-timeline-large-horizontal-carousel-left-button article, .sb-timeline-large-horizontal-carousel-left-button span, .sb-timeline-large-horizontal-carousel-left-button li, .sb-timeline-large-horizontal-carousel-left-button [role="button"], .sb-timeline-large-horizontal-carousel-left-button [type="radio"],
      .sb-timeline-large-horizontal-carousel-right-button svg path,
      .sb-timeline-large-horizontal-carousel-right-button p,
      .sb-timeline-large-horizontal-carousel-right-button article,
      .sb-timeline-large-horizontal-carousel-right-button span,
      .sb-timeline-large-horizontal-carousel-right-button li,
      .sb-timeline-large-horizontal-carousel-right-button [role="button"],
      .sb-timeline-large-horizontal-carousel-right-button [type="radio"] {
        fill: ButtonText !important;
        color: ButtonText !important; }
      .sb-timeline-large-horizontal-carousel-left-button:not(:disabled):not([aria-disabled="true"]):hover,
      .sb-timeline-large-horizontal-carousel-right-button:not(:disabled):not([aria-disabled="true"]):hover {
        border-width: 1px;
        border-style: solid !important;
        border-color: Highlight !important; }
      .sb-timeline-large-horizontal-carousel-left-button:not(:disabled):not([aria-disabled="true"]):active,
      .sb-timeline-large-horizontal-carousel-right-button:not(:disabled):not([aria-disabled="true"]):active {
        background-color: AccentColor !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: HighLight !important;
        outline-width: 2px !important;
        outline-style: solid !important;
        outline-color: ButtonText !important;
        outline-offset: 2px !important; }
      .sb-timeline-large-horizontal-carousel-left-button:disabled, .sb-timeline-large-horizontal-carousel-left-button[aria-disabled="true"],
      .sb-timeline-large-horizontal-carousel-right-button:disabled,
      .sb-timeline-large-horizontal-carousel-right-button[aria-disabled="true"] {
        color: GrayText !important;
        background-color: ButtonFace !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: GrayText !important; }
        .sb-timeline-large-horizontal-carousel-left-button:disabled svg path, .sb-timeline-large-horizontal-carousel-left-button[aria-disabled="true"] svg path,
        .sb-timeline-large-horizontal-carousel-right-button:disabled svg path,
        .sb-timeline-large-horizontal-carousel-right-button[aria-disabled="true"] svg path {
          fill: GrayText !important; } }

.sb-timeline-large-horizontal-carousel-container:hover .sb-timeline-large-horizontal-carousel-left-button,
.sb-timeline-large-horizontal-carousel-container:hover .sb-timeline-large-horizontal-carousel-right-button {
  display: block; }
  @media (forced-colors: active) {
    .sb-timeline-large-horizontal-carousel-container:hover .sb-timeline-large-horizontal-carousel-left-button,
    .sb-timeline-large-horizontal-carousel-container:hover .sb-timeline-large-horizontal-carousel-right-button {
      color: ButtonText !important;
      background-color: ButtonFace !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: ButtonText !important; }
      .sb-timeline-large-horizontal-carousel-container:hover .sb-timeline-large-horizontal-carousel-left-button svg path, .sb-timeline-large-horizontal-carousel-container:hover .sb-timeline-large-horizontal-carousel-left-button p, .sb-timeline-large-horizontal-carousel-container:hover .sb-timeline-large-horizontal-carousel-left-button article, .sb-timeline-large-horizontal-carousel-container:hover .sb-timeline-large-horizontal-carousel-left-button span, .sb-timeline-large-horizontal-carousel-container:hover .sb-timeline-large-horizontal-carousel-left-button li, .sb-timeline-large-horizontal-carousel-container:hover .sb-timeline-large-horizontal-carousel-left-button [role="button"], .sb-timeline-large-horizontal-carousel-container:hover .sb-timeline-large-horizontal-carousel-left-button [type="radio"],
      .sb-timeline-large-horizontal-carousel-container:hover .sb-timeline-large-horizontal-carousel-right-button svg path,
      .sb-timeline-large-horizontal-carousel-container:hover .sb-timeline-large-horizontal-carousel-right-button p,
      .sb-timeline-large-horizontal-carousel-container:hover .sb-timeline-large-horizontal-carousel-right-button article,
      .sb-timeline-large-horizontal-carousel-container:hover .sb-timeline-large-horizontal-carousel-right-button span,
      .sb-timeline-large-horizontal-carousel-container:hover .sb-timeline-large-horizontal-carousel-right-button li,
      .sb-timeline-large-horizontal-carousel-container:hover .sb-timeline-large-horizontal-carousel-right-button [role="button"],
      .sb-timeline-large-horizontal-carousel-container:hover .sb-timeline-large-horizontal-carousel-right-button [type="radio"] {
        fill: ButtonText !important;
        color: ButtonText !important; }
      .sb-timeline-large-horizontal-carousel-container:hover .sb-timeline-large-horizontal-carousel-left-button:not(:disabled):not([aria-disabled="true"]):hover,
      .sb-timeline-large-horizontal-carousel-container:hover .sb-timeline-large-horizontal-carousel-right-button:not(:disabled):not([aria-disabled="true"]):hover {
        border-width: 1px;
        border-style: solid !important;
        border-color: Highlight !important; }
      .sb-timeline-large-horizontal-carousel-container:hover .sb-timeline-large-horizontal-carousel-left-button:not(:disabled):not([aria-disabled="true"]):active,
      .sb-timeline-large-horizontal-carousel-container:hover .sb-timeline-large-horizontal-carousel-right-button:not(:disabled):not([aria-disabled="true"]):active {
        background-color: AccentColor !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: HighLight !important;
        outline-width: 2px !important;
        outline-style: solid !important;
        outline-color: ButtonText !important;
        outline-offset: 2px !important; }
      .sb-timeline-large-horizontal-carousel-container:hover .sb-timeline-large-horizontal-carousel-left-button:disabled, .sb-timeline-large-horizontal-carousel-container:hover .sb-timeline-large-horizontal-carousel-left-button[aria-disabled="true"],
      .sb-timeline-large-horizontal-carousel-container:hover .sb-timeline-large-horizontal-carousel-right-button:disabled,
      .sb-timeline-large-horizontal-carousel-container:hover .sb-timeline-large-horizontal-carousel-right-button[aria-disabled="true"] {
        color: GrayText !important;
        background-color: ButtonFace !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: GrayText !important; }
        .sb-timeline-large-horizontal-carousel-container:hover .sb-timeline-large-horizontal-carousel-left-button:disabled svg path, .sb-timeline-large-horizontal-carousel-container:hover .sb-timeline-large-horizontal-carousel-left-button[aria-disabled="true"] svg path,
        .sb-timeline-large-horizontal-carousel-container:hover .sb-timeline-large-horizontal-carousel-right-button:disabled svg path,
        .sb-timeline-large-horizontal-carousel-container:hover .sb-timeline-large-horizontal-carousel-right-button[aria-disabled="true"] svg path {
          fill: GrayText !important; } }

button.sb-timeline-large-horizontal-carousel-left-button {
  left: 0px; }

button.sb-timeline-large-horizontal-carousel-right-button {
  right: -1px; }

.sb-timeline-large-horizontal-carousel-options {
  border-top: 1px solid #979797;
  display: flex;
  justify-content: flex-end; }

.ltr .sb-timeline-large-horizontal-carousel-options {
  justify-content: flex-end; }

.rtl .sb-timeline-large-horizontal-carousel-options {
  justify-content: flex-start; }

.sb-timeline-large-horizontal-carousel-option {
  width: 50%;
  height: 30px;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  color: #ffffff;
  font-weight: bold;
  font-size: 11px;
  color: #3392cf;
  text-transform: uppercase; }
  @media (forced-colors: active) {
    .sb-timeline-large-horizontal-carousel-option {
      color: ButtonText !important;
      background-color: ButtonFace !important;
      border-width: 1px;
      border-style: solid !important;
      border-color: ButtonText !important; }
      .sb-timeline-large-horizontal-carousel-option svg path, .sb-timeline-large-horizontal-carousel-option p, .sb-timeline-large-horizontal-carousel-option article, .sb-timeline-large-horizontal-carousel-option span, .sb-timeline-large-horizontal-carousel-option li, .sb-timeline-large-horizontal-carousel-option [role="button"], .sb-timeline-large-horizontal-carousel-option [type="radio"] {
        fill: ButtonText !important;
        color: ButtonText !important; }
      .sb-timeline-large-horizontal-carousel-option:not(:disabled):not([aria-disabled="true"]):hover {
        border-width: 1px;
        border-style: solid !important;
        border-color: Highlight !important; }
      .sb-timeline-large-horizontal-carousel-option:not(:disabled):not([aria-disabled="true"]):active {
        background-color: AccentColor !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: HighLight !important;
        outline-width: 2px !important;
        outline-style: solid !important;
        outline-color: ButtonText !important;
        outline-offset: 2px !important; }
      .sb-timeline-large-horizontal-carousel-option:disabled, .sb-timeline-large-horizontal-carousel-option[aria-disabled="true"] {
        color: GrayText !important;
        background-color: ButtonFace !important;
        border-width: 1px;
        border-style: solid !important;
        border-color: GrayText !important; }
        .sb-timeline-large-horizontal-carousel-option:disabled svg path, .sb-timeline-large-horizontal-carousel-option[aria-disabled="true"] svg path {
          fill: GrayText !important; } }
  .sb-timeline-large-horizontal-carousel-option--single {
    width: 100%; }

.ltr .sb-timeline-large-horizontal-carousel-option:nth-child(2) {
  border-left: 1px solid #979797; }

.rtl .sb-timeline-large-horizontal-carousel-option:nth-child(2) {
  border-right: 1px solid #979797; }

.sb-timeline-carousel-small-carousel-wrapper {
  padding-bottom: 30px; }
  .sb-timeline-carousel-small-carousel-wrapper--touch {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch; }

.sb-timeline-large-horizontal-carousel-icon {
  margin: -2px 0 0 6px; }

.sb-timeline-large-horizontal-carousel-transparent {
  background-color: transparent !important; }

.sb-timeline-carousel:not(.sb-timeline-paper-has-title) {
  padding-top: 0; }

.sb-timeline-carousel-unselectable {
  border-right: 0px !important; }

.sb-timeline-carousel-large-carousel {
  margin-bottom: 0; }
  .sb-timeline-carousel-large-carousel .sb-timeline-avatar {
    align-self: center; }
  .sb-timeline-carousel-large-carousel .sb-timeline-paper-title {
    padding-bottom: 0; }
  .sb-timeline-carousel-large-carousel .sb-timeline-paper-timestamp {
    padding-top: 5px; }

.sb-timeline-carousel-large-carousel-wrapper {
  padding-bottom: 30px; }
  .sb-timeline-carousel-large-carousel-wrapper--touch {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    margin-left: -20px;
    margin-right: -20px; }

.sb-timeline-carousel-large-carousel-wrapper-has-avatar--touch {
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  margin-left: -20px;
  margin-right: -20px; }

.sb-timeline-large-horizontal-carousel-with-avatar {
  display: flex;
  flex-direction: column;
  width: calc(100% - 48px); }

.sb-timeline-large-horizontal-carousel-with-avatar-wrapper {
  display: flex;
  flex-direction: row;
  padding-bottom: 30px; }

.sb-timeline-large-horizontal-carousel-avatar-container {
  display: flex;
  flex-direction: row; }

@media (forced-colors: active) {
  .sb-timeline-paper-wrapper .sb-timeline-carousel-large-carousel {
    border-right: 1px solid CanvasText !important; } }

@media (forced-colors: active) {
  .sb-timeline-paper-wrapper .sb-timeline-carousel:not(.sb-timeline-carousel-large-carousel) {
    border-right: 1px solid CanvasText !important; } }

/* @overwrite */
@media (forced-colors: active) {
  .sb-bubble {
    color: CanvasText !important;
    background-color: Canvas !important;
    border-width: 1px;
    border-style: solid !important;
    border-color: CanvasText !important; }
    .sb-bubble svg path {
      fill: CanvasText !important; } }

.sb-bubble-markdown-message {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  color: #ffffff;
  display: block;
  align-items: center;
  padding: 10px 10px 10px 10px;
  font-weight: 400;
  letter-spacing: .2px;
  line-height: 1.45; }
  .sb-bubble-markdown-message-raw-text {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #ffffff;
    color: inherit;
    white-space: pre-wrap; }
  .sb-bubble-markdown-message article {
    color: #fff;
    overflow-wrap: break-word;
    word-wrap: break-word;
    line-height: 20px; }
    .sb-bubble-markdown-message article > *:first-child {
      margin-top: 0; }
    .sb-bubble-markdown-message article > *:last-child {
      margin-bottom: 0; }
    .sb-bubble-markdown-message article h1, .sb-bubble-markdown-message article h2, .sb-bubble-markdown-message article h3, .sb-bubble-markdown-message article h4, .sb-bubble-markdown-message article h5, .sb-bubble-markdown-message article h6 {
      margin-top: 0.67em;
      margin-bottom: 0.67em;
      line-height: normal; }
    .sb-bubble-markdown-message article h1 {
      font-size: 24px; }
    .sb-bubble-markdown-message article h2 {
      font-size: 20px; }
    .sb-bubble-markdown-message article h3 {
      font-size: 16px; }
    .sb-bubble-markdown-message article h4 {
      font-size: 14px; }
    .sb-bubble-markdown-message article h5 {
      font-size: 12px; }
    .sb-bubble-markdown-message article h6 {
      font-size: 10px; }
    .sb-bubble-markdown-message article code, .sb-bubble-markdown-message article pre {
      background-color: transparent;
      color: inherit;
      border: none; }
    .sb-bubble-markdown-message article blockquote {
      margin-left: 1em;
      margin-right: 1em;
      border-left: 2px solid #fff;
      padding-left: 0.5em;
      border-right: none; }
      .sb-bubble-markdown-message article blockquote p, .sb-bubble-markdown-message article blockquote ul, .sb-bubble-markdown-message article blockquote ol, .sb-bubble-markdown-message article blockquote li {
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        color: #ffffff; }
      .sb-bubble-markdown-message article blockquote p {
        margin-bottom: 0.5em; }
      .rtl .sb-bubble-markdown-message article blockquote {
        border-left: none;
        border-right: 2px solid #fff;
        padding-right: 0.5em; }
  .sb-bubble-markdown-message footer {
    font-weight: 200;
    color: #fff;
    opacity: 0.4;
    font-size: 9px;
    text-align: right; }
  .sb-bubble-markdown-message-loading {
    margin: 0 auto; }

.sb-bubble-in article {
  color: #3B3E3F; }

.sb-bubble-in footer {
  color: #CCCCCC; }

.container,
.container-fluid {
	margin-right: auto;
	margin-left: auto
}

.container-fluid {
	padding-right: 2rem;
	padding-left: 2rem
}

.row {
	box-sizing: border-box;
	display: flex;
	flex: 0 1 auto;
	flex-direction: row;
	flex-wrap: wrap;
	margin-right: -.5rem;
	margin-left: -.5rem
}

.col-xs,
.col-xs-1,
.col-xs-10,
.col-xs-12,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-8,
.col-xs-offset-1 {
	box-sizing: border-box;
	flex: 0 0 auto;
	padding-right: .5rem;
	padding-left: .5rem
}

.col-xs {
	flex-grow: 1;
	flex-basis: 0;
	max-width: 100%
}

.col-xs-1 {
	flex-basis: 8.33333333%;
	max-width: 8.33333333%
}

.col-xs-4 {
	flex-basis: 33.33333333%;
	max-width: 33.33333333%
}

.col-xs-5 {
	flex-basis: 41.66666667%;
	max-width: 41.66666667%
}

.col-xs-6 {
	flex-basis: 50%;
	max-width: 50%
}

.col-xs-8 {
	flex-basis: 66.66666667%;
	max-width: 66.66666667%
}

.col-xs-10 {
	flex-basis: 83.33333333%;
	max-width: 83.33333333%
}

.col-xs-12 {
	flex-basis: 100%;
	max-width: 100%
}


.col-xs-offset-1 {
	margin-left: 8.33333333%
}

.middle-xs {
	align-items: center
}

.between-xs {
	justify-content: space-between
}

.first-xs {
	order: -1
}

@media only screen and (min-width:48em) {
	.container {
		width: 49rem
	}
	.col-sm,
	.col-sm-1,
	.col-sm-12,
	.col-sm-4,
	.col-sm-5,
	.col-sm-8,
	.col-sm-offset-5 {
		box-sizing: border-box;
		flex: 0 0 auto;
		padding-right: .5rem;
		padding-left: .5rem
	}
	.col-sm {
		flex-grow: 1;
		flex-basis: 0;
		max-width: 100%
	}
	.col-sm-1 {
		flex-basis: 8.33333333%;
		max-width: 8.33333333%
	}
	.col-sm-4 {
		flex-basis: 33.33333333%;
		max-width: 33.33333333%
	}
	.col-sm-5 {
		flex-basis: 41.66666667%;
		max-width: 41.66666667%
	}
	.col-sm-8 {
		flex-basis: 66.66666667%;
		max-width: 66.66666667%
	}
	.col-sm-12 {
		flex-basis: 100%;
		max-width: 100%
	}
	.col-sm-offset-5 {
		margin-left: 41.66666667%
	}
	.last-sm {
		order: 1
	}
}

@media only screen and (min-width:64em) {
	.container {
		width: 65rem
	}
	.col-md,
	.col-md-1,
	.col-md-12,
	.col-md-2,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-offset-6 {
		box-sizing: border-box;
		flex: 0 0 auto;
		padding-right: .5rem;
		padding-left: .5rem
	}
	.col-md {
		flex-grow: 1;
		flex-basis: 0;
		max-width: 100%
	}
	.col-md-1 {
		flex-basis: 8.33333333%;
		max-width: 8.33333333%
	}
	.col-md-2 {
		flex-basis: 16.66666667%;
		max-width: 16.66666667%
	}
	.col-md-4 {
		flex-basis: 33.33333333%;
		max-width: 33.33333333%
	}
	.col-md-5 {
		flex-basis: 41.66666667%;
		max-width: 41.66666667%
	}
	.col-md-6 {
		flex-basis: 50%;
		max-width: 50%
	}
	.col-md-7 {
		flex-basis: 58.33333333%;
		max-width: 58.33333333%
	}
	.col-md-12 {
		flex-basis: 100%;
		max-width: 100%
	}
	.col-md-offset-6 {
		margin-left: 50%
	}
	.between-md {
		justify-content: space-between
	}
}

@media only screen and (min-width:75em) {
	.container {
		width: 76rem
	}
	.col-lg,
	.col-lg-3,
	.col-lg-4,
	.col-lg-offset-7 {
		box-sizing: border-box;
		flex: 0 0 auto;
		padding-right: .5rem;
		padding-left: .5rem
	}
	.col-lg {
		flex-grow: 1;
		flex-basis: 0;
		max-width: 100%
	}
	.col-lg-3 {
		flex-basis: 25%;
		max-width: 25%
	}
	.col-lg-4 {
		flex-basis: 33.33333333%;
		max-width: 33.33333333%
	}
	.col-lg-offset-7 {
		margin-left: 58.33333333%
	}
}
.appLoadingScreenContainer {
  flex: 1 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  width: 100%;
  height: 100vh; }

.appLoadingScreen {
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  width: 100%;
  z-index: 10000;
  color: #333;
  font-size: 14px; }
  .appLoadingScreen img {
    height: 100px; }

.appLoadingBotLogo {
  width: 140px;
  height: 120px;
  padding-left: 63px; }

.feedback {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000; }
  .feedback-content {
    background: white;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    padding: 15px; }
    .feedback-content-button-container {
      display: flex;
      flex: 1 1;
      align-items: center;
      justify-content: center; }
  .feedback-button {
    color: gray;
    border: 1px solid #dbdbdb;
    border-radius: 25px;
    padding: 10px 12px;
    background-color: white;
    cursor: pointer;
    outline: none;
    display: flex;
    flex: 1 1;
    justify-content: center;
    align-items: center;
    margin-top: 20px; }
  .feedback-button:hover {
    color: white;
    border-color: #3392cf;
    border-radius: 25px;
    padding: 10px 12px;
    background-color: #3392cf;
    cursor: pointer;
    outline: none;
    display: flex;
    flex: 1 1;
    justify-content: center;
    align-items: center;
    margin-top: 20px; }

.section-group {
  overflow-y: auto;
  height: calc(100vh - 200px); }

.item {
  display: flex;
  align-items: center;
  height: 45px;
  border-left: 3px solid #F4F4F8; }
  .item-link {
    padding: 13px 20px 13px 0;
    opacity: 0.8;
    text-decoration: none;
    width: 100%;
    align-items: center;
    display: flex; }
  .item-text {
    font-size: 14px;
    font-weight: 300;
    color: black;
    display: block;
    float: left;
    margin-left: 10px; }
  .item-icon {
    width: 22px;
    margin-left: 16px;
    display: block;
    float: left; }
  .item-body {
    padding: 2px; }
  .item-selected, .item:hover {
    background: #eef2fa;
    border-left: 3px solid #3493cf; }
    .item-selected .item-text, .item:hover .item-text {
      color: black; }
    .item-selected path.path-stroke, .item:hover path.path-stroke {
      stroke: black; }

/*
  Here we have have main app stats
  change to this SHOULD NOT BE DONE
*/
html {
  font-family: Roboto, sans-serif;
  letter-spacing: 1px;
  -moz-osx-font-smoothing: grayscale; }

body {
  margin: 0px; }

/* Varables declaration */
.app {
  display: flex;
  height: 100vh;
  overflow: hidden;
  background-color: white; }

.sb-page-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 53px; }

.sb-page-body-container {
  display: flex;
  flex-direction: row;
  margin-top: 53px; }

.Page_container__SLPVS {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  height: 100vh;
  overflow-y: scroll;
  background-color: #F5F5F5;
}
.Content_container__kGsXI {
  display: flex;
}