/* Make sure this color is correct.*/
/* Left box border colors */
/* Background Colors */
/* Text Colors */
/* Icon colors */
/* Separating Borders */
/* Borders and shadows */
/* Semantic-ui colors */
/* Modal */
/* Modal colors */
/* lighthouse food and beverages color scheme */
/* Status indicators */
/* Mixin for media queries
Break points based off of semantic ui

Use media-query mixin:
@include media-query(tablet)

Use custom media-query mixin:
@include media-query($size: 320px) */
/* Mixin used to standerdize border on info-boxe */
/* Mixin used for nth child styling */
/* Relative variables for padding and margin */
/* Rem value against pixel */
/* Relative variables for fonts 
 Ref: These variables are derived from: https://www.figma.com/file/M5VzS6f1ryYpkxmZBI2u2C/%F0%9F%94%B7-Shift4-Design-System?node-id=8409%3A50904&mode=dev
*/
/* Base multiplier unit in rem. Our case: (1rem = 14px) */
/* Equivalent to 8px */
/* Spacing size Variables */
/* 8px  */
/* 10px */
/* 12px */
/* 14px */
/* 16px */
/* 20px */
/* 24px */
/* 32px */
/* 40px */
/* 48px */
/* 56px */
/* 64px */
/* 80px */
/* Gray Color Pallete for consistency */
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");
html {
  overflow-y: auto;
  overscroll-behavior: none; }

.left-menu-container ~ .article {
  left: -240px; }

.side-menu-container ~ .article {
  left: -240px; }

main.site-content .article {
  background: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  position: relative;
  -webkit-transition: left 0.2s;
  transition: left 0.2s; }
  @media only screen and (max-width: 767px) {
    main.site-content .article {
      min-height: 100dvh; } }
  main.site-content .article.pusher {
    margin-right: -240px;
    max-width: 100%;
    -webkit-transition: margin-right 0.2s, left 0.2s, max-width 0.2s;
    transition: margin-right 0.2s, left 0.2s, max-width 0.2s; }
    main.site-content .article.pusher.microfrontend {
      margin-right: 0; }
  main.site-content .article .page-wrapper {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 30px;
    -webkit-transition: width 0.2s;
    transition: width 0.2s;
    width: 100vw; }
    main.site-content .article .page-wrapper.microfrontend {
      width: 100%; }
    main.site-content .article .page-wrapper .page-content {
      height: 100%; }
    main.site-content .article .page-wrapper .left-menu-container {
      min-height: 100vh; }
    main.site-content .article .page-wrapper .title-bar {
      background: #ffffff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-bottom: 20px;
      padding-bottom: 30px;
      /* stylelint-disable no-descending-specificity */ }
      main.site-content .article .page-wrapper .title-bar .back-wrapper {
        background-color: #f7f7f7;
        border-radius: 30px;
        height: 30px;
        margin-right: 10px;
        width: 30px; }
        main.site-content .article .page-wrapper .title-bar .back-wrapper > img {
          display: block;
          margin: 8px auto auto; }
      main.site-content .article .page-wrapper .title-bar > span {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
      main.site-content .article .page-wrapper .title-bar > #title {
        font-size: 1rem;
        font-weight: normal; }
      main.site-content .article .page-wrapper .title-bar:has(> .back-wrapper) {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
      main.site-content .article .page-wrapper .title-bar:not(:has(> .back-wrapper)) {
        border-bottom: 1px solid #e5e5e5; }
  main.site-content .article > .ui.dimmer {
    display: block !important;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s; }
  main.site-content .article > .ui.dimmer:not(.active) {
    pointer-events: none; }

main.site-content.sidebar-open .article {
  -ms-flex-preferred-size: 0%;
      flex-basis: 0%;
  left: 0px; }
  main.site-content.sidebar-open .article.pusher {
    margin-right: 0px;
    max-width: calc(100% - 240px); }

main.site-content {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  background: #EEEEEE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  main.site-content.microfrontend .side-menu-container {
    display: none; }
  main.site-content.look-and-feel-v2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow: hidden; }
    main.site-content.look-and-feel-v2 > .container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      height: calc(100vh - 56px); }
      main.site-content.look-and-feel-v2 > .container .article {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        overflow-x: hidden;
        overflow-y: auto; }
    @media only screen and (max-width: 767px) {
      main.site-content.look-and-feel-v2.sidebar-open {
        position: fixed;
        -ms-touch-action: none;
            touch-action: none; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      main.site-content.look-and-feel-v2.sidebar-open {
        position: fixed;
        -ms-touch-action: none;
            touch-action: none; } }
    @media only screen and (max-width: 767px) {
      main.site-content.look-and-feel-v2.sidebar-open > .container .article {
        overflow-y: hidden; }
        main.site-content.look-and-feel-v2.sidebar-open > .container .article .ui.dimmer.active {
          left: auto !important;
          position: fixed;
          top: auto !important;
          z-index: 30; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      main.site-content.look-and-feel-v2.sidebar-open > .container .article {
        overflow-y: hidden; }
        main.site-content.look-and-feel-v2.sidebar-open > .container .article .ui.dimmer.active {
          left: auto !important;
          position: fixed;
          top: auto !important;
          z-index: 30; } }
  main.site-content .title-bar-menu {
    background-color: #FFFFFF;
    margin-top: -51px;
    padding: 0 0 1.42857em; }

@media only screen and (max-width: 767px) {
  main.site-content.sidebar-open {
    overflow-x: hidden; } }

main.site-content .article.dashboard,
main.site-content .article.location-overview {
  background: #EEEEEE; }
  main.site-content .article.dashboard .ui.fluid.container,
  main.site-content .article.location-overview .ui.fluid.container {
    width: 99%; }
  main.site-content .article.dashboard .page-wrapper,
  main.site-content .article.location-overview .page-wrapper {
    padding: 4px 0 0 0; }
    main.site-content .article.dashboard .page-wrapper.microfrontend,
    main.site-content .article.location-overview .page-wrapper.microfrontend {
      width: 100%; }
    main.site-content .article.dashboard .page-wrapper .title-bar,
    main.site-content .article.location-overview .page-wrapper .title-bar {
      padding: 30px; }
  @media only screen and (max-width: 767px) {
    main.site-content .article.dashboard .page-wrapper > .title-bar,
    main.site-content .article.location-overview .page-wrapper > .title-bar {
      margin-left: 0;
      margin-right: 0; } }
  main.site-content .article.dashboard .page-content,
  main.site-content .article.location-overview .page-content {
    margin-top: 1em;
    padding: 0; }

@media only screen and (min-width: 1025px) {
  main.site-content.sidebar-open .page-wrapper {
    width: calc(100vw - 240px); } }

@media only screen and (max-width: 767px) {
  main.site-content .article .page-wrapper {
    padding: 0; }
    main.site-content .article .page-wrapper > .title-bar {
      margin: 0 10px 20px;
      padding: 20px 0; }
    main.site-content .article .page-wrapper .title-bar-menu {
      margin-top: -31px;
      padding: 0 10px 20px 10px; }
    main.site-content .article .page-wrapper > .page-content > .ui.container {
      margin-left: 10px !important;
      margin-right: 10px !important; } }

.static-page {
  margin-top: 1em; }

.ui.segment.header {
  border-left: 20px solid #009BF4 !important; }

.ui.menu {
  cursor: pointer !important; }

.close {
  cursor: pointer; }

.edit.icon, .plus.icon, .delete.icon, .search.icon, .remove.circle.icon {
  cursor: pointer; }

.bar-tables.ui.grid > .column:not(.row) {
  padding-bottom: 0rem !important;
  padding-top: 1rem !important; }

.bar-tables.ui.grid > .column:not(.row):last-child {
  padding-bottom: 1rem !important;
  padding-top: 1rem !important; }

.report-summary-tables svg text {
  cursor: default;
  fill: #888;
  font-size: 11px !important;
  shape-rendering: crispEdges; }

.report-summary-tables .icon {
  float: right !important; }
  .report-summary-tables .icon:hover {
    cursor: pointer; }

.no-padding-table {
  padding: 0px !important; }
  .no-padding-table .table {
    border: 0px; }

.no-padding {
  padding: 0 !important; }

.no-margin {
  margin: 0 !important; }

.isInactive {
  background-image: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  opacity: 0.45 !important; }

.ui.white {
  background-color: white; }

.ui.modal.route-modal .header .icon,
.ui.modal#updates-modal .header .icon {
  float: right;
  margin-right: 0; }

.ui.modal.route-modal .header h3,
.ui.modal#updates-modal .header h3 {
  display: inline; }

.ui.modal.route-modal .actions .button,
.ui.modal#updates-modal .actions .button {
  margin-right: 0; }

.ui.modal.route-modal .actions .otherwise,
.ui.modal#updates-modal .actions .otherwise {
  margin-left: 0; }

.ui.modal.centered {
  position: fixed !important; }

.ui.modal.scrolling {
  height: calc(100vh - 7rem);
  overflow: auto;
  position: fixed !important;
  top: 2.5rem !important; }
  .ui.modal.scrolling .content.scrolling {
    max-height: none !important; }

body.scrolling.undetached.dimmable.dimmed {
  overflow: hidden !important; }

body {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important; }
  body.s4cal-touch, body.s4cal-notouch {
    height: initial !important;
    position: relative; }

.s4cal-container {
  z-index: 9999; }
  .s4cal-container .no-arrows {
    border-bottom: 1px solid #e5e5e5 !important;
    border-top: 1px solid #e5e5e5 !important; }

input:-ms-input-placeholder {
  color: rgba(191, 191, 191, 0.87) !important; }

td.fix-dropdown-in-table {
  overflow: visible !important; }

.float-right {
  float: right; }

.favorite-icon {
  color: #ea4c89;
  float: none !important;
  margin: 0 !important; }

div.google-visualization-tooltip {
  pointer-events: none; }

.list-controls, .row-direction-list-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 1.42857em; }
  .list-controls > .filter-controls, .row-direction-list-controls > .filter-controls {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2; }
    .list-controls > .filter-controls .ui.selection, .row-direction-list-controls > .filter-controls .ui.selection {
      min-width: 125px !important; }
    .list-controls > .filter-controls .datetime-range-picker-input, .row-direction-list-controls > .filter-controls .datetime-range-picker-input {
      width: 350px; }
    .list-controls > .filter-controls .ui.search, .row-direction-list-controls > .filter-controls .ui.search {
      width: 320px; }
    .list-controls > .filter-controls .date-controls, .row-direction-list-controls > .filter-controls .date-controls {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
      .list-controls > .filter-controls .date-controls .ui:first-child, .row-direction-list-controls > .filter-controls .date-controls .ui:first-child {
        border-bottom-right-radius: 0;
        border-right-width: 0;
        border-top-right-radius: 0; }
      .list-controls > .filter-controls .date-controls .ui.input:last-child > input, .row-direction-list-controls > .filter-controls .date-controls .ui.input:last-child > input {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        width: auto; }
  .list-controls .buttons, .row-direction-list-controls .buttons {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: right; }
  .list-controls .message-box, .row-direction-list-controls .message-box {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; }
    .list-controls .message-box .ui.info.message, .row-direction-list-controls .message-box .ui.info.message {
      margin: 0; }
  .list-controls .icon.info.circle, .row-direction-list-controls .icon.info.circle {
    color: #0E5BF3; }
  .list-controls .ui.toggle, .row-direction-list-controls .ui.toggle {
    margin-left: 10px; }

.list-controls:has(.ui.info.message), .row-direction-list-controls:has(.ui.info.message) {
  padding-bottom: 0; }

.row-direction-list-controls {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }

.borderless-warning {
  background-color: #fff7eb;
  margin-top: 20px;
  padding: 10px 0;
  text-align: center;
  width: 100%; }

.toggle-header {
  width: 100%; }
  .toggle-header .toggle {
    float: right; }

.flash-messages-container {
  margin-bottom: 20px; }

@media only screen and (max-width: 1300px) {
  .list-controls > .filter-controls .datetime-range-picker-input, .row-direction-list-controls > .filter-controls .datetime-range-picker-input {
    width: 225px; }
  .list-controls > .filter-controls .ui.dropdown, .row-direction-list-controls > .filter-controls .ui.dropdown {
    margin-right: 6px;
    width: 150px; }
  .list-controls > .filter-controls .date-controls .ui:first-child, .row-direction-list-controls > .filter-controls .date-controls .ui:first-child {
    margin-right: 0; }
  .list-controls > .filter-controls .ui.search, .row-direction-list-controls > .filter-controls .ui.search {
    width: 150px; } }

@media only screen and (max-width: 767px) {
  .list-controls, .row-direction-list-controls {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .list-controls > .filter-controls, .row-direction-list-controls > .filter-controls,
    .list-controls > .ui.button,
    .row-direction-list-controls > .ui.button {
      display: block;
      width: 100%; }
    .list-controls .grouped-buttons .ui.button, .row-direction-list-controls .grouped-buttons .ui.button {
      display: block;
      width: 100%; }
    .list-controls .grouped-buttons :first-child, .row-direction-list-controls .grouped-buttons :first-child {
      margin-bottom: 1.42857em; }
    .list-controls .filter-controls .ui.dropdown, .row-direction-list-controls .filter-controls .ui.dropdown,
    .list-controls .filter-controls .ui.search,
    .row-direction-list-controls .filter-controls .ui.search {
      width: 100%; }
    .list-controls .filter-controls .ui.input input, .row-direction-list-controls .filter-controls .ui.input input {
      width: 100%; }
    .list-controls .filter-controls .date-controls, .row-direction-list-controls .filter-controls .date-controls {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .list-controls .filter-controls .date-controls .ui:first-child, .row-direction-list-controls .filter-controls .date-controls .ui:first-child {
        border-bottom-right-radius: 0.28571rem;
        border-right-width: 1px;
        border-top-right-radius: 0.28571rem;
        margin-bottom: 10px; }
      .list-controls .filter-controls .date-controls .ui.input:last-child > input, .row-direction-list-controls .filter-controls .date-controls .ui.input:last-child > input {
        border-bottom-left-radius: 0.28571rem;
        border-top-left-radius: 0.28571rem;
        width: 100%; }
    .list-controls .filter-controls .ui.button, .row-direction-list-controls .filter-controls .ui.button {
      margin-top: 1.42857em;
      width: 100%; }
    .list-controls .filter-controls > div, .row-direction-list-controls .filter-controls > div {
      display: block;
      margin-top: 1.42857em;
      width: 100%; } }

.ui.primary.button:disabled, .ui.basic.primary.button:disabled {
  background-color: rgba(0, 155, 244, 0.5) !important;
  -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1) !important;
          box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1) !important;
  color: #FFFFFF !important; }

.ui.button.v2 {
  padding: 8px 16px; }
  .ui.button.v2.contained {
    background: #0E5BF3;
    border: 1px solid #0E5BF3;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #FFFFFF;
    text-transform: uppercase; }
    .ui.button.v2.contained:hover {
      background: rgba(14, 91, 243, 0.94);
      border: 1px solid transparent;
      -webkit-box-shadow: none;
              box-shadow: none; }
    .ui.button.v2.contained:focus {
      -webkit-box-shadow: none !important;
              box-shadow: none !important; }
  .ui.button.v2.outlined {
    background: #FFFFFF;
    border: 1px solid #0E5BF3;
    -webkit-box-shadow: unset !important;
            box-shadow: unset !important;
    color: #0E5BF3;
    text-transform: uppercase; }
    .ui.button.v2.outlined:hover {
      background: rgba(14, 91, 243, 0.06); }
  .ui.button.v2.text {
    background: none;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #0E5BF3;
    text-transform: uppercase; }
    .ui.button.v2.text:hover {
      background: rgba(14, 91, 243, 0.06); }
    .ui.button.v2.text:focus {
      -webkit-box-shadow: none !important;
              box-shadow: none !important; }
  .ui.button.v2.uppercase {
    text-transform: uppercase; }

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ui.dropdown .item.hidden {
  display: none !important; }

#be-chat-container[hidden] {
  display: none !important; }

/* Generic Internet Explorer Styles */
/* MS IE11 */
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .menu.ui .item.icon > .icon {
    margin: 0 0.35714286em 0 0; } }

.left-menu-container {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  background-color: #003e61;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  left: -240px;
  min-width: 240px;
  position: relative;
  -webkit-transition: left 0.2s;
  transition: left 0.2s;
  width: 240px; }
  .left-menu-container .ui.divider {
    margin: 0; }
  .left-menu-container .ui.divider:not(.vertical):not(.horizontal) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    border-top: 0px solid transparent;
    margin: .679em 0em; }
  .left-menu-container .logo-box {
    padding-top: 1em;
    text-align: center;
    width: 100%; }
  .left-menu-container .ui.menu a.item:hover {
    background: rgba(0, 0, 0, 0.3);
    cursor: pointer; }
  .left-menu-container .ui.menu .item:before {
    background: none !important; }
  .left-menu-container .ui.menu.vertical {
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin: 0;
    width: 100%; }
    .left-menu-container .ui.menu.vertical .ui.accordion .title:not(.ui) {
      border-bottom: 0;
      padding: 0; }
    .left-menu-container .ui.menu.vertical .item {
      border-left: 5px solid transparent;
      color: #ffffff;
      font-size: 14px;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-weight: 800;
      padding: 0.786em 1.429em; }
      .left-menu-container .ui.menu.vertical .item.active {
        background-color: rgba(0, 0, 0, 0.3);
        border-left: 5px solid #009bf4;
        border-radius: 0em;
        color: #ffffff;
        margin: 0em; }
      .left-menu-container .ui.menu.vertical .item .external.icon {
        margin-top: -.2em; }
    .left-menu-container .ui.menu.vertical button.item {
      border: none;
      cursor: pointer;
      text-align: left;
      width: 100%; }
    .left-menu-container .ui.menu.vertical .content {
      background-color: rgba(0, 0, 0, 0.3);
      padding: 0 !important; }
  .left-menu-container .location-selection {
    color: #ffffff;
    cursor: pointer;
    font-size: 14px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-weight: 800;
    padding: 1em 2em; }
    .left-menu-container .location-selection .location-name {
      padding: .036em 0; }
    .left-menu-container .location-selection .change-location {
      color: #009bf4;
      padding: .036em 0; }
  .left-menu-container .hbr-service-signup-modal {
    margin-top: 0 !important; }

main.site-content.sidebar-open .left-menu-container {
  left: 0px;
  padding-bottom: 36px; }

.sub-menu-v2 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #090304 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 56px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 1.15rem; }
  .sub-menu-v2 .cart-container .icon-badge {
    left: 18px; }
  .sub-menu-v2 .cart-container .cart.icon {
    color: #FFFFFF; }
  .sub-menu-v2 .logo-icon {
    padding-left: 1.15rem; }
  .sub-menu-v2 .left-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .sub-menu-v2 .right-container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
    .sub-menu-v2 .right-container > div {
      margin-left: 0.6rem;
      margin-right: 0.6rem; }
    @media only screen and (max-width: 767px) {
      .sub-menu-v2 .right-container > div {
        margin-left: 0.3rem;
        margin-right: 0.3rem; }
      .sub-menu-v2 .right-container div:first-child {
        margin-left: 0;
        margin-right: 0.3rem; }
      .sub-menu-v2 .right-container div:last-child {
        margin-left: 0.3rem;
        margin-right: 0; } }
    .sub-menu-v2 .right-container div:first-child {
      margin-left: 0;
      margin-right: 0.6rem; }
    .sub-menu-v2 .right-container div:last-child {
      margin-left: 0;
      margin-right: 0; }
  .sub-menu-v2 .menu {
    font-weight: normal; }
  .sub-menu-v2 .logo {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .sub-menu-v2 .logo-link {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .sub-menu-v2 .icon-container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0.6rem;
    position: relative; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .sub-menu-v2 .icon-container:hover:before {
        background-color: #FFFFFF;
        border-radius: 50%;
        content: '';
        height: 40px;
        left: 50%;
        opacity: 0.1;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        -webkit-transition: inherit;
        transition: inherit;
        width: 40px; } }
    @media only screen and (min-width: 1200px) {
      .sub-menu-v2 .icon-container:hover:before {
        background-color: #FFFFFF;
        border-radius: 50%;
        content: '';
        height: 40px;
        left: 50%;
        opacity: 0.1;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        -webkit-transition: inherit;
        transition: inherit;
        width: 40px; } }
    .sub-menu-v2 .icon-container.clicked:before {
      -webkit-animation: bubble-animation 0.5s ease-in-out;
              animation: bubble-animation 0.5s ease-in-out;
      background-color: #FFFFFF;
      border-radius: 50%;
      content: '';
      height: 40px;
      left: 50%;
      opacity: 0.1;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      -webkit-transition: inherit;
      transition: inherit;
      width: 40px; }

@-webkit-keyframes bubble-animation {
  0% {
    opacity: 0.1;
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0); }
  50% {
    opacity: 0.2;
    -webkit-transform: translate(-50%, -50%) scale(1.2);
            transform: translate(-50%, -50%) scale(1.2); }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0); } }

@keyframes bubble-animation {
  0% {
    opacity: 0.1;
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0); }
  50% {
    opacity: 0.2;
    -webkit-transform: translate(-50%, -50%) scale(1.2);
            transform: translate(-50%, -50%) scale(1.2); }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0); } }
  .sub-menu-v2 .ui.icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0 !important;
    padding-left: 0 !important; }
    .sub-menu-v2 .ui.icon.dropdown > .menu {
      margin-right: 0.35em !important;
      margin-top: 0.5em !important;
      width: 300px;
      z-index: 50 !important; }
  @media only screen and (max-width: 767px) {
    .sub-menu-v2 {
      padding: 0 0.6rem; }
      .sub-menu-v2 .logo-icon {
        padding-left: 0.6rem; } }

.sub-menu {
  background: #004d79 !important;
  border: 0px solid transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .sub-menu .toggle-container,
  .sub-menu .chat-container,
  .sub-menu .help-container,
  .sub-menu .cart-container {
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    width: 50px; }
    .sub-menu .toggle-container i.icon,
    .sub-menu .chat-container i.icon,
    .sub-menu .help-container i.icon,
    .sub-menu .cart-container i.icon {
      color: #ffffff;
      cursor: pointer;
      -moz-osx-font-smoothing: auto;
      -webkit-font-smoothing: auto;
      height: auto;
      margin: auto; }
  .sub-menu .chat-container {
    -ms-flex-item-align: center;
        align-self: center;
    background: #0082ca;
    border-radius: 500px;
    height: 36px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-right: 10px;
    width: 92px; }
    .sub-menu .chat-container img {
      height: 1.42857rem;
      min-height: 1.42857rem;
      min-width: 1.42857rem;
      width: 1.42857rem; }
    .sub-menu .chat-container span {
      color: #FFFFFF;
      font-size: 1.07143rem;
      font-weight: 700;
      letter-spacing: 0.6;
      margin-left: 6px; }
  .sub-menu .toggle-container {
    border-right: 1px solid #003e61;
    margin-right: auto; }
  .sub-menu .ui.icon.dropdown > .menu {
    margin-right: 0.5em !important;
    margin-top: 0.5em !important;
    width: 300px;
    z-index: 31 !important; }

footer.site-footer {
  background-color: #FFFFFF !important;
  border-top: 1px solid #D5D5D5 !important;
  margin-top: 1em;
  padding: 1em 0em;
  width: 100%; }
  footer.site-footer .copyright {
    color: #000000;
    padding-left: 0.75em; }
    footer.site-footer .copyright .footer-text {
      float: left;
      font-size: 12px;
      font-weight: bold;
      padding-right: 25px;
      width: 100%; }
    footer.site-footer .copyright .footer-links {
      color: #009BF4; }
      footer.site-footer .copyright .footer-links a {
        color: #009BF4; }
      footer.site-footer .copyright .footer-links nav a {
        display: inline-block;
        font-size: 12px;
        padding: 0px 5px 0px 5px; }
  footer.site-footer .copyright-text {
    color: gray !important;
    font-size: 11px;
    padding: .5em 0em .5em 1em; }
  footer.site-footer .launch-control {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    background: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    padding: 16px 48px; }
    footer.site-footer .launch-control .buttons {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 8px; }
      footer.site-footer .launch-control .buttons .button {
        background: var(--Surface-overlay, rgba(0, 0, 0, 0.04));
        border-radius: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 40px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 40px; }
        footer.site-footer .launch-control .buttons .button .label {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          height: 40px;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          padding: 8px;
          width: 40px; }

.look-and-feel-v2 footer.site-footer {
  margin-bottom: 45px;
  padding: 0.5em 0em; }

.table-container {
  height: 400px;
  overflow-y: scroll; }

.ui.table td.editable-cell {
  padding-bottom: 0.2em;
  padding-top: 0.2em; }

.ui.modal#updates-modal img {
  height: auto;
  width: 100%; }

.ui.modal#updates-modal .ui.grid {
  margin: 0 0.5em; }

.ui.modal#updates-modal .ui.segment {
  margin: 0; }

.ui.modal#updates-modal .button {
  width: 11em; }

.record-status-col .status-active {
  color: #32c160; }

.record-status-col .status-inactive {
  color: #e15668; }

.record-status-col .status-semi-active {
  color: #FFBF00; }

.look-and-feel-v2 .side-menu-container {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background-color: #FFFFFF;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: calc(100vh - 56px);
  opacity: 0;
  overflow: scroll;
  position: relative;
  scrollbar-width: none;
  -webkit-transition: left 0.2s;
  transition: left 0.2s;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  width: 240px; }
  .look-and-feel-v2 .side-menu-container .ui.menu .item:before {
    background: none !important; }
  .look-and-feel-v2 .side-menu-container .location-selection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 24px 16px 24px 32px; }
    .look-and-feel-v2 .side-menu-container .location-selection .location-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .look-and-feel-v2 .side-menu-container .location-selection .name {
      color: rgba(0, 0, 0, 0.87);
      font-size: 1.15rem;
      font-weight: 700;
      letter-spacing: 0.15px;
      line-height: 1.5rem;
      overflow: hidden;
      padding-bottom: 4px;
      text-overflow: ellipsis;
      white-space: break-spaces;
      width: 140px; }
    .look-and-feel-v2 .side-menu-container .location-selection .merchant {
      color: rgba(0, 0, 0, 0.6);
      font-size: 1rem;
      font-weight: 400;
      letter-spacing: 0.25px;
      line-height: 1.42rem; }
    .look-and-feel-v2 .side-menu-container .location-selection .icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0; }
    .look-and-feel-v2 .side-menu-container .location-selection .badge {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background: var(--Surface-overlay, rgba(0, 0, 0, 0.04));
      border-radius: 99px;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      gap: 10px;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      overflow: hidden;
      padding-bottom: 2px;
      padding-left: 6px;
      padding-right: 6px;
      padding-top: 2px; }
      .look-and-feel-v2 .side-menu-container .location-selection .badge .status {
        background: #FB3A37;
        border-radius: 99px;
        height: 8px;
        width: 8px; }
        .look-and-feel-v2 .side-menu-container .location-selection .badge .status.error {
          background: #b00020; }
      .look-and-feel-v2 .side-menu-container .location-selection .badge .status-text {
        color: #000000;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0.40px;
        line-height: 16px;
        text-align: center;
        word-wrap: break-word; }
  .look-and-feel-v2 .side-menu-container .disabled-sidebar {
    -ms-flex-item-align: stretch;
        align-self: stretch;
    height: 16px; }
  .look-and-feel-v2 .side-menu-container .info {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 16px; }
    .look-and-feel-v2 .side-menu-container .info .info-box {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      background: var(--SurfaceLight, #FAFAFA);
      border-radius: 16px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 5px;
      padding: 16px 16px; }
      .look-and-feel-v2 .side-menu-container .info .info-box .label {
        -ms-flex-item-align: stretch;
            align-self: stretch;
        color: #000000;
        -webkit-font-feature-settings: 'clig' off, 'liga' off;
                font-feature-settings: 'clig' off, 'liga' off;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.25px;
        line-height: 20px; }
      .look-and-feel-v2 .side-menu-container .info .info-box .text {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 8px; }
        .look-and-feel-v2 .side-menu-container .info .info-box .text .label {
          color: #000000;
          -webkit-font-feature-settings: 'clig' off, 'liga' off;
                  font-feature-settings: 'clig' off, 'liga' off;
          font-size: 14px;
          font-style: normal;
          font-weight: 700;
          letter-spacing: 0.1px;
          line-height: 24px; }
      .look-and-feel-v2 .side-menu-container .info .info-box .info-image {
        height: 24px;
        width: 24px; }
  .look-and-feel-v2 .side-menu-container .launch-store {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    border-radius: 100px;
    color: #333333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 2px 16px; }
    .look-and-feel-v2 .side-menu-container .launch-store.active {
      background-color: rgba(14, 91, 243, 0.08); }
      .look-and-feel-v2 .side-menu-container .launch-store.active:hover {
        background-color: rgba(14, 91, 243, 0.1); }
      .look-and-feel-v2 .side-menu-container .launch-store.active .text .label {
        color: #0E5BF3; }
    .look-and-feel-v2 .side-menu-container .launch-store.disabled {
      background-color: none;
      color: #333333;
      opacity: 0.24;
      pointer-events: none; }
      .look-and-feel-v2 .side-menu-container .launch-store.disabled:hover {
        background: none; }
    .look-and-feel-v2 .side-menu-container .launch-store:hover {
      background: rgba(0, 0, 0, 0.04); }
      .look-and-feel-v2 .side-menu-container .launch-store:hover a {
        color: #333333; }
    .look-and-feel-v2 .side-menu-container .launch-store .button {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-item-align: stretch;
          align-self: stretch;
      border-radius: 100px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 16px;
      padding: 8px 8px 8px 16px; }
      .look-and-feel-v2 .side-menu-container .launch-store .button .button-image {
        height: 24px;
        width: 24px; }
      .look-and-feel-v2 .side-menu-container .launch-store .button .text {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
            -ms-flex: 1 0 0px;
                flex: 1 0 0;
        gap: 8px; }
        .look-and-feel-v2 .side-menu-container .launch-store .button .text .label {
          font-size: 14px;
          font-style: normal;
          font-weight: 700;
          letter-spacing: 0.1px;
          line-height: 24px; }
  .look-and-feel-v2 .side-menu-container .sign-out {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 2px 16px; }
    .look-and-feel-v2 .side-menu-container .sign-out .button {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-item-align: stretch;
          align-self: stretch;
      border-radius: 100px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 16px;
      padding: 8px 8px 8px 16px; }
      .look-and-feel-v2 .side-menu-container .sign-out .button .button-image {
        height: 24px;
        width: 24px; }
      .look-and-feel-v2 .side-menu-container .sign-out .button .text {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
            -ms-flex: 1 0 0px;
                flex: 1 0 0;
        gap: 8px; }
        .look-and-feel-v2 .side-menu-container .sign-out .button .text .label {
          color: var(0-on-surface-high-emphasis, var(--OnSurface-HighEmphasis, rgba(0, 0, 0, 0.87)));
          -webkit-box-flex: 1;
              -ms-flex: 1 0 0px;
                  flex: 1 0 0;
          -webkit-font-feature-settings: 'clig' off, 'liga' off;
                  font-feature-settings: 'clig' off, 'liga' off;
          font-size: 14px;
          font-style: normal;
          font-weight: 700;
          letter-spacing: 0.1px;
          line-height: 24px; }
  .look-and-feel-v2 .side-menu-container .ui.vertical.menu {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    border-bottom: none;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: calc(100vh - 150px);
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 16px 0 0 0;
    width: 240px; }
    .look-and-feel-v2 .side-menu-container .ui.vertical.menu::-webkit-scrollbar {
      display: none; }
    @media screen and (min-height: 950px) {
      .look-and-feel-v2 .side-menu-container .ui.vertical.menu {
        height: calc(100vh - 225px); } }
    .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 0 16px;
      width: 240px; }
      .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content .chevron {
        font-size: 1rem;
        height: 14px;
        width: 14px; }
      .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content .notification.right.icon {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        position: absolute;
        right: -0.35714em;
        top: 0;
        width: 0; }
        .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content .notification.right.icon:before {
          background-color: #FF5625 !important;
          border-radius: 50%;
          content: '';
          height: 8px;
          position: absolute;
          width: 8px; }
      .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content .row {
        -ms-flex-line-pack: center;
            align-content: center;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        border-radius: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        height: 40px;
        margin: 2px 0;
        padding: 0px 16px;
        text-align: justify;
        width: 100%; }
        .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content .row span {
          color: #333333;
          -webkit-box-flex: 1;
              -ms-flex: 1 0 0px;
                  flex: 1 0 0;
          font-weight: 700;
          letter-spacing: 0.1px;
          line-height: 24px;
          margin-left: 16px;
          position: relative; }
        .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content .row .icon {
          color: #333333;
          height: 24px;
          width: 24px; }
        .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content .row .chevron.right.icon {
          color: #00000099;
          padding-left: 15px;
          padding-top: 2px; }
        .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content .row.active {
          background-color: rgba(14, 91, 243, 0.08); }
          .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content .row.active:hover {
            background-color: rgba(14, 91, 243, 0.1); }
          .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content .row.active .icon, .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content .row.active span {
            color: #0E5BF3; }
          .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content .row.active .chevron.right.icon {
            color: #0E5BF3; }
          .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content .row.active .icon svg path {
            fill: #0E5BF3; }
        .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content .row:hover {
          background: rgba(0, 0, 0, 0.04); }
          .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content .row:hover a {
            color: #333333; }
      .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.sign-out {
        border-top: 1px solid rgba(0, 0, 0, 0.12);
        color: #333333;
        margin-top: 16px;
        padding-bottom: 15px;
        padding-top: 15px; }
        @media screen and (min-height: 950px) {
          .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.sign-out {
            bottom: 0;
            margin-top: 0;
            position: absolute; } }
      .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.mlmm-account-settings {
        border-top: 1px solid rgba(0, 0, 0, 0.12);
        color: #333333;
        margin-top: 16px;
        padding-top: 15px; }
        @media screen and (min-height: 950px) {
          .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.mlmm-account-settings {
            bottom: 0;
            margin-top: 0;
            position: absolute; } }
      .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav {
        position: relative; }
        .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav .sub-nav {
          bottom: 0;
          display: none;
          left: 0;
          position: absolute;
          top: 0; }
          .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav .sub-nav .sub-content {
            background-color: #FFFFFF;
            border: 1px solid rgba(0, 0, 0, 0.12);
            bottom: 0;
            left: 239px;
            position: fixed;
            right: 0;
            top: 56px;
            width: 260px;
            z-index: 21; }
            @media only screen and (max-width: 767px) {
              .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav .sub-nav .sub-content {
                left: 0; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav .sub-nav .sub-content {
                left: 0; } }
            .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav .sub-nav .sub-content .sub-title {
              border-bottom: 1px solid rgba(0, 0, 0, 0.12);
              padding: 23px; }
              .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav .sub-nav .sub-content .sub-title i {
                color: rgba(0, 0, 0, 0.87);
                font-size: 16px;
                height: 24px;
                margin: 0 8px 0 0;
                padding: 0;
                width: 24px; }
              .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav .sub-nav .sub-content .sub-title span {
                color: rgba(0, 0, 0, 0.87);
                font-size: 14px;
                font-style: normal;
                font-weight: 700;
                letter-spacing: 0.1px;
                line-height: 24px; }
              @media only screen and (min-width: 1200px) {
                .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav .sub-nav .sub-content .sub-title {
                  border: none;
                  padding: 24px 32px 0 32px; }
                  .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav .sub-nav .sub-content .sub-title span {
                    color: rgba(0, 0, 0, 0.6); }
                  .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav .sub-nav .sub-content .sub-title i {
                    display: none; } }
              @media only screen and (min-width: 992px) and (max-width: 1199px) {
                .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav .sub-nav .sub-content .sub-title {
                  border: none;
                  padding: 24px 32px 0 32px; }
                  .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav .sub-nav .sub-content .sub-title span {
                    color: rgba(0, 0, 0, 0.6); }
                  .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav .sub-nav .sub-content .sub-title i {
                    display: none; } }
            .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav .sub-nav .sub-content .sub-links {
              height: calc(100% - 60px);
              overflow-x: hidden;
              overflow-y: auto;
              padding: 8px 16px; }
              .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav .sub-nav .sub-content .sub-links .nav-tab {
                position: relative; }
                .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav .sub-nav .sub-content .sub-links .nav-tab .notification.right.icon {
                  display: -webkit-inline-box;
                  display: -ms-inline-flexbox;
                  display: inline-flex;
                  font-size: inherit;
                  position: absolute;
                  right: 0; }
              .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav .sub-nav .sub-content .sub-links .item {
                border-radius: 20px;
                font-weight: 700;
                height: 40px;
                line-height: 1;
                margin: 0 0 2px 0;
                width: 224px; }
                .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav .sub-nav .sub-content .sub-links .item.nav-tab {
                  -webkit-box-align: center;
                      -ms-flex-align: center;
                          align-items: center;
                  color: #000000;
                  display: -webkit-box;
                  display: -ms-flexbox;
                  display: flex; }
                  .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav .sub-nav .sub-content .sub-links .item.nav-tab span {
                    color: #000000;
                    -webkit-box-flex: 1;
                        -ms-flex-positive: 1;
                            flex-grow: 1;
                    position: relative; }
                  .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav .sub-nav .sub-content .sub-links .item.nav-tab i {
                    line-height: 0;
                    margin-left: auto;
                    padding-top: 8px;
                    -webkit-transition-duration: 0.5s;
                            transition-duration: 0.5s;
                    -webkit-transition-property: -webkit-transform;
                    transition-property: -webkit-transform;
                    transition-property: transform;
                    transition-property: transform, -webkit-transform; }
                  .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav .sub-nav .sub-content .sub-links .item.nav-tab .notification {
                    margin: 0;
                    padding: 0 10px; }
                .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav .sub-nav .sub-content .sub-links .item.active {
                  background: rgba(14, 91, 243, 0.08); }
                  .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav .sub-nav .sub-content .sub-links .item.active .nav-tab span, .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav .sub-nav .sub-content .sub-links .item.active .nav-tab svg {
                    color: #0E5BF3; }
                  .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav .sub-nav .sub-content .sub-links .item.active:hover {
                    background: rgba(14, 91, 243, 0.1); }
                .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav .sub-nav .sub-content .sub-links .item:hover {
                  background: rgba(0, 0, 0, 0.04); }
              .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav .sub-nav .sub-content .sub-links .accordion .content {
                margin: 0 0 4px 0;
                padding: 4px 0 0 0; }
                .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav .sub-nav .sub-content .sub-links .accordion .content a {
                  display: -webkit-box;
                  display: -ms-flexbox;
                  display: flex;
                  font-weight: normal;
                  position: relative; }
                  .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav .sub-nav .sub-content .sub-links .accordion .content a.nav-tab {
                    width: 100%; }
                .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav .sub-nav .sub-content .sub-links .accordion .content .nav-tab {
                  width: 100%; }
                  .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav .sub-nav .sub-content .sub-links .accordion .content .nav-tab span {
                    margin-left: 15px; }
              .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav .sub-nav .sub-content .sub-links .accordion .title:not(.ui) {
                padding: 0; }
              .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav .sub-nav .sub-content .sub-links .accordion .title.active .nav-tab span, .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav .sub-nav .sub-content .sub-links .accordion .title.active .nav-tab i, .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav .sub-nav .sub-content .sub-links .accordion .title.active .nav-tab svg {
                color: #0E5BF3; }
              .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav .sub-nav .sub-content .sub-links .accordion .title.active .nav-tab i {
                margin-left: auto;
                -webkit-transform: rotate(-180deg);
                        transform: rotate(-180deg); }
              .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav .sub-nav .sub-content .sub-links .accordion .title.active .nav-tab:hover {
                background: rgba(14, 91, 243, 0.08); }
        .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav.open .row {
          background: rgba(0, 0, 0, 0.04); }
          .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav.open .row.active {
            background: rgba(14, 91, 243, 0.08); }
            .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav.open .row.active:hover {
              background: rgba(14, 91, 243, 0.1); }
        .look-and-feel-v2 .side-menu-container .ui.vertical.menu .sidebar-content.has-sub-nav.open .sub-nav {
          display: block; }
    .look-and-feel-v2 .side-menu-container .ui.vertical.menu.launch-control, .look-and-feel-v2 .side-menu-container .ui.vertical.menu.limited-navigation {
      height: calc(100vh - 430px);
      overflow: visible; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .look-and-feel-v2 .side-menu-container .ui.vertical.menu.launch-control, .look-and-feel-v2 .side-menu-container .ui.vertical.menu.limited-navigation {
          height: calc(100vh - 406px); } }
      @media only screen and (max-width: 767px) {
        .look-and-feel-v2 .side-menu-container .ui.vertical.menu.launch-control, .look-and-feel-v2 .side-menu-container .ui.vertical.menu.limited-navigation {
          height: calc(100vh - 406px); } }
      .look-and-feel-v2 .side-menu-container .ui.vertical.menu.launch-control.with-badge-status, .look-and-feel-v2 .side-menu-container .ui.vertical.menu.limited-navigation.with-badge-status {
        height: calc(100vh - 450px); }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .look-and-feel-v2 .side-menu-container .ui.vertical.menu.launch-control.with-badge-status, .look-and-feel-v2 .side-menu-container .ui.vertical.menu.limited-navigation.with-badge-status {
            height: calc(100vh - 426px); } }
        @media only screen and (max-width: 767px) {
          .look-and-feel-v2 .side-menu-container .ui.vertical.menu.launch-control.with-badge-status, .look-and-feel-v2 .side-menu-container .ui.vertical.menu.limited-navigation.with-badge-status {
            height: calc(100vh - 426px); } }
      .look-and-feel-v2 .side-menu-container .ui.vertical.menu.launch-control .sidebar-content, .look-and-feel-v2 .side-menu-container .ui.vertical.menu.limited-navigation .sidebar-content {
        opacity: 0.24;
        pointer-events: none; }
      .look-and-feel-v2 .side-menu-container .ui.vertical.menu.launch-control .sidebar-content.enabled-pending, .look-and-feel-v2 .side-menu-container .ui.vertical.menu.limited-navigation .sidebar-content.enabled-pending {
        opacity: 1;
        pointer-events: all; }
  .look-and-feel-v2 .side-menu-container .ui.vertical.menu.gpatt {
    border: none;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    padding-top: 0; }

.look-and-feel-v2.sidebar-open .side-menu-container {
  opacity: 1; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .look-and-feel-v2.sidebar-open .side-menu-container {
    width: 260px; }
    .look-and-feel-v2.sidebar-open .side-menu-container .ui.vertical.menu {
      width: 260px; }
      .look-and-feel-v2.sidebar-open .side-menu-container .ui.vertical.menu .sidebar-content {
        width: 260px; } }

@media only screen and (max-width: 767px) {
  .look-and-feel-v2.sidebar-open .side-menu-container {
    width: 260px; }
    .look-and-feel-v2.sidebar-open .side-menu-container .ui.vertical.menu {
      width: 260px; }
      .look-and-feel-v2.sidebar-open .side-menu-container .ui.vertical.menu .sidebar-content {
        width: 260px; } }

.reorder-modal.modal .header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .reorder-modal.modal .header h3 {
    color: #333333;
    display: block !important;
    -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1;
    font-size: 24px;
    line-height: 30px;
    margin: 0;
    text-align: center;
    width: 100%; }
  .reorder-modal.modal .header .icon.close {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 1;
            flex: 0 1;
    margin-top: 3px; }
  .reorder-modal.modal .header .ui.checkbox {
    -webkit-box-flex: 0;
        -ms-flex: 0 1;
            flex: 0 1;
    padding: 0;
    white-space: nowrap; }

.reorder-modal.modal .sortable-objects {
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  max-height: 400px;
  overflow-y: auto; }

.reorder-modal.modal .draggable-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #e5e5e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  width: 100%; }
  .reorder-modal.modal .draggable-item .text {
    color: #333333;
    font-size: 15px;
    line-height: 24px;
    margin-left: 14px; }
  .reorder-modal.modal .draggable-item .handle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.reorder-modal.modal .parent-select {
  height: 400px; }
  .reorder-modal.modal .parent-select .padded {
    padding: 15px; }
  .reorder-modal.modal .parent-select .padded.display-groups .sortable-objects {
    overflow: visible; }

.report-table .gpatt {
  margin: 0 0; }

.reporting .ui.fluid.container .ui.info.message {
  background: #e2ebfd;
  color: #000000;
  line-height: 1.14286em; }
  .reporting .ui.fluid.container .ui.info.message svg {
    fill: #136EF6; }

.report-location-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1rem !important;
  font-weight: normal;
  padding: 0 !important;
  -webkit-tap-highlight-color: transparent; }
  .report-location-bar .checklist__list {
    max-width: 70vw;
    width: 487px; }

.ui.menu.drill-down-report-bar {
  -webkit-box-shadow: none;
  box-shadow: 0;
  cursor: auto !important; }

.drill-down-report-bar {
  border: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1rem !important;
  padding: 0;
  -webkit-tap-highlight-color: transparent; }
  .drill-down-report-bar .checklist__list {
    max-width: 70vw;
    width: 487px; }

.reports-container {
  border-left: 20px solid #009BF4 !important; }
  .reports-container .reports-description, .reports-container .processing-message {
    color: rgba(128, 128, 128, 0.8);
    font-size: .8rem;
    padding: 5px 0 0 0; }
    .reports-container .reports-description.picker-info, .reports-container .processing-message.picker-info {
      max-width: 100%; }
    .reports-container .reports-description .asterisk, .reports-container .processing-message .asterisk {
      color: #FF0000; }
  .reports-container .report-select .asterisk {
    color: #FF0000; }
  .reports-container .report-controls {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
    .reports-container .report-controls .report-buttons {
      margin-left: 10px;
      margin-top: 23px;
      text-align: right; }
      .reports-container .report-controls .report-buttons button {
        margin-bottom: 20px;
        margin-right: 10px; }
    .reports-container .report-controls .datetime-range-picker-input {
      float: right;
      min-width: 340px;
      width: 100%; }
  .reports-container .invisible {
    visibility: hidden; }
  @media only screen and (min-width: 1025px) {
    .reports-container .select-report {
      border-right: 1px solid rgba(34, 36, 38, 0.15); } }
  @media only screen and (max-width: 767px) {
    .reports-container .report-controls {
      display: block !important; }
      .reports-container .report-controls .report-buttons {
        display: block;
        margin-left: 0;
        margin-top: 0; }
        .reports-container .report-controls .report-buttons button {
          margin-right: 0;
          width: 100%; }
      .reports-container .report-controls .datetime-range-picker-input {
        min-width: 300px; } }

.report-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fill, 1fr); }
  @media only screen and (min-width: 1025px) {
    .report-grid {
      grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); } }
  .report-grid .report-grid-item {
    padding-right: 16px; }
    .report-grid .report-grid-item .report-buttons {
      margin-left: 0; }

.reports-container.day-parts-enabled .select-report {
  border-right: none; }
  .reports-container.day-parts-enabled .select-report .report-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 22px; }
    @media only screen and (max-width: 1024px) {
      .reports-container.day-parts-enabled .select-report .report-buttons {
        padding-top: 0px; } }

.favorite-button {
  background-color: #fff;
  border: 0;
  color: #333;
  font-weight: 700;
  line-height: 1.428;
  margin: 0;
  outline: 0; }
  .favorite-button:hover .favorite-icon {
    color: #f082ac; }

.report-loader {
  height: 200px; }

.report-header h2, .report-header h3 {
  margin-bottom: 0em; }

.report-header .date-range {
  line-height: 25px; }

@media only screen and (min-width: 767px) {
  .report-header h2, .report-header h3 {
    float: left; }
  .report-header .date-range {
    padding-left: 1em; } }

@media only screen and (max-width: 767px) {
  .report-header .ui.button {
    float: none;
    margin-left: 0em;
    margin-top: 1em;
    width: auto; } }

.yield-wrap {
  overflow-x: auto; }

.table-tree-wrapper .print-frame {
  display: none; }

.table-tree-wrapper.table-hover tr.row:hover {
  background: #e5f5fe; }

.gift-card-reporting .gift-card-report-container {
  background: #fcf6e3;
  border-radius: 5px;
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 20px; }
  .gift-card-reporting .gift-card-report-container .print-frame {
    display: none; }

.gift-card-reporting .gift-card-report-button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left; }

.ui.menu .drill-down-reports-container {
  background-color: #e5f5fe !important;
  display: fixed; }
  .ui.menu .drill-down-reports-container .print-frame {
    display: none; }
  .ui.menu .drill-down-reports-container .label-title {
    font-weight: 700;
    margin: 0 0 4px; }
  .ui.menu .drill-down-reports-container .dropdown-label.ui.dropdown {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    height: 36px;
    padding: 7px;
    position: relative; }
    .ui.menu .drill-down-reports-container .dropdown-label.ui.dropdown .dropdown.icon {
      margin-left: 20px;
      opacity: 0.5;
      position: absolute;
      right: 7px; }
  .ui.menu .drill-down-reports-container .item.dropdown-checklist {
    padding: 0; }
  .ui.menu .drill-down-reports-container .reports-description, .ui.menu .drill-down-reports-container .processing-message {
    color: rgba(128, 128, 128, 0.8);
    font-size: .8rem;
    padding: 5px 0 0 0; }
    .ui.menu .drill-down-reports-container .reports-description.picker-info, .ui.menu .drill-down-reports-container .processing-message.picker-info {
      max-width: 100%; }
    .ui.menu .drill-down-reports-container .reports-description .asterisk, .ui.menu .drill-down-reports-container .processing-message .asterisk {
      color: #FF0000; }
  .ui.menu .drill-down-reports-container .report-select .asterisk {
    color: #FF0000; }
  .ui.menu .drill-down-reports-container .zero-balances {
    background: none;
    border: none; }
  .ui.menu .drill-down-reports-container .report-controls {
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .ui.menu .drill-down-reports-container .report-controls .report-buttons {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: no-wrap;
          flex-wrap: no-wrap;
      margin-top: 23px; }
      .ui.menu .drill-down-reports-container .report-controls .report-buttons button, .ui.menu .drill-down-reports-container .report-controls .report-buttons .ui.button.dropdown {
        margin-bottom: 20px;
        margin-right: 10px; }
    .ui.menu .drill-down-reports-container .report-controls .datetime-range-picker-input {
      margin: 0;
      min-width: 340px;
      width: 100%; }
  .ui.menu .drill-down-reports-container .invisible {
    visibility: hidden; }
  @media only screen and (max-width: 1025px) {
    .ui.menu .drill-down-reports-container .dropdown-label.ui.dropdown .dropdown.icon {
      right: 14px; } }
  @media only screen and (max-width: 767px) {
    .ui.menu .drill-down-reports-container .report-controls {
      display: block !important; }
      .ui.menu .drill-down-reports-container .report-controls .report-buttons {
        display: block;
        margin-left: 0;
        margin-top: 0;
        padding: 0; }
        .ui.menu .drill-down-reports-container .report-controls .report-buttons button, .ui.menu .drill-down-reports-container .report-controls .report-buttons .ui.button.dropdown {
          margin-right: 0;
          width: 100%; }
      .ui.menu .drill-down-reports-container .report-controls .datetime-range-picker-input {
        min-width: 300px; } }

#report-table-wrapper .print-frame {
  display: none; }

#report-table-wrapper .fin-report {
  min-height: 290px;
  overflow-x: auto; }

#report-table-wrapper .ui.celled.table {
  table-layout: fixed; }
  #report-table-wrapper .ui.celled.table td {
    padding-left: .5em !important;
    word-break: break-word; }
    #report-table-wrapper .ui.celled.table td.report-column {
      text-align: right; }
    #report-table-wrapper .ui.celled.table td.report-column:nth-child(1) {
      text-align: left; }
  #report-table-wrapper .ui.celled.table th {
    word-break: break-word; }

#report-table-wrapper .ui.compact.table {
  font-size: .8rem;
  padding: 0 0 0 1rem; }
  #report-table-wrapper .ui.compact.table td {
    border: 0; }
  #report-table-wrapper .ui.compact.table td:not(:first-child) {
    white-space: nowrap; }

#report-table-wrapper .report-info {
  font-size: .8rem;
  line-height: 1rem; }

#report-table-wrapper #report-table-data-wrapper > .ui.segment {
  min-width: 10%;
  overflow: auto; }

#activity-summary .title {
  padding: 1em 0; }

#activity-summary .till-summary-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1em;
  width: 100%; }
  #activity-summary .till-summary-table > .static-columns {
    width: auto; }
    #activity-summary .till-summary-table > .static-columns > .ui.table {
      border-right: 1px solid #e5e5e5;
      width: auto; }
      #activity-summary .till-summary-table > .static-columns > .ui.table td, #activity-summary .till-summary-table > .static-columns > .ui.table th {
        color: #333;
        font-weight: 800;
        padding-right: 4em;
        white-space: nowrap; }
  #activity-summary .till-summary-table > .scrolling-columns {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    overflow-x: auto; }
    #activity-summary .till-summary-table > .scrolling-columns > .ui.table td, #activity-summary .till-summary-table > .scrolling-columns > .ui.table th {
      white-space: nowrap; }

#financial-overview .nowrap {
  white-space: nowrap; }

.table-chart-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .table-chart-buttons h4.fin-over-header {
    -ms-flex-item-align: start;
        align-self: start;
    line-height: 1.8rem;
    margin-bottom: 0; }
  .table-chart-buttons .toggle-buttons {
    -ms-flex-item-align: end;
        align-self: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0.5rem; }
    .table-chart-buttons .toggle-buttons .button {
      position: relative;
      top: -1px; }

.report-helper {
  float: right;
  margin-left: 0.25em; }
  .report-helper .search-reports {
    cursor: pointer;
    padding: .5em 0.2em;
    position: relative;
    right: 27px; }

.reports-sub-menu .ui.message {
  margin: 0;
  padding: 0.5em; }

.hospitality.financial-overview .column-chart {
  height: 500px; }

@media print {
  .reports-route main {
    display: inline !important; }
  .reports-route div {
    display: block !important;
    overflow-y: visible !important; }
  .reports-route header,
  .reports-route footer,
  .reports-route .sub-menu,
  .reports-route .left-menu-container,
  .reports-route .reports-container,
  .reports-route .drill-down-reports-container,
  .reports-route .report-location-bar,
  .reports-route .pika-single,
  .reports-route .period-select,
  .reports-route .sidebar-open > .article > .ui.active.dimmer,
  .reports-route .modal {
    display: none !important; }
  .reports-route .page-wrapper {
    padding: 0 !important; }
  .reports-route .left-menu-container ~ .article {
    left: 0; }
  .reports-route .popover,
  .reports-route .ui.dropdown,
  .reports-route .ui.button {
    display: none !important; }
  .reports-route #report-table-wrapper,
  .reports-route #drill-down-report-table-wrapper,
  .reports-route #report-table-data-wrapper,
  .reports-route #report-table-data-wrapper > .ui.segment {
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 0; }
  .reports-route #report-table-wrapper,
  .reports-route #drill-down-report-table-wrapper,
  .reports-route #report-table-data-wrapper > .ui.segment {
    border-top: 0; }
  .reports-route .report-header {
    border-bottom: none;
    border-right: none;
    border-top: none; }
  .reports-route #report-table-data-wrapper table {
    table-layout: fixed; }
    .reports-route #report-table-data-wrapper table td {
      overflow-wrap: break-word; }
  .reports-route #report-table-data-wrapper > .grid > .column {
    page-break-inside: avoid; }
  .reports-route div:nth-of-type(2), .reports-route div:nth-of-type(3) {
    border: none; }
  .reports-route .attached > h4 {
    padding: 0rem !important; }
  .reports-route .yield-wrap {
    overflow-x: visible; }
  .reports-route .site-content {
    background: none; }
  .reports-route .echo.financial-overview button {
    display: none !important; }
  .reports-route .echo.financial-overview .segment .fin-report {
    border: 0px !important;
    min-height: 100%;
    padding: 0px !important; }
  .reports-route .echo.financial-overview .ui.table td {
    padding: 0.25em 0.25em;
    text-align: inherit; }
  .reports-route .echo.financial-overview .ui.table {
    margin-bottom: 0px !important; }
  .reports-route .echo.financial-overview .bar-tables.ui.grid:after {
    clear: both;
    content: "";
    display: block; }
  .reports-route .echo.financial-overview .bar-tables.ui.grid > .column {
    float: left !important; }
  .reports-route .echo.financial-overview .yield-wrap .ui.grid .column {
    width: 33.333% !important; }
  .reports-route .hospitality.financial-overview .bar {
    display: none !important; }
  .reports-route .hospitality.financial-overview .yield-wrap .ui.grid .column:not(.statistic-report):not(.cash-summary-report) {
    width: 100% !important; }
  .reports-route .hospitality.financial-overview .yield-wrap .ui.grid .column.statistic-report,
  .reports-route .hospitality.financial-overview .yield-wrap .ui.grid .column.cash-summary-report {
    width: 25% !important; } }

.transactions {
  background-color: #fff;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0;
  position: relative;
  width: 100%; }
  .transactions .star-trans {
    -webkit-box-orient: initial;
    -webkit-box-direction: initial;
        -ms-flex-direction: initial;
            flex-direction: initial; }
  .transactions .allow-refunds-toggle {
    position: absolute;
    right: 0;
    top: -80px; }
  .transactions .controls > .ui.button,
  .transactions .controls > .ui.input {
    margin-bottom: 20px; }
  .transactions .datetime-range-picker-input {
    width: 350px; }
  .transactions .mobile-datetime-range-picker {
    margin-bottom: 10px; }
    .transactions .mobile-datetime-range-picker .ui.dropdown,
    .transactions .mobile-datetime-range-picker .ui.input,
    .transactions .mobile-datetime-range-picker label {
      margin-bottom: 10px; }
    .transactions .mobile-datetime-range-picker .custom-timerange-inputs {
      padding-bottom: 10px; }
    .transactions .mobile-datetime-range-picker label {
      display: block;
      font-weight: 800; }
  .transactions .transactions-table {
    overflow: auto;
    width: 100%; }
  .transactions .refund-link {
    color: #009bf4;
    font-weight: 800; }
    .transactions .refund-link.disabled {
      color: rgba(0, 155, 244, 0.5);
      cursor: default !important; }
  .transactions .grouped-buttons a.disabled {
    cursor: default !important; }

@media only screen and (max-width: 767px) {
  .transactions .allow-refunds-toggle {
    top: -65px; }
  .transactions .controls {
    margin: 20px 10px; }
    .transactions .controls > .ui.button,
    .transactions .controls > .ui.input {
      width: 100%; }
  .transactions .transactions-table {
    margin: 0 10px;
    width: auto; } }

/* stylelint-disable no-descending-specificity */
.grid.sign-in {
  background-color: #003e61;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 !important;
  min-height: 100vh; }
  .grid.sign-in .sign-in-form {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .grid.sign-in .sign-in-form .column {
      max-width: 360px;
      padding: 0 !important; }
      .grid.sign-in .sign-in-form .column .logo {
        height: 100%;
        margin-bottom: 1.5em;
        width: 100%; }
      .grid.sign-in .sign-in-form .column .ui.sign-in-form .ui.segment {
        border-radius: 0 !important;
        padding: 30px 30px 20px; }
        .grid.sign-in .sign-in-form .column .ui.sign-in-form .ui.segment .field > label {
          color: rgba(0, 0, 0, 0.27);
          display: block;
          float: left;
          font-size: 0.92857143em;
          font-weight: bold;
          margin: 0em 0em 0.28571429rem 0em;
          text-transform: none; }
        .grid.sign-in .sign-in-form .column .ui.sign-in-form .ui.segment .button {
          background: #009bf4;
          color: #FFFFFF;
          font-size: 14px;
          font-weight: 800;
          letter-spacing: 0; }
        .grid.sign-in .sign-in-form .column .ui.sign-in-form .ui.segment .forgot-password-link {
          font-size: 14px;
          font-weight: 800;
          letter-spacing: 0;
          line-height: 1.43;
          padding-top: 20px; }
          .grid.sign-in .sign-in-form .column .ui.sign-in-form .ui.segment .forgot-password-link a {
            color: #009bf4; }
        .grid.sign-in .sign-in-form .column .ui.sign-in-form .ui.segment .reset-pwd {
          color: #333333;
          font-size: 24px;
          letter-spacing: 0;
          line-height: 1.25;
          padding-bottom: 10px;
          position: relative;
          top: -5px; }
        .grid.sign-in .sign-in-form .column .ui.sign-in-form .ui.segment .sign-in-links-container {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between; }
        .grid.sign-in .sign-in-form .column .ui.sign-in-form .ui.segment.ltm {
          background-color: #e5f5fe; }
          .grid.sign-in .sign-in-form .column .ui.sign-in-form .ui.segment.ltm .button {
            margin-bottom: 10px; }
  .grid.sign-in .maintenance-warning > .column {
    max-width: 80%; }
    .grid.sign-in .maintenance-warning > .column .ui.negative.message {
      background-color: white; }
      .grid.sign-in .maintenance-warning > .column .ui.negative.message > .header {
        color: #FF0000; }
      .grid.sign-in .maintenance-warning > .column .ui.negative.message > p {
        color: black; }
  .grid.sign-in .alerts > .column {
    padding: 0.5em 1em; }
    .grid.sign-in .alerts > .column:first-child {
      padding-top: 0em; }
    .grid.sign-in .alerts > .column:last-child {
      padding-bottom: 0em; }
    .grid.sign-in .alerts > .column > .message {
      margin: auto; }
  .grid.sign-in .sign-in-header {
    font-size: 1em;
    margin-bottom: 1.4em !important; }

.ui.grid.sign-in-v2 {
  background-color: #090304;
  background-image: url(https://lighthouse-image-uploads.s3.amazonaws.com/bg-lineart.png);
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 !important;
  min-height: 100vh;
  -ms-touch-action: pan-x pan-y;
      touch-action: pan-x pan-y; }
  @media only screen and (max-width: 767px) {
    .ui.grid.sign-in-v2 {
      min-height: 100dvh; } }
  .ui.grid.sign-in-v2 .login-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0; }
  .ui.grid.sign-in-v2 .location-switcher {
    padding: 24px; }
    .ui.grid.sign-in-v2 .location-switcher .switcher {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border: 1px solid rgba(255, 255, 255, 0.38);
      border-radius: 4px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 8px;
      padding: 8px 12px 8px 16px; }
      .ui.grid.sign-in-v2 .location-switcher .switcher:hover {
        border-color: #FFFFFF; }
      .ui.grid.sign-in-v2 .location-switcher .switcher p {
        color: #FFFFFF;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.25px;
        line-height: 20px;
        margin: 0; }
        @media only screen and (max-width: 767px) {
          .ui.grid.sign-in-v2 .location-switcher .switcher p {
            display: none; } }
      .ui.grid.sign-in-v2 .location-switcher .switcher .icon {
        font-size: 14px;
        margin-bottom: 4px; }
        .ui.grid.sign-in-v2 .location-switcher .switcher .icon::before {
          color: #FFFFFF; }
  .ui.grid.sign-in-v2 .internet-payments-wrapper .tray.location-switcher-tray .internet-payments-sliding-tray .tray-header {
    padding: 8px 16px; }
    .ui.grid.sign-in-v2 .internet-payments-wrapper .tray.location-switcher-tray .internet-payments-sliding-tray .tray-header h2 {
      padding: 8px 0; }
  .ui.grid.sign-in-v2 .internet-payments-wrapper .tray.location-switcher-tray .internet-payments-sliding-tray .segments {
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin: 0;
    padding: 16px; }
    .ui.grid.sign-in-v2 .internet-payments-wrapper .tray.location-switcher-tray .internet-payments-sliding-tray .segments .segment {
      border: none;
      border-radius: 8px;
      cursor: pointer;
      padding: 8px 16px; }
      .ui.grid.sign-in-v2 .internet-payments-wrapper .tray.location-switcher-tray .internet-payments-sliding-tray .segments .segment:hover {
        background-color: #F5F5F5; }
      .ui.grid.sign-in-v2 .internet-payments-wrapper .tray.location-switcher-tray .internet-payments-sliding-tray .segments .segment span {
        color: rgba(0, 0, 0, 0.87);
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: 0.1px;
        line-height: 24px; }
  .ui.grid.sign-in-v2 .lbm-logo-container {
    color: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 24px 32px; }
    .ui.grid.sign-in-v2 .lbm-logo-container .divider {
      background-color: #FFFFFF;
      display: block;
      height: 30px;
      margin: auto 32px;
      opacity: 0.5;
      width: 1px; }
    .ui.grid.sign-in-v2 .lbm-logo-container span {
      font-size: 16px;
      font-weight: 400;
      letter-spacing: 0.25px;
      line-height: 24px;
      margin: auto 0;
      opacity: 0.9; }
    @media only screen and (max-width: 767px) {
      .ui.grid.sign-in-v2 .lbm-logo-container {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        .ui.grid.sign-in-v2 .lbm-logo-container img {
          margin-bottom: 8px; }
        .ui.grid.sign-in-v2 .lbm-logo-container .divider {
          display: none; } }
  .ui.grid.sign-in-v2 .sign-in-form {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    @media only screen and (max-width: 767px) {
      .ui.grid.sign-in-v2 .sign-in-form {
        margin-bottom: 30px; } }
    .ui.grid.sign-in-v2 .sign-in-form .column {
      max-width: 560px;
      padding: 0 16px; }
      .ui.grid.sign-in-v2 .sign-in-form .column .ui.sign-in-form .ui.segment {
        border-radius: 4px;
        padding: 64px; }
        .ui.grid.sign-in-v2 .sign-in-form .column .ui.sign-in-form .ui.segment.ltm {
          padding: 32px 64px; }
        @media only screen and (max-width: 767px) {
          .ui.grid.sign-in-v2 .sign-in-form .column .ui.sign-in-form .ui.segment {
            padding: 32px 24px; } }
        .ui.grid.sign-in-v2 .sign-in-form .column .ui.sign-in-form .ui.segment .success-message {
          font-size: 20px;
          line-height: 25px;
          margin-bottom: 32px;
          text-align: center; }
          .ui.grid.sign-in-v2 .sign-in-form .column .ui.sign-in-form .ui.segment .success-message svg {
            background-color: #48AA2F;
            border-radius: 50%;
            display: block;
            height: 60px;
            margin: 0 auto;
            margin-bottom: 32px;
            padding: 10px;
            width: 60px; }
            .ui.grid.sign-in-v2 .sign-in-form .column .ui.sign-in-form .ui.segment .success-message svg path {
              fill: #FFFFFF; }
        .ui.grid.sign-in-v2 .sign-in-form .column .ui.sign-in-form .ui.segment .reset-pwd,
        .ui.grid.sign-in-v2 .sign-in-form .column .ui.sign-in-form .ui.segment .header-title h3 {
          color: #333333;
          font-size: 24px;
          font-style: normal;
          font-weight: 400;
          letter-spacing: 0.18px;
          line-height: 24px;
          margin-bottom: 32px;
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .ui.grid.sign-in-v2 .sign-in-form .column .ui.sign-in-form .ui.segment .reset-pwd,
            .ui.grid.sign-in-v2 .sign-in-form .column .ui.sign-in-form .ui.segment .header-title h3 {
              font-size: 20px; } }
        .ui.grid.sign-in-v2 .sign-in-form .column .ui.sign-in-form .ui.segment p.resend-registration {
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          letter-spacing: 0.25px;
          line-height: 24px;
          margin-bottom: 32px; }
          @media only screen and (max-width: 767px) {
            .ui.grid.sign-in-v2 .sign-in-form .column .ui.sign-in-form .ui.segment p.resend-registration {
              font-size: 14px; } }
        .ui.grid.sign-in-v2 .sign-in-form .column .ui.sign-in-form .ui.segment a {
          color: #0E5BF3;
          font-weight: 700; }
        .ui.grid.sign-in-v2 .sign-in-form .column .ui.sign-in-form .ui.segment .field {
          margin-bottom: 16px; }
          .ui.grid.sign-in-v2 .sign-in-form .column .ui.sign-in-form .ui.segment .field .ui.input input {
            background-color: #FFFFFF;
            border: 1px solid rgba(0, 0, 0, 0.16);
            border-radius: 4px;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            letter-spacing: 0.25px;
            line-height: 24px;
            padding: 15px 16px; }
            .ui.grid.sign-in-v2 .sign-in-form .column .ui.sign-in-form .ui.segment .field .ui.input input.password-input {
              padding-right: 44px; }
          .ui.grid.sign-in-v2 .sign-in-form .column .ui.sign-in-form .ui.segment .field .ui.input .eye-icon {
            position: absolute;
            right: 16px;
            top: 30%; }
            .ui.grid.sign-in-v2 .sign-in-form .column .ui.sign-in-form .ui.segment .field .ui.input .eye-icon.visible svg path {
              fill: #0E5BF3;
              opacity: 1; }
            .ui.grid.sign-in-v2 .sign-in-form .column .ui.sign-in-form .ui.segment .field .ui.input .eye-icon.hidden svg path {
              fill: #000000;
              opacity: 0.6; }
        .ui.grid.sign-in-v2 .sign-in-form .column .ui.sign-in-form .ui.segment .button {
          background: #0E5BF3;
          color: #FFFFFF;
          font-size: 14px;
          font-weight: 800;
          letter-spacing: 0;
          margin-bottom: 32px;
          padding: 10px;
          text-transform: uppercase; }
        .ui.grid.sign-in-v2 .sign-in-form .column .ui.sign-in-form .ui.segment .forgot-password-link {
          -webkit-column-gap: 10px;
             -moz-column-gap: 10px;
                  column-gap: 10px;
          display: grid;
          grid-template-columns: 1fr 0.1fr 1fr; }
          .ui.grid.sign-in-v2 .sign-in-form .column .ui.sign-in-form .ui.segment .forgot-password-link.center {
            display: block; }
          .ui.grid.sign-in-v2 .sign-in-form .column .ui.sign-in-form .ui.segment .forgot-password-link a {
            color: #0E5BF3;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            letter-spacing: 0.15px;
            line-height: 24px;
            text-align: left; }
            .ui.grid.sign-in-v2 .sign-in-form .column .ui.sign-in-form .ui.segment .forgot-password-link a:nth-child(1) {
              text-align: right; }
          .ui.grid.sign-in-v2 .sign-in-form .column .ui.sign-in-form .ui.segment .forgot-password-link .divider {
            background-color: #000000;
            display: block;
            height: 16px;
            margin: 0 auto;
            margin-top: 4px;
            opacity: 0.12;
            width: 1px; }
          @media only screen and (max-width: 767px) {
            .ui.grid.sign-in-v2 .sign-in-form .column .ui.sign-in-form .ui.segment .forgot-password-link {
              -webkit-column-gap: 5px;
                 -moz-column-gap: 5px;
                      column-gap: 5px; }
              .ui.grid.sign-in-v2 .sign-in-form .column .ui.sign-in-form .ui.segment .forgot-password-link a {
                font-size: 14px;
                margin: 0 auto; }
              .ui.grid.sign-in-v2 .sign-in-form .column .ui.sign-in-form .ui.segment .forgot-password-link .divider {
                height: 14px;
                margin: 4px 0 0 0; } }
          .ui.grid.sign-in-v2 .sign-in-form .column .ui.sign-in-form .ui.segment .forgot-password-link.sign-in {
            -webkit-column-gap: 0;
               -moz-column-gap: 0;
                    column-gap: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
            .ui.grid.sign-in-v2 .sign-in-form .column .ui.sign-in-form .ui.segment .forgot-password-link.sign-in a {
              padding: 0 8px; }
            @media only screen and (max-width: 430px) {
              .ui.grid.sign-in-v2 .sign-in-form .column .ui.sign-in-form .ui.segment .forgot-password-link.sign-in {
                display: block; }
                .ui.grid.sign-in-v2 .sign-in-form .column .ui.sign-in-form .ui.segment .forgot-password-link.sign-in .divider {
                  display: none; }
                .ui.grid.sign-in-v2 .sign-in-form .column .ui.sign-in-form .ui.segment .forgot-password-link.sign-in a {
                  display: block;
                  padding: 8px 0;
                  text-align: center; } }
  .ui.grid.sign-in-v2 .registration-information-modal .fullscreen-modal {
    border-radius: 4px;
    height: 100vh;
    margin: 0 auto;
    max-height: 780px;
    max-width: 800px;
    padding: 48px 64px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .ui.grid.sign-in-v2 .registration-information-modal .fullscreen-modal {
        border-radius: 0;
        max-height: 100vh;
        max-width: 100%;
        padding: 16px 24px 32px 24px; } }
    .ui.grid.sign-in-v2 .registration-information-modal .fullscreen-modal > .header.top-title {
      background-color: #FFFFFF;
      -webkit-box-pack: normal;
          -ms-flex-pack: normal;
              justify-content: normal; }
      .ui.grid.sign-in-v2 .registration-information-modal .fullscreen-modal > .header.top-title h2 {
        color: #333333;
        margin: 0; }
      .ui.grid.sign-in-v2 .registration-information-modal .fullscreen-modal > .header.top-title .icon {
        background-color: rgba(0, 0, 0, 0.04);
        border: none;
        border-radius: 50px;
        color: #000000;
        -webkit-transition: all 150ms ease-in-out;
        transition: all 150ms ease-in-out; }
        .ui.grid.sign-in-v2 .registration-information-modal .fullscreen-modal > .header.top-title .icon:hover {
          background-color: #F2F6FE;
          color: #0E5BF3; }
    .ui.grid.sign-in-v2 .registration-information-modal .fullscreen-modal .content {
      padding: 32px 0; }
      .ui.grid.sign-in-v2 .registration-information-modal .fullscreen-modal .content ol {
        -webkit-padding-start: 20px;
                padding-inline-start: 20px; }
  .ui.grid.sign-in-v2 .maintenance-warning > .column {
    max-width: 80%; }
    .ui.grid.sign-in-v2 .maintenance-warning > .column .ui.negative.message {
      background-color: #FFFFFF; }
      .ui.grid.sign-in-v2 .maintenance-warning > .column .ui.negative.message > .header {
        color: #FF0000; }
      .ui.grid.sign-in-v2 .maintenance-warning > .column .ui.negative.message > p {
        color: #000000; }
  .ui.grid.sign-in-v2 .alerts {
    padding: 0; }
    .ui.grid.sign-in-v2 .alerts > .column {
      padding: 0; }
      .ui.grid.sign-in-v2 .alerts > .column > .message {
        background: rgba(246, 167, 53, 0.3);
        border-bottom: 1px solid #F6A735;
        border-radius: 0;
        color: #FFFFFF;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        padding: 16px;
        text-align: left; }
        .ui.grid.sign-in-v2 .alerts > .column > .message .icon {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin-right: 16px; }
          .ui.grid.sign-in-v2 .alerts > .column > .message .icon svg path {
            fill: #F6A735; }
        .ui.grid.sign-in-v2 .alerts > .column > .message p {
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          letter-spacing: 0.25px;
          line-height: 24px;
          margin: 0; }
          .ui.grid.sign-in-v2 .alerts > .column > .message p b {
            font-weight: 700; }

.ui.grid.sign-in-v2-light {
  background-color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 !important;
  min-height: 100vh;
  -ms-touch-action: pan-x pan-y;
      touch-action: pan-x pan-y; }
  @media only screen and (max-width: 767px) {
    .ui.grid.sign-in-v2-light {
      min-height: 100dvh; } }
  .ui.grid.sign-in-v2-light .login-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0; }
  .ui.grid.sign-in-v2-light .location-switcher {
    padding: 24px; }
    .ui.grid.sign-in-v2-light .location-switcher .switcher {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border: 1px solid rgba(0, 0, 0, 0.16);
      border-radius: 4px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 8px;
      padding: 8px 12px 8px 16px; }
      .ui.grid.sign-in-v2-light .location-switcher .switcher:hover {
        border-color: rgba(0, 0, 0, 0.6); }
      .ui.grid.sign-in-v2-light .location-switcher .switcher svg path, .ui.grid.sign-in-v2-light .location-switcher .switcher svg rect {
        fill: #090304; }
      .ui.grid.sign-in-v2-light .location-switcher .switcher p {
        color: rgba(0, 0, 0, 0.87);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.25px;
        line-height: 20px;
        margin: 0; }
        @media only screen and (max-width: 767px) {
          .ui.grid.sign-in-v2-light .location-switcher .switcher p {
            display: none; } }
      .ui.grid.sign-in-v2-light .location-switcher .switcher .icon {
        font-size: 14px;
        margin-bottom: 4px; }
        .ui.grid.sign-in-v2-light .location-switcher .switcher .icon::before {
          color: rgba(0, 0, 0, 0.87); }
  .ui.grid.sign-in-v2-light .internet-payments-wrapper .tray.location-switcher-tray .internet-payments-sliding-tray .tray-header {
    padding: 8px 16px; }
    .ui.grid.sign-in-v2-light .internet-payments-wrapper .tray.location-switcher-tray .internet-payments-sliding-tray .tray-header h2 {
      padding: 8px 0; }
  .ui.grid.sign-in-v2-light .internet-payments-wrapper .tray.location-switcher-tray .internet-payments-sliding-tray .segments {
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin: 0;
    padding: 16px; }
    .ui.grid.sign-in-v2-light .internet-payments-wrapper .tray.location-switcher-tray .internet-payments-sliding-tray .segments .segment {
      border: none;
      border-radius: 8px;
      cursor: pointer;
      padding: 8px 16px; }
      .ui.grid.sign-in-v2-light .internet-payments-wrapper .tray.location-switcher-tray .internet-payments-sliding-tray .segments .segment:hover {
        background-color: #F5F5F5; }
      .ui.grid.sign-in-v2-light .internet-payments-wrapper .tray.location-switcher-tray .internet-payments-sliding-tray .segments .segment span {
        color: rgba(0, 0, 0, 0.87);
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: 0.1px;
        line-height: 24px; }
  .ui.grid.sign-in-v2-light .lbm-logo-container {
    color: rgba(0, 0, 0, 0.6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 24px 32px; }
    .ui.grid.sign-in-v2-light .lbm-logo-container .divider {
      background-color: rgba(0, 0, 0, 0.12);
      display: block;
      height: 30px;
      margin: auto 32px;
      opacity: 0.5;
      width: 1px; }
    .ui.grid.sign-in-v2-light .lbm-logo-container span {
      font-size: 16px;
      font-weight: 400;
      letter-spacing: 0.25px;
      line-height: 24px;
      margin: auto 0;
      opacity: 0.9; }
      @media only screen and (max-width: 767px) {
        .ui.grid.sign-in-v2-light .lbm-logo-container span {
          font-size: 100%;
          white-space: nowrap; } }
    @media only screen and (max-width: 767px) {
      .ui.grid.sign-in-v2-light .lbm-logo-container {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        .ui.grid.sign-in-v2-light .lbm-logo-container img {
          margin-bottom: 8px; }
        .ui.grid.sign-in-v2-light .lbm-logo-container .divider {
          display: none; } }
  .ui.grid.sign-in-v2-light .sign-in-form {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    @media only screen and (max-width: 767px) {
      .ui.grid.sign-in-v2-light .sign-in-form {
        margin-bottom: 30px; } }
    .ui.grid.sign-in-v2-light .sign-in-form .column {
      max-width: 560px;
      padding: 0 16px; }
      .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment {
        border: none;
        -webkit-box-shadow: none;
                box-shadow: none;
        padding: 64px 64px 48px 64px; }
        .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment.ltm {
          background: #F1F5FE;
          border-radius: 4px;
          margin: 0 32px;
          padding: 32px; }
          @media only screen and (max-width: 767px) {
            .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment.ltm {
              margin: 0;
              padding: 24px; } }
          .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment.ltm .button {
            margin-bottom: 10px; }
        @media only screen and (max-width: 767px) {
          .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment {
            padding: 32px 24px; } }
        .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment .success-message {
          font-size: 20px;
          line-height: 25px;
          margin-bottom: 32px;
          text-align: center; }
          .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment .success-message svg {
            background-color: #48AA2F;
            border-radius: 50%;
            display: block;
            height: 60px;
            margin: 0 auto;
            margin-bottom: 32px;
            padding: 10px;
            width: 60px; }
            .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment .success-message svg path {
              fill: #FFFFFF; }
        .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment .recovery-message {
          padding: 32px 0; }
          .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment .recovery-message p {
            color: #333333;
            font-size: 24px;
            font-style: normal;
            font-weight: 400;
            letter-spacing: 0.18px;
            line-height: 36px;
            margin: 0;
            text-align: center; }
        .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment .reset-pwd,
        .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment .header-title h3 {
          color: #333333;
          font-size: 24px;
          font-style: normal;
          font-weight: 400;
          letter-spacing: 0.18px;
          line-height: 24px;
          margin-bottom: 32px;
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment .reset-pwd,
            .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment .header-title h3 {
              font-size: 20px; } }
        .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment p.resend-registration {
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          letter-spacing: 0.25px;
          line-height: 24px;
          margin-bottom: 32px; }
          @media only screen and (max-width: 767px) {
            .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment p.resend-registration {
              font-size: 14px; } }
        .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment a {
          color: #0E5BF3;
          font-weight: 700; }
        .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment .field {
          margin-bottom: 16px; }
          .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment .field .internet-payments-input input[type='text'].password-input ~ .show-password svg,
          .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment .field .internet-payments-input input.password-input:focus ~ .show-password svg {
            fill: #0E5BF3; }
          .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment .field .internet-payments-input input[type=text]::-webkit-credentials-auto-fill-button, .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment .field .internet-payments-input input[type=password]::-webkit-credentials-auto-fill-button {
            opacity: 0;
            visibility: hidden; }
          .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment .field .ui.input input {
            background-color: #FFFFFF;
            border: 1px solid rgba(0, 0, 0, 0.16);
            border-radius: 4px;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            letter-spacing: 0.25px;
            line-height: 24px;
            padding: 15px 16px; }
            .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment .field .ui.input input.password-input {
              padding-right: 44px; }
          .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment .field .ui.input .eye-icon {
            position: absolute;
            right: 16px;
            top: 30%; }
            .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment .field .ui.input .eye-icon.visible svg path {
              fill: #0E5BF3;
              opacity: 1; }
            .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment .field .ui.input .eye-icon.hidden svg path {
              fill: #000000;
              opacity: 0.6; }
          .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment .field.error .internet-payments-input input {
            background-color: #FFFFFF;
            border-color: #B00020; }
          .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment .field.error .internet-payments-input span.placeholder {
            color: #B00020; }
        .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment .button {
          background: #0E5BF3;
          color: #FFFFFF;
          font-size: 14px;
          font-weight: 800;
          letter-spacing: 0;
          margin-bottom: 32px;
          padding: 10px;
          text-transform: uppercase; }
        .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment .ui.error.message {
          background: none;
          border: none;
          color: #B00020;
          margin: -12px 0 10px 10px;
          padding: 0;
          text-align: left; }
        .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment .forgot-password-link {
          -webkit-column-gap: 10px;
             -moz-column-gap: 10px;
                  column-gap: 10px;
          display: grid;
          grid-template-columns: 1fr 0.1fr 1fr; }
          .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment .forgot-password-link.center {
            display: block; }
          .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment .forgot-password-link a {
            color: #0E5BF3;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            letter-spacing: 0.15px;
            line-height: 24px;
            text-align: left; }
            .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment .forgot-password-link a:nth-child(1) {
              text-align: right; }
          .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment .forgot-password-link .divider {
            background-color: #000000;
            display: block;
            height: 16px;
            margin: 0 auto;
            margin-top: 4px;
            opacity: 0.12;
            width: 1px; }
          @media only screen and (max-width: 767px) {
            .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment .forgot-password-link {
              -webkit-column-gap: 5px;
                 -moz-column-gap: 5px;
                      column-gap: 5px; }
              .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment .forgot-password-link a {
                font-size: 14px;
                margin: 0 auto; }
              .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment .forgot-password-link .divider {
                height: 14px;
                margin: 4px 0 0 0; } }
          .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment .forgot-password-link.sign-in {
            -webkit-column-gap: 0;
               -moz-column-gap: 0;
                    column-gap: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
            .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment .forgot-password-link.sign-in a {
              padding: 0 8px; }
            @media only screen and (max-width: 430px) {
              .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment .forgot-password-link.sign-in {
                display: block; }
                .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment .forgot-password-link.sign-in .divider {
                  display: none; }
                .ui.grid.sign-in-v2-light .sign-in-form .column .ui.sign-in-form .ui.segment .forgot-password-link.sign-in a {
                  display: block;
                  padding: 8px 0;
                  text-align: center; } }
  .ui.grid.sign-in-v2-light .registration-information-modal .fullscreen-modal {
    border-radius: 4px;
    height: 100vh;
    margin: 0 auto;
    max-height: 780px;
    max-width: 800px;
    padding: 48px 64px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .ui.grid.sign-in-v2-light .registration-information-modal .fullscreen-modal {
        border-radius: 0;
        max-height: 100vh;
        max-width: 100%;
        padding: 16px 24px 32px 24px; } }
    .ui.grid.sign-in-v2-light .registration-information-modal .fullscreen-modal > .header.top-title {
      background-color: #FFFFFF;
      -webkit-box-pack: normal;
          -ms-flex-pack: normal;
              justify-content: normal; }
      .ui.grid.sign-in-v2-light .registration-information-modal .fullscreen-modal > .header.top-title h2 {
        color: #333333;
        margin: 0; }
      .ui.grid.sign-in-v2-light .registration-information-modal .fullscreen-modal > .header.top-title .icon {
        background-color: rgba(0, 0, 0, 0.04);
        border: none;
        border-radius: 50px;
        color: #000000;
        -webkit-transition: all 150ms ease-in-out;
        transition: all 150ms ease-in-out; }
        .ui.grid.sign-in-v2-light .registration-information-modal .fullscreen-modal > .header.top-title .icon:hover {
          background-color: #F2F6FE;
          color: #0E5BF3; }
    .ui.grid.sign-in-v2-light .registration-information-modal .fullscreen-modal .content {
      padding: 32px 0; }
      .ui.grid.sign-in-v2-light .registration-information-modal .fullscreen-modal .content ol {
        -webkit-padding-start: 20px;
                padding-inline-start: 20px; }
  .ui.grid.sign-in-v2-light .maintenance-warning > .column {
    max-width: 80%; }
    .ui.grid.sign-in-v2-light .maintenance-warning > .column .ui.negative.message {
      background-color: #FFFFFF; }
      .ui.grid.sign-in-v2-light .maintenance-warning > .column .ui.negative.message > .header {
        color: #FF0000; }
      .ui.grid.sign-in-v2-light .maintenance-warning > .column .ui.negative.message > p {
        color: #000000; }
  .ui.grid.sign-in-v2-light .alerts {
    padding: 0; }
    .ui.grid.sign-in-v2-light .alerts > .column {
      padding: 0; }
      .ui.grid.sign-in-v2-light .alerts > .column > .message {
        background: rgba(246, 167, 53, 0.08);
        border-radius: 0;
        color: #090304;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        padding: 8px 16px;
        text-align: left; }
        .ui.grid.sign-in-v2-light .alerts > .column > .message .icon {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin-right: 8px; }
          .ui.grid.sign-in-v2-light .alerts > .column > .message .icon svg path {
            fill: #f6a735; }
        .ui.grid.sign-in-v2-light .alerts > .column > .message p {
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          letter-spacing: 0.25px;
          line-height: 24px;
          margin: 0; }
          .ui.grid.sign-in-v2-light .alerts > .column > .message p b {
            font-weight: 700; }

::-ms-reveal {
  display: none; }

/*** Styles added to fix the issue with zoom in on iphone ***/
/* iPhone < 5: */
@media screen and (device-aspect-ratio: 2 / 3) {
  .ui.sign-in-form input[type="email"],
  .ui.sign-in-form input[type="password"] {
    font-size: 16px; } }

/* iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40 / 71) {
  .ui.sign-in-form input[type="email"],
  .ui.sign-in-form input[type="password"] {
    font-size: 16px; } }

/* iPhone 6, iPhone 6s, iPhone 7 portrait/landscape */
@media screen and (device-aspect-ratio: 375 / 667) {
  .ui.sign-in-form input[type="email"],
  .ui.sign-in-form input[type="password"] {
    font-size: 16px; } }

/* iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus portrait/landscape */
@media screen and (device-aspect-ratio: 9 / 16) {
  .ui.sign-in-form input[type="email"],
  .ui.sign-in-form input[type="password"] {
    font-size: 16px; } }

/* Reduce blank space between login form and warning message */
/* iPad Pro portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
  .sign-in .row.sign-in-form.upper {
    -ms-flex-item-align: start;
        align-self: flex-start; } }

.dashboard-toggle.segment {
  text-align: right; }

.dashboard .processing {
  overflow-y: scroll;
  padding: 0px !important; }

.dashboard .secondary span, .dashboard .internet-payments-wrapper .dropdown-file-selector span, .internet-payments-wrapper .dashboard .dropdown-file-selector span, .dashboard .internet-payments-wrapper .download-label-button .download span, .internet-payments-wrapper .download-label-button .dashboard .download span, .dashboard .internet-payments-fullscreen-modal > .header.top-title .close-btn span, .internet-payments-fullscreen-modal > .header.top-title .dashboard .close-btn span {
  float: left; }

.dashboard .secondary .ui.dropdown, .dashboard .internet-payments-wrapper .dropdown-file-selector .ui.dropdown, .internet-payments-wrapper .dashboard .dropdown-file-selector .ui.dropdown, .dashboard .internet-payments-wrapper .download-label-button .download .ui.dropdown, .internet-payments-wrapper .download-label-button .dashboard .download .ui.dropdown, .dashboard .internet-payments-fullscreen-modal > .header.top-title .close-btn .ui.dropdown, .internet-payments-fullscreen-modal > .header.top-title .dashboard .close-btn .ui.dropdown {
  float: right; }

.dashboard .ui.table {
  background: #ffffff;
  border: 0px;
  border-collapse: collapse;
  border-radius: 0.28571429rem;
  border-spacing: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: rgba(0, 0, 0, 0.87);
  margin: 0em !important;
  text-align: left;
  width: 100%; }

.dashboard .transactions {
  display: none;
  padding-bottom: 1.25em !important;
  padding-left: 1.5em !important;
  padding-right: 1.2em !important;
  padding-top: 1.25em !important; }

.dashboard .batch {
  cursor: pointer; }
  .dashboard .batch.active i.dropdown.icon {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }

.dashboard .transactions-table {
  border: 2px solid rgba(34, 36, 38, 0.1) !important; }

.dashboard .disclaimer {
  color: rgba(0, 0, 0, 0.6);
  float: none !important;
  font-size: 0.85em;
  padding: 0 5px 0; }

.dashboard-warning.ui.message {
  background-color: #FEF6EA;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #333;
  margin: 0 0 14px; }
  .dashboard-warning.ui.message .close.icon {
    right: .75em; }
  .dashboard-warning.ui.message .header {
    color: #F6A735; }

.processing-detail .ui.segment .floated {
  margin: 0em; }

.fin-overview-charts {
  padding: 1em; }
  .fin-overview-charts .column-chart {
    height: 500px; }

.dash-dollar {
  text-align: center; }
  .dash-dollar .value {
    padding: 1em 0em; }

.disputes .ui .dimmer {
  z-index: initial; }

.disputes .filter-controls {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .disputes .filter-controls .search-filter-controls {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    .disputes .filter-controls .search-filter-controls > .ui.dropdown {
      margin-right: 0; }
    .disputes .filter-controls .search-filter-controls .ui:first-child {
      border-bottom-right-radius: 0;
      border-right-width: 0;
      border-top-right-radius: 0;
      width: 175px; }
    .disputes .filter-controls .search-filter-controls .ui.input:last-child > input,
    .disputes .filter-controls .search-filter-controls .ui.dropdown:last-child {
      border-bottom-left-radius: 0;
      border-top-left-radius: 0;
      width: auto; }

@media only screen and (max-width: 767px) {
  .disputes .filter-controls .search-filter-controls {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .disputes .filter-controls .search-filter-controls .ui:first-child {
      border-bottom-right-radius: 0.28571rem;
      border-right-width: 1px;
      border-top-right-radius: 0.28571rem;
      margin-bottom: 10px;
      width: 100%; }
    .disputes .filter-controls .search-filter-controls .ui.input:last-child > input,
    .disputes .filter-controls .search-filter-controls .ui.dropdown:last-child {
      border-bottom-left-radius: 0.28571rem;
      border-top-left-radius: 0.28571rem;
      width: 100%; }
  .disputes .export {
    margin: 0px 10px; }
    .disputes .export .button {
      margin: 8px 0;
      width: 100%; } }

.support-wrap .items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0;
  width: 100%; }
  .support-wrap .items .item:first-child {
    -ms-flex-item-align: start;
        align-self: flex-start;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .support-wrap .items .item:first-child .search-field .input {
      width: 320px; }
      .support-wrap .items .item:first-child .search-field .input .remove.large.circle.outline.icon {
        cursor: pointer;
        pointer-events: all;
        width: 1.6em; }
  .support-wrap .items .item:nth-child(2), .support-wrap .items .item:nth-child(3) {
    margin-right: 5px; }
  .support-wrap .items .items:last-child {
    -ms-flex-item-align: end;
        align-self: flex-end;
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2; }

.support-wrap .description-box .field .twelve {
  max-height: 20em;
  min-height: 6em;
  overflow-x: hidden;
  overflow-y: auto; }

@media only screen and (max-width: 767px) {
  .support-wrap .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 20px 10px;
    width: auto; }
    .support-wrap .items .item,
    .support-wrap .items .item .primary.button {
      width: 100%; }
    .support-wrap .items .item:first-child {
      -ms-flex-item-align: center;
          align-self: center;
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3; }
      .support-wrap .items .item:first-child .search-field .input {
        width: 100%; }
        .support-wrap .items .item:first-child .search-field .input .remove.large.circle.outline.icon {
          cursor: pointer;
          pointer-events: all;
          width: 1.6em; }
    .support-wrap .items .item:nth-child(2) {
      -ms-flex-item-align: center;
          align-self: center;
      margin: 20px 0;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
    .support-wrap .items .item:nth-child(3) {
      display: none; }
    .support-wrap .items .item:last-child {
      -ms-flex-item-align: center;
          align-self: center;
      margin-left: 0;
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; } }

.ce-campaign .right.secondary.menu .item, .ce-campaign .internet-payments-wrapper .right.menu.dropdown-file-selector .item, .internet-payments-wrapper .ce-campaign .right.menu.dropdown-file-selector .item, .ce-campaign .internet-payments-wrapper .download-label-button .right.menu.download .item, .internet-payments-wrapper .download-label-button .ce-campaign .right.menu.download .item, .ce-campaign .internet-payments-fullscreen-modal > .header.top-title .right.menu.close-btn .item, .internet-payments-fullscreen-modal > .header.top-title .ce-campaign .right.menu.close-btn .item {
  padding-bottom: 5px !important; }

.ce-campaign .header-menu.ui.secondary.menu > .item, .ce-campaign .internet-payments-wrapper .header-menu.ui.menu.dropdown-file-selector > .item, .internet-payments-wrapper .ce-campaign .header-menu.ui.menu.dropdown-file-selector > .item, .ce-campaign .internet-payments-wrapper .download-label-button .header-menu.ui.menu.download > .item, .internet-payments-wrapper .download-label-button .ce-campaign .header-menu.ui.menu.download > .item, .ce-campaign .internet-payments-fullscreen-modal > .header.top-title .header-menu.ui.menu.close-btn > .item, .internet-payments-fullscreen-modal > .header.top-title .ce-campaign .header-menu.ui.menu.close-btn > .item {
  max-width: 100%;
  padding-bottom: 0px !important; }

.ce-campaign .reservation-nav {
  border-radius: 0em !important; }

.ce-campaign .ce-details {
  background-color: #e4ebeb; }
  .ce-campaign .ce-details h4 {
    margin: 0rem !important; }
  .ce-campaign .ce-details .basic.segment.email.template {
    margin: -14px;
    padding: 0px; }

.ce-campaign .ce-stat-bar {
  background-color: #e4ebeb;
  padding: 1em; }
  .ce-campaign .ce-stat-bar .statistic {
    padding: 3em 0; }
  .ce-campaign .ce-stat-bar .sub-stats {
    color: #cecece;
    font-size: 14px;
    padding-bottom: 3px; }
  .ce-campaign .ce-stat-bar .opened {
    color: #00c0f4; }
  .ce-campaign .ce-stat-bar .clicked {
    color: #96d400; }
  .ce-campaign .ce-stat-bar .unsubscribed {
    color: #b00300; }
  .ce-campaign .ce-stat-bar .bounced {
    color: #f6a735; }

.ce-campaign .ce-stat-table table {
  word-break: break-word; }

.ce-campaign .survey-stat-bar .segments .segment:last-child {
  padding-right: 0em; }

.ce-campaign .ce-survey-table .star, .ce-campaign .ce-survey-table .content {
  color: #009BF4; }

.ce-campaign .line-chart, .ce-campaign .column-chart {
  height: 450px; }

.ce-campaign .no-data {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 450px; }
  .ce-campaign .no-data .message {
    margin: 0 auto;
    text-align: center; }

.engagement-settings .ui.floated.image, .engagement-settings .ui.floated.images {
  margin-bottom: 0rem !important; }

.engagement-settings .image-upload-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1em;
  width: 100%; }
  .engagement-settings .image-upload-container .engagement-settings-text {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }

@media only screen and (max-width: 450px) {
  .engagement-settings .image-upload-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .engagement-settings .image-upload-container .engagement-settings-text {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

#customer-engagement .email.design > .ui.theme.selection > .selection.ui.dropdown {
  min-width: 200px !important; }

#customer-engagement .ui.legacy.modal {
  left: 0 !important;
  margin: auto;
  margin-left: auto !important;
  right: 0; }
  #customer-engagement .ui.legacy.modal .actions {
    text-align: left; }
    #customer-engagement .ui.legacy.modal .actions .buttons {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-top: 15px; }
      #customer-engagement .ui.legacy.modal .actions .buttons .cancel-button {
        background: white;
        border: 1px solid #009BF4;
        color: #009BF4; }
  @media only screen and (max-width: 450px) {
    #customer-engagement .ui.legacy.modal .actions .buttons {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
      text-align: center; }
      #customer-engagement .ui.legacy.modal .actions .buttons .button {
        width: 100%; }
      #customer-engagement .ui.legacy.modal .actions .buttons .primary.button {
        margin-bottom: 5px; } }

.fb-dropdown .ui.header .profile-picture, .twitter-dropdown .ui.header .profile-picture {
  height: initial;
  padding-right: 0.5em;
  width: initial; }

.fb-dropdown .dropdown, .twitter-dropdown .dropdown {
  font-size: 1.25em !important;
  top: 30% !important; }

.fullscreen-modal .customer-form {
  margin: 0 auto;
  max-width: 750px; }

.fullscreen-modal.import-customer-database > .content {
  padding-top: 0 !important; }
  .fullscreen-modal.import-customer-database > .content .ordered {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .fullscreen-modal.import-customer-database > .content .ordered .step {
      padding: 15px 52px; }
  .fullscreen-modal.import-customer-database > .content .upload {
    margin-bottom: 20px; }

.customer-database > .items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0;
  width: 100%; }
  .customer-database > .items .item:first-child {
    -ms-flex-item-align: start;
        align-self: flex-start;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .customer-database > .items .item:first-child .ui.search.input {
      width: 320px; }
  .customer-database > .items .item:nth-child(2),
  .customer-database > .items .item:nth-child(3) {
    margin-right: 5px; }
  .customer-database > .items .items:last-child {
    -ms-flex-item-align: end;
        align-self: flex-end;
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2; }

@media only screen and (max-width: 767px) {
  .customer-database > .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 20px 10px;
    width: auto; }
    .customer-database > .items > .item,
    .customer-database > .items > .item .primary.button {
      width: 100%; }
    .customer-database > .items > .item:first-child {
      -ms-flex-item-align: center;
          align-self: center;
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3; }
      .customer-database > .items > .item:first-child .ui.search.input {
        width: 100%; }
    .customer-database > .items > .item:nth-child(2) {
      -ms-flex-item-align: center;
          align-self: center;
      margin: 20px 0;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
    .customer-database > .items > .item:nth-child(3) {
      display: none; }
    .customer-database > .items > .item:last-child {
      -ms-flex-item-align: center;
          align-self: center;
      margin-left: 0;
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
  .customer-database .responsive-table {
    margin: 0 10px; } }

.customer-database .ui.grid .file-drop .segment.upload {
  background: #F3F4F5; }
  .customer-database .ui.grid .file-drop .segment.upload .plus.square.outline.icon {
    display: none; }

.customer-database .ui.grid .file-drop.hover .segment.upload {
  opacity: 0.75; }
  .customer-database .ui.grid .file-drop.hover .segment.upload .checkmark,
  .customer-database .ui.grid .file-drop.hover .segment.upload .cloud.upload.icon {
    display: none; }
  .customer-database .ui.grid .file-drop.hover .segment.upload .plus.square.outline.icon {
    display: inline-block; }
  .customer-database .ui.grid .file-drop.hover .segment.upload i, .customer-database .ui.grid .file-drop.hover .segment.upload .button {
    pointer-events: none; }

.customer-database .ui.link {
  cursor: pointer; }

.customer-database .ui.import.cards {
  display: block;
  overflow-x: scroll;
  overflow-y: auto;
  white-space: nowrap; }
  .customer-database .ui.import.cards .ui.column.card {
    display: inline-block;
    width: 225px; }
    .customer-database .ui.import.cards .ui.column.card .content {
      padding: 0.5em; }
      .customer-database .ui.import.cards .ui.column.card .content .grid {
        height: 140px; }
        .customer-database .ui.import.cards .ui.column.card .content .grid .compact.row {
          padding-bottom: 0;
          padding-top: 0; }
      .customer-database .ui.import.cards .ui.column.card .content .menu {
        height: 160px; }
    .customer-database .ui.import.cards .ui.column.card .content.value {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .customer-database .ui.import.cards .ui.column.card .content.value:empty:before {
      content: "\200b"; }
  .customer-database .ui.import.cards .ui.column.card.undefined {
    -webkit-box-shadow: 0px 1px 3px 0px #00C0F4, 0px 0px 0px 1px #00C0F4;
            box-shadow: 0px 1px 3px 0px #00C0F4, 0px 0px 0px 1px #00C0F4; }
  .customer-database .ui.import.cards .ui.column.card.defined span:empty:before {
    content: "\200b"; }
  .customer-database .ui.import.cards .ui.column.card.unknown {
    -webkit-box-shadow: 0px 1px 3px 0px #db2828, 0px 0px 0px 1px #db2828;
            box-shadow: 0px 1px 3px 0px #db2828, 0px 0px 0px 1px #db2828; }
    .customer-database .ui.import.cards .ui.column.card.unknown .value.content {
      background: #f8e7e5;
      border-top: 1px solid #db2828; }
    .customer-database .ui.import.cards .ui.column.card.unknown span {
      color: #db2828; }
  .customer-database .ui.import.cards .ui.column.card.skipped h5:empty:before {
    content: "\200b"; }
  .customer-database .ui.import.cards .ui.column.card.skipped span {
    color: #db2828; }

.customer-database .ui.import.button {
  margin-bottom: 1em; }

.customer-database .ui.import .ui.dropdown .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%; }

.customer-database tr .last-visit .label {
  border-radius: 10px !important; }

.customer-database td.black.cell {
  color: #000000; }

.customer-database td.red.cell {
  color: #FF0000; }

.customer-database .ui.yellow.message .ui.list {
  color: #000000; }

.ui.segments.settings-menu .ui.segment {
  color: black;
  display: block;
  -webkit-transition: background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
  -webkit-transition: background 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: background 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
  transition: background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease; }

.ui.segments.settings-menu .ui.segment.active {
  background-color: rgba(0, 0, 0, 0.035); }

.ui.segments.settings-menu .ui.segment:hover {
  background-color: rgba(0, 0, 0, 0.035); }

.new-merch-accord {
  color: #009BF4 !important; }

.new-merch-accord.active {
  color: #37BA87 !important; }

.settings-location-table .icon:hover {
  cursor: pointer; }

@media only screen and (max-width: 767px) {
  .user-table .ui .stackable.grid .row .column {
    padding-left: 0 !important;
    padding-right: 0 !important; } }

.user-table .action-col {
  height: 4em !important; }
  .user-table .action-col .edit-col {
    float: left; }
  .user-table .action-col .resend-col {
    color: #4183C4;
    cursor: pointer;
    float: left;
    padding-left: 20px;
    width: 145px; }

.user-table .status-col .status-active {
  color: #32c160; }

.user-table .status-col .status-inactive {
  color: #e15668; }

.user-table .status-col .status-unreg {
  color: #FFBF00; }

.labor-settings .messages {
  margin-bottom: 1em; }

.labor-settings .unsubscribe-button {
  margin: 0 0 20px 0 !important;
  width: 280px; }

.two-factor-auth .header-2fa {
  margin-bottom: 0 !important; }

.two-factor-auth .spaced-top {
  margin-top: 2em !important; }

.two-factor-auth .settings-body {
  margin-top: 0;
  max-width: 760px;
  padding-top: 0 !important; }

@media only screen and (max-width: 767px) {
  .content-2fa-setup {
    padding: 0 !important; } }

.supply-orders .segment {
  cursor: pointer; }

.step-list .segment {
  cursor: pointer; }

.step-list .ui.steps .step.active .title {
  color: #009BF4 !important; }

.supply-order-links {
  float: right;
  padding-bottom: 1em; }

.supply-order-container {
  min-height: 200px; }

.error-modal .ui.accordion .title:not(.ui) {
  color: #009BF4; }

.error-modal .refresh-content {
  padding-top: 0.55em;
  text-align: left; }

.error-modal .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .error-modal .actions .action-buttons {
    margin-left: auto; }
    @media only screen and (max-width: 1199px) {
      .error-modal .actions .action-buttons {
        margin-top: 10px; } }
    @media only screen and (max-width: 767px) {
      .error-modal .actions .action-buttons {
        padding-bottom: 1rem; } }

.mask {
  background: white;
  bottom: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1000; }
  .mask .text {
    color: black;
    float: left;
    font-size: 30px;
    left: 50%;
    margin-left: -438px;
    position: relative;
    text-align: center;
    top: 40%; }
  .mask .red {
    color: #860505; }

#terms {
  height: calc(100% - 157px);
  position: absolute;
  top: 61px;
  width: 100%; }
  #terms .terms-frame {
    height: 100%;
    width: 100%; }

#social-media .grid > .column > .segments:first-child {
  background-color: #f6f6f6; }

#social-media .sm-post-schedule h1 {
  margin: .3em 0em 0em .5em; }

#social-media .sm-post-schedule .bordered.image {
  margin-bottom: 1em;
  padding: .5em; }

#social-media .sm-post-schedule .image-upload {
  margin-bottom: 1em; }

#social-media .sm-post-schedule .sm-image-container {
  width: 320px; }

#social-media .sm-post-schedule .remove {
  color: #009BF4;
  float: right;
  position: relative;
  right: 3px;
  top: 9px; }

#social-media .sm-repeat {
  padding: 0em !important; }

#social-media .manage-account-posts-segments {
  margin-top: 0; }

#social-media .hidden-link {
  display: none !important; }

#social-media .social-media-account.ui.button:hover .icon, #social-media .social-media-account.ui.button:focus .icon {
  opacity: 1; }

#social-media .search-social {
  cursor: pointer;
  padding-top: 10px;
  position: relative;
  right: 21px; }

#social-media table thead > th .ui.input > input {
  padding-right: 1.5em; }

#social-media .post-footer {
  background-color: rgba(153, 153, 153, 0.1) !important; }

#social-media .charts-tab-menu {
  -ms-flex-line-pack: justify;
      align-content: space-between;
  border-bottom: 1px solid #e2e2e2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.9rem;
  margin-left: 0.5em;
  margin-right: 0.5em; }
  #social-media .charts-tab-menu > .item {
    color: #000;
    cursor: pointer;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    margin-bottom: -1px;
    padding-left: 1em;
    padding-right: 1em;
    text-align: center; }
    #social-media .charts-tab-menu > .item > * {
      cursor: pointer;
      pointer-events: none; }
    #social-media .charts-tab-menu > .item .sub-header {
      color: rgba(0, 0, 0, 0.6); }
    #social-media .charts-tab-menu > .item.active {
      border-bottom: 6px solid #009BF4 !important;
      color: #009BF4; }
      #social-media .charts-tab-menu > .item.active > .sub-header {
        color: #009BF4; }

#social-media .post-date {
  color: rgba(176, 176, 176, 0.7); }

#social-media .post-meta .text-center {
  text-align: center; }

#social-media .post-meta .row.flex-row {
  -ms-flex-line-pack: justify;
      align-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: 0.5em;
  margin-right: 0.5em; }
  #social-media .post-meta .row.flex-row > .item {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    padding-left: 0.5em;
    padding-right: 0.5em; }
  #social-media .post-meta .row.flex-row > .post-date {
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2; }
  #social-media .post-meta .row.flex-row > .post-duplicate {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0; }
    #social-media .post-meta .row.flex-row > .post-duplicate > .ui.button {
      margin: 0; }

#social-media .disabled-sm-post .post-content-preview-text {
  color: rgba(128, 128, 128, 0.7); }

#social-media .disabled-sm-post .post-meta {
  background-color: #F8F9FA; }

#social-media .disabled-sm-post .scheduled-post-button {
  background-color: #eeeff0; }

#social-media .disabled-sm-post .post-date .header {
  color: rgba(143, 143, 143, 0.7); }

@media only screen and (min-width: 1025px) {
  #social-media .tablet.only.charts-tab-menu {
    display: none; } }

@media only screen and (max-width: 650px) {
  #social-media .post-meta .row.flex-row {
    margin-left: 1em;
    margin-right: 1em; }
    #social-media .post-meta .row.flex-row::before {
      content: '';
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      width: 100%; }
    #social-media .post-meta .row.flex-row > .post-duplicate {
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3;
      padding-top: 1em; } }

@media only screen and (max-width: 450px) {
  #social-media .post-meta .row.flex-row > .item {
    padding-left: 0em;
    padding-right: 0em; }
  #social-media .post-meta .row.flex-row > .post-duplicate {
    padding-top: 1em; } }

#social-media .scrollable-posts {
  min-height: 100%;
  overflow-y: visible; }

#social-media .scrollable-posts-loading {
  height: 7rem; }

#social-media .scheduled-posts-loading {
  min-height: 150px; }

#social-media .scheduled-posts .menu > .item:first-child > .ui.button {
  background-color: #f3f4f6; }

#social-media .secondary-text {
  color: #959595;
  font-size: 0.9rem; }

#social-media .facebook-background {
  color: #3b5998; }

#social-media .ui.header .profile-picture {
  height: 55px;
  width: 55px; }
  #social-media .ui.header .profile-picture > img.ui.image {
    background-color: #bcbec0;
    height: 50px;
    width: 50px; }
  #social-media .ui.header .profile-picture i.icons .icon:first-child {
    margin-right: 0 !important; }
  #social-media .ui.header .profile-picture i.icons.sm-icons {
    left: 49%;
    position: absolute;
    top: 50%; }
  #social-media .ui.header .profile-picture .facebook-background {
    color: #3b5998; }
  #social-media .ui.header .profile-picture .facebook-background + .facebook {
    color: #FFF; }
  #social-media .ui.header .profile-picture + .content {
    text-align: left;
    vertical-align: middle; }

#social-media .account-header.content.sub.header {
  margin-top: 1rem; }

#social-media .account-header.ui.popup {
  border: 0;
  max-width: 50vw;
  min-width: 300px;
  padding: 0; }
  #social-media .account-header.ui.popup:before {
    background: #FFFAF3; }

#social-media .dropdown .ui.header {
  font-size: 1em; }
  #social-media .dropdown .ui.header .profile-picture {
    font-size: 1em;
    height: initial;
    padding-right: 0.5em;
    width: initial; }
    #social-media .dropdown .ui.header .profile-picture > img.ui.image {
      display: inline-block;
      height: 2em;
      margin-right: 0.25em;
      width: 2em; }
    #social-media .dropdown .ui.header .profile-picture > .sm-icons {
      font-size: 1.5em;
      top: 37%; }
      #social-media .dropdown .ui.header .profile-picture > .sm-icons .icon:first-child {
        margin-right: 0; }
      #social-media .dropdown .ui.header .profile-picture > .sm-icons .icon:last-child {
        font-size: 0.5em !important; }

#social-media .sm-edit > .ui.header {
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 14px; }

#social-media .sm-edit .anti-padded {
  margin-left: -21px;
  margin-right: -21px; }

#social-media .sm-edit .ui.segments.basic {
  -webkit-box-shadow: none;
          box-shadow: none; }

#social-media .sm-edit .ui.button.reasonably-wide {
  max-width: 150px;
  min-width: 90px;
  width: 15vw; }

#social-media .sm-edit .dynamic-checklist > ul {
  -webkit-column-count: 2 !important;
     -moz-column-count: 2 !important;
          column-count: 2 !important; }

#social-media .dropdown.accounts-dropdown {
  height: 1em;
  padding: 0;
  width: 320px; }
  #social-media .dropdown.accounts-dropdown:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  #social-media .dropdown.accounts-dropdown > .text {
    width: calc(100% - ((0.71428571em * 2) + 0.5em + 5px)); }
  #social-media .dropdown.accounts-dropdown > .menu {
    max-width: 100%; }
    #social-media .dropdown.accounts-dropdown > .menu > .item.sm-header {
      width: 100%; }
  #social-media .dropdown.accounts-dropdown .item .item {
    pointer-events: none; }
  #social-media .dropdown.accounts-dropdown .ui.header {
    font-size: 1em; }
    #social-media .dropdown.accounts-dropdown .ui.header > .content,
    #social-media .dropdown.accounts-dropdown .ui.header > .content > .sub.header {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    #social-media .dropdown.accounts-dropdown .ui.header > .content {
      max-width: calc(100% - 35px - 0.5em);
      padding-left: 5px; }
    #social-media .dropdown.accounts-dropdown .ui.header .profile-picture {
      font-size: 1em;
      height: initial;
      min-width: 35px;
      padding-right: 0.5em;
      width: initial; }
      #social-media .dropdown.accounts-dropdown .ui.header .profile-picture > img.ui.image {
        display: inline-block;
        height: 2em;
        margin-right: 0.25em;
        width: 2em; }
      #social-media .dropdown.accounts-dropdown .ui.header .profile-picture > .sm-icons {
        font-size: 1.5em;
        top: 37%; }
        #social-media .dropdown.accounts-dropdown .ui.header .profile-picture > .sm-icons .icon:first-child {
          margin-right: 0; }
        #social-media .dropdown.accounts-dropdown .ui.header .profile-picture > .sm-icons .icon:last-child {
          font-size: 0.5em !important; }

#social-media .twitter-background {
  color: #1DA1F2; }

#social-media .sm-header.ui.label {
  background-color: #FFF; }

#social-media .facebook-pages-edit-list.ui.grid {
  margin: 0; }
  #social-media .facebook-pages-edit-list.ui.grid > .inline-warning {
    -webkit-box-flex: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
    padding: 0; }
  #social-media .facebook-pages-edit-list.ui.grid .row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding: 7px 0; }
    #social-media .facebook-pages-edit-list.ui.grid .row > .warning.icon {
      width: 23px; }
      #social-media .facebook-pages-edit-list.ui.grid .row > .warning.icon + .sm-header {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; }
        #social-media .facebook-pages-edit-list.ui.grid .row > .warning.icon + .sm-header > .content {
          -ms-flex-preferred-size: 25%;
              flex-basis: 25%; }
        #social-media .facebook-pages-edit-list.ui.grid .row > .warning.icon + .sm-header > .inline-warning {
          -ms-flex-preferred-size: 50%;
              flex-basis: 50%;
          -webkit-box-flex: 2;
              -ms-flex-positive: 2;
                  flex-grow: 2; }
    #social-media .facebook-pages-edit-list.ui.grid .row > .sm-header.label {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }

#social-media i.huge.icons.profile-picture {
  font-size: 4rem; }

#social-media .sm-post .ui.menu {
  cursor: default !important; }

#social-media .sm-post .ui.secondary.segment, #social-media .sm-post .internet-payments-wrapper .ui.segment.dropdown-file-selector, .internet-payments-wrapper #social-media .sm-post .ui.segment.dropdown-file-selector, #social-media .sm-post .internet-payments-wrapper .download-label-button .ui.segment.download, .internet-payments-wrapper .download-label-button #social-media .sm-post .ui.segment.download, #social-media .sm-post .internet-payments-fullscreen-modal > .header.top-title .ui.segment.close-btn, .internet-payments-fullscreen-modal > .header.top-title #social-media .sm-post .ui.segment.close-btn {
  border-top: 0;
  padding-bottom: 0.5em;
  padding-top: 0.5em; }

#social-media .ui.no-gutter.grid {
  margin: 0; }
  #social-media .ui.no-gutter.grid > .column {
    padding: 0; }

#social-media.ui.segments > .ui.segment.page-nav {
  border-bottom: 1px solid rgba(34, 36, 38, 0.15); }

#social-media .account-list-wrapper {
  border-right: 1px solid #d9dada; }

#social-media .secondary-charts > .ui.segment {
  padding: 1em 0; }

#social-media .post-list {
  background-color: white;
  padding-left: 8px;
  padding-right: 8px; }
  #social-media .post-list > .ui.segments {
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin-top: 0; }
    #social-media .post-list > .ui.segments > .ui.segment {
      border-radius: 0 !important; }
  #social-media .post-list .datetime-range-picker-input {
    width: 340px; }
  @media only screen and (max-width: 450px) {
    #social-media .post-list .mobile-datetime-range-picker {
      width: 100%; } }

#social-media .ui.basic.attached.segment {
  border: none; }
  #social-media .ui.basic.attached.segment > .ui.fitted.secondary.menu, #social-media .internet-payments-wrapper .ui.basic.attached.segment > .ui.fitted.menu.dropdown-file-selector, .internet-payments-wrapper #social-media .ui.basic.attached.segment > .ui.fitted.menu.dropdown-file-selector, #social-media .internet-payments-wrapper .download-label-button .ui.basic.attached.segment > .ui.fitted.menu.download, .internet-payments-wrapper .download-label-button #social-media .ui.basic.attached.segment > .ui.fitted.menu.download, #social-media .internet-payments-fullscreen-modal > .header.top-title .ui.basic.attached.segment > .ui.fitted.menu.close-btn, .internet-payments-fullscreen-modal > .header.top-title #social-media .ui.basic.attached.segment > .ui.fitted.menu.close-btn {
    border-bottom: 1px solid #e2e2e2;
    margin: 0; }
    #social-media .ui.basic.attached.segment > .ui.fitted.secondary.menu > .item:first-child, #social-media .internet-payments-wrapper .ui.basic.attached.segment > .ui.fitted.menu.dropdown-file-selector > .item:first-child, .internet-payments-wrapper #social-media .ui.basic.attached.segment > .ui.fitted.menu.dropdown-file-selector > .item:first-child, #social-media .internet-payments-wrapper .download-label-button .ui.basic.attached.segment > .ui.fitted.menu.download > .item:first-child, .internet-payments-wrapper .download-label-button #social-media .ui.basic.attached.segment > .ui.fitted.menu.download > .item:first-child, #social-media .internet-payments-fullscreen-modal > .header.top-title .ui.basic.attached.segment > .ui.fitted.menu.close-btn > .item:first-child, .internet-payments-fullscreen-modal > .header.top-title #social-media .ui.basic.attached.segment > .ui.fitted.menu.close-btn > .item:first-child {
      margin-left: 0; }

#social-media .analytics-chart-header.main-chart {
  font-weight: normal; }

#social-media .analytics-chart-header.secondary-chart {
  margin: 0 30px; }
  #social-media .analytics-chart-header.secondary-chart > span {
    color: #009BF4; }

#social-media .analytics-tooltip .tooltip-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0.8;
  width: 50px; }
  #social-media .analytics-tooltip .tooltip-inner::after {
    background-color: #67b7dc;
    -webkit-box-shadow: none;
            box-shadow: none;
    content: '';
    height: 20px;
    left: -10px;
    position: absolute;
    top: -25px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 20px;
    z-index: 2; }
  #social-media .analytics-tooltip .tooltip-inner .tooltip-value {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #67b7dc;
    border: none;
    border-radius: 100%;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.5em;
    height: 50px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1.5em;
    padding: 0;
    position: absolute;
    text-align: center;
    -webkit-transform: translate(-50%, -120%);
            transform: translate(-50%, -120%);
    width: 50px;
    z-index: 3; }

#social-media .analytics-content .post-content {
  margin-bottom: 0;
  margin-top: 0; }
  #social-media .analytics-content .post-content > .ui.grid {
    padding-bottom: 1rem;
    padding-top: 1rem; }

#social-media .analytics-content .analytics-posts-menu {
  cursor: inherit !important; }
  #social-media .analytics-content .analytics-posts-menu .post-list-total {
    font-size: 1.07142857em; }
  #social-media .analytics-content .analytics-posts-menu .post-sort-order-item {
    cursor: pointer;
    margin-right: 0; }
  #social-media .analytics-content .analytics-posts-menu .ui.dropdown.post-sort-selection {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-left: 0;
    min-width: 122px; }

#social-media .analytics-content .date-range-chart-wrapper,
#social-media .analytics-content .date-range-chart-wrapper .inner-box {
  max-height: 400px; }

@media only screen and (min-width: 1025px) {
  #social-media .full-height {
    min-height: 77vh; }
  #social-media .scrollable-posts, #social-media .scheduled-posts-loading {
    min-height: 62vh; }
  #social-media .sm-edit {
    padding: 3em; }
    #social-media .sm-edit .dynamic-checklist > ul {
      -webkit-column-count: 3 !important;
         -moz-column-count: 3 !important;
              column-count: 3 !important; }
  #social-media .primary-chart {
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin: 0;
    padding: 0; } }

@media only screen and (max-width: 1024px) {
  #social-media.ui.fluid.container {
    margin-left: 0 !important;
    margin-right: 0 !important; }
  #social-media .analytics-content {
    padding-bottom: 5em;
    padding-top: 0; }
    #social-media .analytics-content .ui.grid > .column:not(.row) {
      padding-bottom: 0;
      padding-top: 0; }
    #social-media .analytics-content .primary-charts {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
      #social-media .analytics-content .primary-charts .ui.segment {
        padding: 1em 0em; }
    #social-media .analytics-content .ui.segment:not(.post-meta):last-child {
      margin-bottom: 1rem; }
    #social-media .analytics-content .secondary-charts {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
    #social-media .analytics-content .analytics-posts {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3; }
      #social-media .analytics-content .analytics-posts .post-meta {
        font-size: 0.9rem; }
    #social-media .analytics-content .analytics-chart.ui.segment {
      border: none;
      -webkit-box-shadow: none;
              box-shadow: none;
      margin-top: 1em !important; }
      #social-media .analytics-content .analytics-chart.ui.segment:not(.active) {
        display: none; }
    #social-media .analytics-content .analytics-chart > .header, #social-media .analytics-content .analytics-chart span {
      display: none; }
  #social-media .post-list.ui.segment:first-child {
    padding-bottom: 0; } }

@media only screen and (max-width: 600px) {
  #social-media .dropdown.accounts-dropdown {
    width: 100%; }
  #social-media .analytics-content .charts-tab-menu > .item {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding-left: 0;
    padding-right: 0; }
  #social-media .analytics-content .post-date {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
    padding-bottom: 0.5em;
    padding-top: 0 !important; }
    #social-media .analytics-content .post-date .ui.small.header {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      padding-right: 0.3em; }
  #social-media .ui.fitted.secondary.menu .ui.right.secondary.menu, #social-media .internet-payments-wrapper .ui.fitted.menu.dropdown-file-selector .ui.right.secondary.menu, .internet-payments-wrapper #social-media .ui.fitted.menu.dropdown-file-selector .ui.right.secondary.menu, #social-media .internet-payments-wrapper .download-label-button .ui.fitted.menu.download .ui.right.secondary.menu, .internet-payments-wrapper .download-label-button #social-media .ui.fitted.menu.download .ui.right.secondary.menu, #social-media .internet-payments-fullscreen-modal > .header.top-title .ui.fitted.menu.close-btn .ui.right.secondary.menu, .internet-payments-fullscreen-modal > .header.top-title #social-media .ui.fitted.menu.close-btn .ui.right.secondary.menu, #social-media .ui.fitted.secondary.menu .internet-payments-wrapper .ui.right.menu.dropdown-file-selector, .internet-payments-wrapper #social-media .ui.fitted.secondary.menu .ui.right.menu.dropdown-file-selector, #social-media .internet-payments-wrapper .ui.fitted.menu.dropdown-file-selector .ui.right.menu.dropdown-file-selector, .internet-payments-wrapper #social-media .ui.fitted.menu.dropdown-file-selector .ui.right.menu.dropdown-file-selector, #social-media .internet-payments-wrapper .download-label-button .ui.fitted.menu.download .ui.right.menu.dropdown-file-selector, .internet-payments-wrapper .download-label-button #social-media .ui.fitted.menu.download .ui.right.menu.dropdown-file-selector, #social-media .internet-payments-fullscreen-modal > .header.top-title .ui.fitted.menu.close-btn .internet-payments-wrapper .ui.right.menu.dropdown-file-selector, .internet-payments-wrapper #social-media .internet-payments-fullscreen-modal > .header.top-title .ui.fitted.menu.close-btn .ui.right.menu.dropdown-file-selector, .internet-payments-fullscreen-modal > .header.top-title #social-media .ui.fitted.menu.close-btn .internet-payments-wrapper .ui.right.menu.dropdown-file-selector, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title #social-media .ui.fitted.menu.close-btn .ui.right.menu.dropdown-file-selector, #social-media .ui.fitted.secondary.menu .internet-payments-wrapper .download-label-button .ui.right.menu.download, .internet-payments-wrapper .download-label-button #social-media .ui.fitted.secondary.menu .ui.right.menu.download, #social-media .internet-payments-wrapper .ui.fitted.menu.dropdown-file-selector .download-label-button .ui.right.menu.download, #social-media .internet-payments-wrapper .download-label-button .ui.fitted.menu.dropdown-file-selector .ui.right.menu.download, .internet-payments-wrapper #social-media .ui.fitted.menu.dropdown-file-selector .download-label-button .ui.right.menu.download, .internet-payments-wrapper .download-label-button #social-media .ui.fitted.menu.dropdown-file-selector .ui.right.menu.download, #social-media .internet-payments-wrapper .download-label-button .ui.fitted.menu.download .ui.right.menu.download, .internet-payments-wrapper .download-label-button #social-media .ui.fitted.menu.download .ui.right.menu.download, #social-media .internet-payments-fullscreen-modal > .header.top-title .ui.fitted.menu.close-btn .internet-payments-wrapper .download-label-button .ui.right.menu.download, .internet-payments-wrapper .download-label-button #social-media .internet-payments-fullscreen-modal > .header.top-title .ui.fitted.menu.close-btn .ui.right.menu.download, .internet-payments-fullscreen-modal > .header.top-title #social-media .ui.fitted.menu.close-btn .internet-payments-wrapper .download-label-button .ui.right.menu.download, .internet-payments-wrapper .download-label-button .internet-payments-fullscreen-modal > .header.top-title #social-media .ui.fitted.menu.close-btn .ui.right.menu.download, #social-media .ui.fitted.secondary.menu .internet-payments-fullscreen-modal > .header.top-title .ui.right.menu.close-btn, .internet-payments-fullscreen-modal > .header.top-title #social-media .ui.fitted.secondary.menu .ui.right.menu.close-btn, #social-media .internet-payments-wrapper .ui.fitted.menu.dropdown-file-selector .internet-payments-fullscreen-modal > .header.top-title .ui.right.menu.close-btn, .internet-payments-fullscreen-modal > .header.top-title #social-media .internet-payments-wrapper .ui.fitted.menu.dropdown-file-selector .ui.right.menu.close-btn, .internet-payments-wrapper #social-media .ui.fitted.menu.dropdown-file-selector .internet-payments-fullscreen-modal > .header.top-title .ui.right.menu.close-btn, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper #social-media .ui.fitted.menu.dropdown-file-selector .ui.right.menu.close-btn, #social-media .internet-payments-wrapper .download-label-button .ui.fitted.menu.download .internet-payments-fullscreen-modal > .header.top-title .ui.right.menu.close-btn, .internet-payments-fullscreen-modal > .header.top-title #social-media .internet-payments-wrapper .download-label-button .ui.fitted.menu.download .ui.right.menu.close-btn, .internet-payments-wrapper .download-label-button #social-media .ui.fitted.menu.download .internet-payments-fullscreen-modal > .header.top-title .ui.right.menu.close-btn, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .download-label-button #social-media .ui.fitted.menu.download .ui.right.menu.close-btn, #social-media .internet-payments-fullscreen-modal > .header.top-title .ui.fitted.menu.close-btn .ui.right.menu.close-btn, .internet-payments-fullscreen-modal > .header.top-title #social-media .ui.fitted.menu.close-btn .ui.right.menu.close-btn {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  #social-media .ui.fitted.secondary.menu .item, #social-media .internet-payments-wrapper .ui.fitted.menu.dropdown-file-selector .item, .internet-payments-wrapper #social-media .ui.fitted.menu.dropdown-file-selector .item, #social-media .internet-payments-wrapper .download-label-button .ui.fitted.menu.download .item, .internet-payments-wrapper .download-label-button #social-media .ui.fitted.menu.download .item, #social-media .internet-payments-fullscreen-modal > .header.top-title .ui.fitted.menu.close-btn .item, .internet-payments-fullscreen-modal > .header.top-title #social-media .ui.fitted.menu.close-btn .item {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-left: 0; }
    #social-media .ui.fitted.secondary.menu .item > .button, #social-media .internet-payments-wrapper .ui.fitted.menu.dropdown-file-selector .item > .button, .internet-payments-wrapper #social-media .ui.fitted.menu.dropdown-file-selector .item > .button, #social-media .internet-payments-wrapper .download-label-button .ui.fitted.menu.download .item > .button, .internet-payments-wrapper .download-label-button #social-media .ui.fitted.menu.download .item > .button, #social-media .internet-payments-fullscreen-modal > .header.top-title .ui.fitted.menu.close-btn .item > .button, .internet-payments-fullscreen-modal > .header.top-title #social-media .ui.fitted.menu.close-btn .item > .button {
      margin: 0; }
    #social-media .ui.fitted.secondary.menu .item .week-picker, #social-media .internet-payments-wrapper .ui.fitted.menu.dropdown-file-selector .item .week-picker, .internet-payments-wrapper #social-media .ui.fitted.menu.dropdown-file-selector .item .week-picker, #social-media .internet-payments-wrapper .download-label-button .ui.fitted.menu.download .item .week-picker, .internet-payments-wrapper .download-label-button #social-media .ui.fitted.menu.download .item .week-picker, #social-media .internet-payments-fullscreen-modal > .header.top-title .ui.fitted.menu.close-btn .item .week-picker, .internet-payments-fullscreen-modal > .header.top-title #social-media .ui.fitted.menu.close-btn .item .week-picker {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
      #social-media .ui.fitted.secondary.menu .item .week-picker .button:not(.week-picker-button), #social-media .internet-payments-wrapper .ui.fitted.menu.dropdown-file-selector .item .week-picker .button:not(.week-picker-button), .internet-payments-wrapper #social-media .ui.fitted.menu.dropdown-file-selector .item .week-picker .button:not(.week-picker-button), #social-media .internet-payments-wrapper .download-label-button .ui.fitted.menu.download .item .week-picker .button:not(.week-picker-button), .internet-payments-wrapper .download-label-button #social-media .ui.fitted.menu.download .item .week-picker .button:not(.week-picker-button), #social-media .internet-payments-fullscreen-modal > .header.top-title .ui.fitted.menu.close-btn .item .week-picker .button:not(.week-picker-button), .internet-payments-fullscreen-modal > .header.top-title #social-media .ui.fitted.menu.close-btn .item .week-picker .button:not(.week-picker-button) {
        max-width: 3em; } }

#social-media .ui.segments-basic table th div.ui.input {
  float: left; }

#social-media .ui.segments-basic table th h5 {
  margin-top: 0; }
  #social-media .ui.segments-basic table th h5 button {
    float: right; }

.reputation-management {
  background-color: #f6f6f6; }
  .reputation-management #reputation .ui.reservation-nav {
    padding-left: 1.4em; }
  .reputation-management .ui.table tr td {
    border-top: 0 !important; }
  .reputation-management .ui.segment.controls .items {
    float: left;
    margin-bottom: 1em; }
  .reputation-management .ui.segment.controls .items + button {
    float: right; }
  .reputation-management .ui.segment.controls .reputation-tabs .account-remove {
    pointer-events: none;
    text-align: right; }
    .reputation-management .ui.segment.controls .reputation-tabs .account-remove i {
      pointer-events: auto; }
  .reputation-management .ui.segment.controls .reputation-tabs table {
    border: none; }
  .reputation-management .ui.segment.controls .reputation-tabs td {
    font-weight: 600; }
  .reputation-management .account-review-select-item {
    max-height: 8rem;
    min-height: 8rem;
    overflow: hidden; }
    .reputation-management .account-review-select-item .rating-text {
      font-size: 16px;
      font-weight: bold; }
    .reputation-management .account-review-select-item .review-count-text {
      color: grey;
      font-size: 13px;
      font-weight: normal; }
    .reputation-management .account-review-select-item:not(.coming-soon) {
      cursor: pointer; }
      .reputation-management .account-review-select-item:not(.coming-soon):hover {
        background-color: #f6f6f6; }
      .reputation-management .account-review-select-item:not(.coming-soon).active {
        background-color: #009BF4; }
        .reputation-management .account-review-select-item:not(.coming-soon).active .header-text a, .reputation-management .account-review-select-item:not(.coming-soon).active .rating-text, .reputation-management .account-review-select-item:not(.coming-soon).active .rating-text .icon.star.blue, .reputation-management .account-review-select-item:not(.coming-soon).active .review-count-text {
          color: white !important; }
    .reputation-management .account-review-select-item .header-text-not-linked {
      font-size: 15px;
      text-align: center; }
    .reputation-management .account-review-select-item .header-text-coming-soon {
      color: grey;
      font-size: 15px;
      font-weight: bold; }
      .reputation-management .account-review-select-item .header-text-coming-soon p {
        font-size: 14px;
        font-weight: normal; }
    .reputation-management .account-review-select-item .header-text {
      font-size: 15px;
      font-weight: bold; }
  .reputation-management .review-pagination-segment {
    margin-top: 0;
    padding-top: 0; }
  .reputation-management .search-result-block .mobile {
    margin-top: 1em; }
  .reputation-management .review-text-fit-table {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 40em; }
  .reputation-management .no-reviews {
    font-weight: 600;
    margin: auto;
    padding: 25px 0; }
  .reputation-management .chart-overview {
    overflow: hidden;
    padding: 5px; }
    .reputation-management .chart-overview .line-chart, .reputation-management .chart-overview .chart-class {
      height: 500px; }
    .reputation-management .chart-overview .ui.header {
      text-align: left; }
    .reputation-management .chart-overview > div:nth-child(2),
    .reputation-management .chart-overview > div:nth-child(3) {
      display: inline-block;
      padding: 5px; }
  .reputation-management .ui.header.item.selectable {
    cursor: pointer; }
  .reputation-management .ui.header.item.nonselectable img {
    opacity: 0.45; }
  .reputation-management .ui.header.item.nonselectable .content {
    opacity: 0.45; }
  .reputation-management .ui.form.error + div > p {
    background-color: #b3d3d340; }
  .reputation-management .header-menu div.right.secondary.menu, .reputation-management .header-menu .internet-payments-wrapper div.right.menu.dropdown-file-selector, .internet-payments-wrapper .reputation-management .header-menu div.right.menu.dropdown-file-selector, .reputation-management .header-menu .internet-payments-wrapper .download-label-button div.right.menu.download, .internet-payments-wrapper .download-label-button .reputation-management .header-menu div.right.menu.download, .reputation-management .header-menu .internet-payments-fullscreen-modal > .header.top-title div.right.menu.close-btn, .internet-payments-fullscreen-modal > .header.top-title .reputation-management .header-menu div.right.menu.close-btn {
    cursor: initial !important;
    margin-left: initial !important;
    margin-right: initial !important;
    position: absolute;
    right: 0; }
  .reputation-management .ui.secondary.menu, .reputation-management .internet-payments-wrapper .ui.menu.dropdown-file-selector, .internet-payments-wrapper .reputation-management .ui.menu.dropdown-file-selector, .reputation-management .internet-payments-wrapper .download-label-button .ui.menu.download, .internet-payments-wrapper .download-label-button .reputation-management .ui.menu.download, .reputation-management .internet-payments-fullscreen-modal > .header.top-title .ui.menu.close-btn, .internet-payments-fullscreen-modal > .header.top-title .reputation-management .ui.menu.close-btn, .reputation-management .ui.attached.header {
    text-align: center; }
    .reputation-management .ui.secondary.menu .ui.button, .reputation-management .internet-payments-wrapper .ui.menu.dropdown-file-selector .ui.button, .internet-payments-wrapper .reputation-management .ui.menu.dropdown-file-selector .ui.button, .reputation-management .internet-payments-wrapper .download-label-button .ui.menu.download .ui.button, .internet-payments-wrapper .download-label-button .reputation-management .ui.menu.download .ui.button, .reputation-management .internet-payments-fullscreen-modal > .header.top-title .ui.menu.close-btn .ui.button, .internet-payments-fullscreen-modal > .header.top-title .reputation-management .ui.menu.close-btn .ui.button, .reputation-management .ui.attached.header .ui.button {
      float: left; }
    .reputation-management .ui.secondary.menu h1, .reputation-management .internet-payments-wrapper .ui.menu.dropdown-file-selector h1, .internet-payments-wrapper .reputation-management .ui.menu.dropdown-file-selector h1, .reputation-management .internet-payments-wrapper .download-label-button .ui.menu.download h1, .internet-payments-wrapper .download-label-button .reputation-management .ui.menu.download h1, .reputation-management .internet-payments-fullscreen-modal > .header.top-title .ui.menu.close-btn h1, .internet-payments-fullscreen-modal > .header.top-title .reputation-management .ui.menu.close-btn h1, .reputation-management .ui.attached.header h1 {
      margin-right: 4.5em;
      margin-top: 0;
      text-align: center; }
  .reputation-management .enabled {
    cursor: not-allowed;
    pointer-events: all; }
  .reputation-management .account-header-list .ui.grid {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .reputation-management .account-header-list .three.wide.column {
    padding-left: 0;
    padding-right: 0; }
  .reputation-management .warn.no-locations {
    margin: 0;
    padding-bottom: 10px;
    padding-top: 10px; }

.gift-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .gift-cards .card {
    height: 80px; }
  .gift-cards .list-controls, .gift-cards .row-direction-list-controls {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .gift-cards .responsive-table .cell-disabled {
    background: #f7f7f7; }
    .gift-cards .responsive-table .cell-disabled .neutral.text {
      color: #999;
      font-weight: 800; }
  .gift-cards .responsive-table .ui.button {
    padding-left: 10px !important;
    padding-right: 10px !important; }
  .gift-cards .filter-controls .ui.input.search {
    width: 345px; }
  .gift-cards h2.ui.header {
    font-weight: 600; }
  .gift-cards .ui.horizontal.segments {
    margin-top: 0; }
  @media only screen and (max-width: 767px) {
    .gift-cards h2.ui.header {
      font-size: 1.2em; }
    .gift-cards .filter-controls .ui.input.search {
      width: 100%; } }

/*header image*/
.header-image {
  background-image: url("/img/store-10409b7bc7f3ca81f429706dc81968e5.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  margin-bottom: 1em;
  min-height: 310px;
  position: relative; }

.overview-tab {
  background-color: #EEEEEE;
  margin: 0 -20px -45px -30px;
  min-height: 100vh; }

@media only screen and (max-width: 767px) {
  .overview-tab {
    margin: 0; } }

.ui.fluid.container {
  width: 99%; }

.statements .ui.header > span {
  float: left;
  margin-top: 2.47px;
  position: relative; }

.statements .ui.header .no-statements {
  float: right !important; }

.statements .ui.header .ui.dropdown {
  float: right;
  margin-top: 2.47px; }

.statements .ui.header .ui.button {
  margin-right: 50px; }

.statements .ui.loading.segment {
  min-height: 100px; }

.statements .notification {
  display: block;
  position: absolute;
  right: -43px;
  top: -4px; }
  .statements .notification:before {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #FF5625;
    border-radius: 8px;
    color: #FFFFFF;
    content: 'New';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.71429rem;
    font-style: normal;
    font-weight: 800;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 16px;
    padding: 0 8px; }

/*bank account*/
.ui.segments.bank-account .header span {
  position: relative;
  top: 8px; }

@media only screen and (max-width: 767px) {
  .ui.segments.bank-account .ui.button {
    float: left;
    margin-top: 10px;
    width: 100%; }
  .ui.segments.bank-account .header span {
    position: relative;
    top: 0; } }

/*Merch info box*/
.ui.segment.merch-info-box .merch-id {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px; }

.ui.segment.merch-info-box .ui.header {
  color: #009BF4;
  margin-top: .25em; }

.ui.segment.merch-info-box .merch-info {
  min-height: 187px; }

.ui.table.employee-status {
  border: none;
  font-size: .9em; }
  .ui.table.employee-status .name {
    font-weight: bold; }
  .ui.table.employee-status .ClockedIn {
    color: #7CD53D;
    font-weight: bold; }
  .ui.table.employee-status .OnBreak {
    color: #F6A735;
    font-weight: bold; }
  .ui.table.employee-status .ClockedOut {
    color: #888;
    font-weight: bold; }

/*Status Box*/
.status-header-box .status-header {
  background-color: #009BF4;
  color: #FFFFFF; }

.status-header-box .status-body h3 span.Online {
  color: #7CD53D; }

.status-header-box .status-body h3 span.Offline {
  color: #F6A735; }

.status-header-box .status-meta {
  color: #636363; }

/*Container below the fold*/
.overview-container {
  /*Ticket Boxes*/ }
  .overview-container .ticket-boxes .ticket-box {
    text-align: center; }
  .overview-container .ticket-boxes .ticket-value {
    font-size: 2.5rem;
    padding: .75em 0em; }
  .overview-container .ticket-boxes .orange-bar {
    border-left: 20px solid #F6A735 !important; }
  .overview-container .ticket-boxes .green-bar {
    border-left: 20px solid #7CD53D !important; }
  .overview-container .labor-boxes {
    border: 0px;
    border-left: 20px solid #7CD53D !important; }
    .overview-container .labor-boxes .labor-box {
      text-align: center;
      width: 33.3% !important; }
    .overview-container .labor-boxes .labor-value {
      font-size: 2rem;
      padding: .75em 0em; }
    .overview-container .labor-boxes .ui.segment.status-header {
      border-top-left-radius: 0px; }
    .overview-container .labor-boxes .ui.segment.status-body {
      border-bottom-left-radius: 0px; }
  .overview-container .column-chart {
    height: 500px; }

.notice-name {
  line-height: 1.96428571em; }

/*fix header image for screens larger than 1440px wide*/
@media all and (min-width: 1441px) {
  .header-image {
    background-size: 100%; } }

@media only screen and (max-width: 1024px) {
  .reservations-list {
    max-height: 50vh !important; } }

.reservation-nav {
  background: #FFFFFF;
  border-radius: 0.28571rem 0.28571rem 0em 0em !important;
  -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px -1px 2px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px -1px 2px 0 rgba(34, 36, 38, 0.15);
  padding: 1em .5em; }
  .reservation-nav .tab-selection {
    color: #090304 !important;
    padding: 1em 1em .7em 1em !important;
    text-align: center; }
    .reservation-nav .tab-selection:hover {
      border-bottom: 5px solid #88B7FA; }
  .reservation-nav .tab-selection.active {
    border-bottom: 5px solid #0E5BF3;
    color: black !important; }
  .reservation-nav .create-res {
    float: right;
    padding-right: .5em; }

.reservation-body {
  background: #ffffff;
  border: 0px solid rgba(34, 36, 38, 0.15) !important;
  border-radius: 0em 0em 0.28571rem 0.28571rem !important;
  border-top: 1px solid rgba(34, 36, 38, 0.15) !important;
  -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
  float: left;
  margin: 0em !important;
  padding: 1em;
  width: 100%; }
  .reservation-body .five {
    padding: 0rem !important; }
  .reservation-body .eleven {
    border-left: 1px solid rgba(34, 36, 38, 0.15) !important;
    position: static !important; }
  .reservation-body .no-res-container {
    margin-top: 5em;
    text-align: center !important; }
  .reservation-body .reservations-list {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-height: 90vh;
    overflow-x: auto; }
    .reservation-body .reservations-list a {
      border-bottom: 1px solid rgba(34, 36, 38, 0.15) !important;
      color: #000000;
      cursor: pointer;
      float: left;
      outline: none;
      padding: 1em 0.5em;
      width: 100%; }
      .reservation-body .reservations-list a .reservation-link {
        cursor: pointer; }
      .reservation-body .reservations-list a .res-list-info {
        float: left; }
        .reservation-body .reservations-list a .res-list-info .res-time {
          color: #A4A4A4; }
      .reservation-body .reservations-list a .res-list-status {
        float: right; }
        .reservation-body .reservations-list a .res-list-status .ui {
          font-size: 11px;
          width: 90px; }
      .reservation-body .reservations-list a .user-info {
        float: right;
        font-size: 1.1em;
        padding: .5em .75em 0em 0em; }
        .reservation-body .reservations-list a .user-info .user.icon {
          color: #A4A4A4;
          position: relative;
          top: -1px; }
    .reservation-body .reservations-list .active {
      border-left: 6px solid #009BF4 !important; }
  .reservation-body .reservation-details .buttons {
    float: right; }
    .reservation-body .reservation-details .buttons .button {
      min-width: 150px !important; }
  .reservation-body .reservation-date {
    background: #f7f7f7;
    border-bottom: 1px solid rgba(34, 36, 38, 0.15) !important;
    padding: 1em; }
    .reservation-body .reservation-date .reservation-header {
      height: 20px; }
      .reservation-body .reservation-date .reservation-header .cal-label {
        float: left; }
      .reservation-body .reservation-date .reservation-header .cal-dropdown {
        cursor: pointer;
        float: left; }
        .reservation-body .reservation-date .reservation-header .cal-dropdown .reservation-pikaday {
          background: #f7f7f7 !important;
          border: none !important;
          cursor: pointer;
          max-width: 30% !important;
          min-width: 85px !important;
          padding: 0.05em 0em 0em 0.5em !important; }
  .reservation-body .reservations-search {
    background: #eeeeee;
    padding: 1em; }
  .reservation-body .reservation-buttons {
    text-align: center;
    width: 100%; }
  .reservation-body .reservation-status {
    white-space: nowrap; }
  .reservation-body .mobile-nav {
    display: none; }
  @media only screen and (max-width: 767px) {
    .reservation-body .field-resize > .column {
      margin: 0 1rem; } }

.reservation-nav .create-res a:hover {
  border-bottom: 5px solid #88B7FA;
  cursor: pointer; }

.reservation-calendar {
  padding: 0em 1em 1em 1em; }

.reservation-headers .search-reservations {
  cursor: pointer;
  padding-top: 10px;
  position: relative;
  right: 27px; }

.tab-container-root {
  margin-bottom: 1em; }
  .tab-container-root .menu-container.ui.segment {
    padding: 0.1em 0em !important; }
  .tab-container-root .tab-container-header-list {
    border-bottom: 0px solid rgba(34, 36, 38, 0.15) !important; }
    .tab-container-root .tab-container-header-list .tab-container-header.active {
      border-color: #009BF4 !important; }
  .tab-container-root .res-block-row {
    padding: .5em; }

.reservation-block-column tbody tr td {
  border-left: 0px !important;
  padding-left: 2em !important; }

.block-tables {
  margin-bottom: 1em; }
  .block-tables .reservation-block-table .ui.table thead tr th .resevation-block-header {
    float: left;
    padding: 0.5em 2em;
    width: 100%; }
    .block-tables .reservation-block-table .ui.table thead tr th .resevation-block-header .ui.header {
      float: left; }
    .block-tables .reservation-block-table .ui.table thead tr th .resevation-block-header .checkbox {
      float: right; }
      .block-tables .reservation-block-table .ui.table thead tr th .resevation-block-header .checkbox label {
        padding-left: 3.5rem; }
  .block-tables .reservation-block-table .ui.table thead tr th .clock-boxes {
    float: left;
    padding: 0.25em 2em;
    width: 100%; }
    .block-tables .reservation-block-table .ui.table thead tr th .clock-boxes .reservation-blocks-period {
      float: left;
      width: 45%; }
    .block-tables .reservation-block-table .ui.table thead tr th .clock-boxes .reservation-clock-dash {
      color: #9a989b;
      float: left;
      font-size: 30px;
      padding-top: .15em;
      text-align: center;
      width: 10%; }
  .block-tables .reservation-block-table .column {
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important; }
  .block-tables .reservation-block-table .column:first-child {
    background: #f2f2f2;
    border-left: 0px solid rgba(0, 0, 0, 0.1) !important; }
  .block-tables .reservation-block-table .column:last-child {
    background: #f2f2f2; }
  .block-tables .reservation-block-table .disabled {
    opacity: 0.6 !important; }

@media only screen and (min-width: 1025px) and (max-width: 1276px) {
  .fields {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .fields .reservation-status {
      margin-bottom: .2em; } }

@media all and (max-width: 1123px) and (min-width: 800px) {
  .reservation-block .res-action-container .ui.button {
    margin-top: .5em; } }

@media all and (max-width: 800px) and (min-width: 320px) {
  .res-block-row {
    padding: .0em; }
  .tab-container-header-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center; }
    .tab-container-header-list .tab-container-header {
      float: left;
      text-align: center;
      width: 100% !important; }
  .reservation-body {
    max-height: none !important;
    width: 100% !important; }
    .reservation-body .ui.segment {
      background: #FFFFFF;
      border: 0px solid rgba(34, 36, 38, 0.15) !important;
      border-radius: 0.28571429rem;
      -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
              box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
      margin: 1rem 0em;
      padding: 1em 0em !important;
      position: relative;
      text-align: center !important; }
    .reservation-body .reservation-block-column {
      padding: 0rem 0rem !important; }
  .mobile-nav {
    background: #f7f7f7;
    border-bottom: 1px solid rgba(34, 36, 38, 0.15) !important;
    -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
            box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
    cursor: pointer;
    display: inline !important;
    padding: 1em;
    text-align: center; }
  .reservation-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center; }
    .reservation-nav .tab-selection {
      width: 100%; }
      .reservation-nav .tab-selection:last-child {
        margin-bottom: 1em; }
  .menu-container .tab-container-header-list {
    border-bottom: 0px solid rgba(34, 36, 38, 0.15) !important; }
    .menu-container .tab-container-header-list .tab-container-header .active.item {
      background-color: transparent;
      border-color: red !important;
      -webkit-box-shadow: none;
              box-shadow: none;
      color: rgba(0, 0, 0, 0.95);
      font-weight: bold; }
  .reservation-block-table tbody tr td {
    text-align: center !important; }
  .reservation-block-table .ui.table thead tr {
    float: left; }
    .reservation-block-table .ui.table thead tr th .resevation-block-header {
      float: left;
      padding: 0.25em 0em; }
    .reservation-block-table .ui.table thead tr th .clock-boxes {
      float: left;
      padding: 0.5em 0em; } }

.table-layout .resTable {
  background: #FFFFFF; }

.table-layout .save-container .button {
  float: right; }

.table-layout .tables .ui.dropdown .menu > .input:not(.transparent) .button, .table-layout .tables .ui.dropdown .menu > .input:not(.transparent) .icon, .table-layout .tables .ui.dropdown .menu > .input:not(.transparent) .label {
  padding-bottom: 0px !important;
  padding-top: 0px !important; }

.table-layout .table-print {
  display: none !important; }

.cal-tab-header {
  background: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-right: 1em;
  width: 100%; }

.cal-tab-selection {
  color: #595959 !important;
  display: inline-block;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 1em 0em;
  text-align: center; }

.cal-tab-selection.active {
  border-bottom: 3px solid #009BF4;
  color: black !important; }

.cal-event {
  cursor: pointer; }

.cal-drop {
  margin: 2em 1em 2em 0em; }
  .cal-drop.month-select {
    width: 110px; }

.cal-mobile {
  display: none !important; }

@media all and (max-width: 800px) and (min-width: 320px) {
  .cal-mobile {
    display: inline-block !important; }
  .cal-tab-header {
    padding: 0em; }
  .cal-tab-selection {
    display: none; }
  .cal-drop {
    margin: 6px; } }

@media only screen and (max-width: 1024px) {
  .cat-box, .items-box {
    max-height: 50vh !important; } }

.manage-pos-table {
  padding: 0px !important;
  /*border-radius: 3px 3px 3px 3px !important;*/ }
  .manage-pos-table h4 {
    float: left !important;
    margin-bottom: 0 !important; }
  .manage-pos-table .top {
    float: left; }
  .manage-pos-table .create-job {
    cursor: pointer;
    float: right; }

.menu-items-list .selected-child {
  background-color: #009BF4 !important;
  color: #ffffff; }

.menu-items-list .menu-pagination {
  -ms-flex-item-align: end;
      align-self: flex-end;
  bottom: 15px;
  position: absolute;
  width: 95%; }
  .menu-items-list .menu-pagination .menu-pagination-dd {
    min-width: 5.5em !important; }

.menu-items .button {
  background: rgba(153, 153, 153, 0.1);
  border-radius: 2px !important;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.24) !important;
          box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.24) !important;
  margin: 0.25em 0em !important;
  padding: 2em 0em !important;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.menu-items .button:hover {
  background-color: #009BF4;
  -webkit-box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
  color: #FFFFFF; }

.menu-items .button.active, .menu-items .button:active, .menu-items .button:focus {
  background-color: #009BF4;
  -webkit-box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
  color: #FFFFFF; }

.menu-items .cat-header b {
  float: left;
  font-size: 1.071rem; }

.menu-items .cat-header .plus {
  cursor: pointer;
  float: right; }

.menu-items .items-header b {
  float: left;
  font-size: 1.071rem; }

.menu-items .items-header .menu-toggle-box {
  float: right;
  text-align: right; }
  .menu-items .items-header .menu-toggle-box .plus {
    cursor: pointer;
    float: right;
    padding-left: 17px; }
  .menu-items .items-header .menu-toggle-box .plus:before {
    margin-left: -0.3em; }

.menu-items .items-header .search-input {
  padding-bottom: 14px; }

.menu-items .category-buttons {
  width: 100%; }

.menu-items .cat-box {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 90vh;
  overflow-x: auto;
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
  text-align: center; }
  .menu-items .cat-box .category-buttons {
    width: 92%; }
  .menu-items .cat-box button:hover {
    background-color: #37BA87 !important;
    color: #ffffff; }
  .menu-items .cat-box .selected-parent {
    background-color: #37BA87;
    color: #ffffff; }

.menu-items .items-box {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 100vh;
  overflow-x: auto; }

.menu-items .sel-cat-button {
  background: green !important; }

.menu-items .item-buttons {
  margin: 0.25em 0em !important;
  width: 49.5%; }

.menu-items .item-buttons-fluid {
  margin: 0.25em 0em !important;
  width: 100%; }

.menu-items .menu-items-icon {
  float: right; }

.menu-form input {
  background: rgba(153, 153, 153, 0.1) !important; }

.menu-form textarea {
  background: rgba(153, 153, 153, 0.1) !important; }

.menu-form .ui.selection.active.dropdown .menu {
  border-color: #009BF4;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
          box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); }

.menu-form .selection {
  background: rgba(153, 153, 153, 0.1) !important; }
  .menu-form .selection .item {
    background: rgba(153, 153, 153, 0.1) !important; }
  .menu-form .selection .item:hover {
    background: #d9d9d9 !important; }

.menu-form .active-check {
  text-align: center; }

.menu-form .menu-button-set {
  float: right; }

.menu-form .menu-container {
  padding: .25rem 0em 0em !important; }
  .menu-form .menu-container .ui.menu {
    border-bottom: 0em; }
  .menu-form .menu-container .ui.secondary.pointing.menu .active.item, .menu-form .menu-container .internet-payments-wrapper .ui.pointing.menu.dropdown-file-selector .active.item, .internet-payments-wrapper .menu-form .menu-container .ui.pointing.menu.dropdown-file-selector .active.item, .menu-form .menu-container .internet-payments-wrapper .download-label-button .ui.pointing.menu.download .active.item, .internet-payments-wrapper .download-label-button .menu-form .menu-container .ui.pointing.menu.download .active.item, .menu-form .menu-container .internet-payments-fullscreen-modal > .header.top-title .ui.pointing.menu.close-btn .active.item, .internet-payments-fullscreen-modal > .header.top-title .menu-form .menu-container .ui.pointing.menu.close-btn .active.item {
    border-color: #009BF4;
    border-width: 6px; }

.menu-form .primary {
  background: #009BF4 !important;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.24) !important;
          box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.24) !important; }

.menu-form .discard {
  background-color: rgba(153, 153, 153, 0.1);
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.24) !important;
          box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.24) !important; }

.menu-form .modifier-search {
  cursor: pointer;
  padding-top: 10px;
  position: relative;
  right: 27px; }

/*TODO: Combine these two via child*/
.employee-top-row th {
  background: #F9FAFB !important; }

.employee-bottom-row th {
  background: #ffffff !important; }

.actions {
  background: #FFFFFF;
  width: 100%; }

.alert-danger {
  background-color: #fff6f6;
  -webkit-box-shadow: 0 0 0 1px #e0b4b4 inset,0 0 0 0 transparent;
          box-shadow: 0 0 0 1px #e0b4b4 inset,0 0 0 0 transparent;
  color: #9f3a38;
  margin: .5em 0em;
  padding: 1em; }

.items-list {
  padding: 0.5em 0em 1.75em 0em !important; }
  .items-list .column {
    padding: 0.25em !important; }
    .items-list .column label:hover {
      cursor: pointer; }

/* Create/Edit Job */
.modal-header {
  padding-bottom: 1.5em !important; }

.delivery-distance .ui.label {
  margin: 0.2em 0 0; }

.online-ordering .menu-form .sp-replacer {
  border: solid 1px #e2e2e2;
  border-radius: 3px;
  margin: 10px;
  margin-left: 0px; }
  .online-ordering .menu-form .sp-replacer .hover {
    background-color: #00C0F4 !important;
    border: solid 1px #ababab; }
  .online-ordering .menu-form .sp-replacer .sp-preview {
    border: solid 1px #c5bfbf; }

.online-ordering .menu-form .sp-active {
  border: solid 1px rgba(34, 36, 38, 0.15) !important; }

.sp-container {
  background-color: #EEEEEE;
  border: solid 1px rgba(34, 36, 38, 0.15) !important;
  border-radius: 0px;
  padding: 0; }
  .sp-container button {
    background-color: #00C0F4 !important;
    background-image: none;
    border: 1px solid #00C0F4;
    color: #ffffff;
    float: right;
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    padding: 8px 15px;
    text-shadow: none; }
  .sp-container button:hover {
    background-color: #00C0F4 !important;
    background-image: none;
    text-shadow: none; }

.sp-button-container {
  float: left;
  width: 100%; }
  .sp-button-container .sp-cancel {
    background-color: #E0E1E2;
    border-radius: 3px;
    color: #000000 !important;
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-size: 14px !important;
    margin: 0;
    margin-right: 5px;
    padding: 2px;
    padding: 8px 15px;
    position: relative;
    text-decoration: none;
    top: 8px;
    vertical-align: middle; }

.menu-container .ui.header {
  margin-bottom: 0; }

.menu-container .ui.compact.info.message {
  width: 100%;
  word-wrap: break-word; }

.olo-menu-preview {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 500px;
  overflow: auto;
  padding: 0em !important; }
  .olo-menu-preview iframe {
    border: none;
    height: 700px;
    min-width: 992px;
    width: 100%; }
  .olo-menu-preview .error {
    text-align: center;
    width: 100%; }
    .olo-menu-preview .error a {
      cursor: pointer; }
  .olo-menu-preview .error + iframe {
    display: none; }

.timeclock .shifts-table .header .title {
  margin-top: 32px; }

.timeclock .shifts-table .header .invisible {
  visibility: hidden; }

.timeclock .shifts-table .header .add-shift {
  cursor: pointer;
  margin-top: 33px;
  padding-left: 0;
  text-align: right; }

.timeclock .shifts-table .ui.striped.table tr.short-info:hover {
  background: #e2e2e2;
  cursor: pointer; }

.timeclock .shifts-table .ui.striped.table tr.short-info.expanded {
  background-color: #37BA87;
  color: white; }

.timeclock .shifts-table .ui.striped.table td.no-shifts {
  padding: 25px 0;
  text-align: center; }

.timeclock .shifts-table .shift-details .edit-shift .row {
  padding-left: 0.5em;
  padding-right: 0.5em; }

.timeclock .shifts-table .shift-details .edit-shift .form-group {
  float: left;
  width: 50%; }

.timeclock .shifts-table .shift-details .edit-shift .column {
  clear: none;
  float: left;
  margin-bottom: 0;
  padding-left: 0.5em;
  padding-right: 0.5em;
  width: 50%; }

.timeclock .shifts-table .shift-details input.readonly:disabled {
  cursor: not-allowed;
  opacity: 1; }

.timeclock .shifts-table .shift-details textarea {
  resize: none; }

.timeclock .shifts-table .shift-details .ui.selection.dropdown {
  min-width: 0; }

.timeclock .shifts-table .shift-details .break {
  position: relative; }
  .timeclock .shifts-table .shift-details .break .is-paid {
    left: 60px;
    position: absolute;
    top: -8px; }

@media (max-width: 1400px) {
  .timeclock .edit-shift .row .form-group > .column {
    width: 100%; } }

@media (max-width: 1350px) {
  .timeclock .input.search {
    margin-top: 10px;
    width: 100%; } }

@media (max-width: 1200px) {
  .timeclock .shifts-table .header input {
    padding-left: 7px;
    padding-right: 25px !important; }
  .timeclock .shifts-table .add-shift {
    padding: 0; }
    .timeclock .shifts-table .add-shift .icon {
      margin-right: 0; } }

@media (max-width: 1127px) {
  .timeclock .shifts-table .header .title {
    padding: 14px 10px; }
  .timeclock .shifts-table .header .icon .icon {
    display: none; }
  .timeclock .shifts-table .header input {
    padding-left: 10px;
    padding-right: 10px !important; } }

@media (max-width: 1024px) {
  .timeclock .shifts-table .search {
    padding-top: 0;
    width: 50%; }
  .timeclock .shifts-table .header .title {
    margin-top: 0; }
  .timeclock .shifts-table .header .add-shift {
    margin-top: 0; }
  .timeclock .shifts-table .header .filter-group {
    padding-top: 0; }
  .timeclock .shifts-table .edit-shift .menu-button-set {
    float: none; } }

@media (max-width: 768px) {
  .timeclock .edit-shift .column.four.wide {
    width: 100% !important; }
  .timeclock .edit-shift .fields .field {
    margin-top: 10px; }
  .timeclock .edit-shift .menu-button-set {
    padding-top: 10px; }
    .timeclock .edit-shift .menu-button-set .button {
      margin-bottom: 20px;
      width: 100%; }
  .timeclock .eight .dropdown {
    width: 100%; } }

.menu-items .item-group-buttons {
  margin: 0.25em 0em !important;
  width: 32.75% !important; }

.itemGroup-segment i {
  float: right; }

.price-modifier-fields .field {
  float: left;
  margin: 0.5em 0em !important; }
  .price-modifier-fields .field .price-modifier-radio {
    float: left;
    min-width: 145px !important;
    padding-top: .4em; }
  .price-modifier-fields .field .price-modifier-input {
    float: left;
    width: 80px !important; }

.double-sided-toggle .left-side {
  float: left;
  padding: 7px 14px 0px 0px; }

.choice-set-checks {
  padding-left: 1.75em !important; }

.fixed-amount-input-labels {
  float: left;
  min-width: 135px !important;
  padding: 0.5em 0em; }

.fixed-amount-inputs {
  min-width: 160px !important; }

.default-choice-selection {
  min-width: 245px !important; }

.customize-menu i.icon.disabled {
  opacity: 0.45 !important;
  pointer-events: none; }

.tableside-container .ui.segment.header.header-segment .inline.fields {
  float: right;
  margin: 0em; }

.tableside-container td.no-devices {
  text-align: center; }

@media only screen and (max-width: 1024px) {
  .tableside-container .ui.segment.header.header-segment {
    -webkit-box-align: left;
        -ms-flex-align: left;
            align-items: left;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .tableside-container .ui.segment.header.header-segment > :first-child {
      margin-bottom: 1em; }
    .tableside-container .ui.segment.header.header-segment .inline.fields > .field {
      margin-bottom: 0.5em; } }

.gpatt {
  margin: 0 10px; }
  .gpatt .toggle label {
    font-weight: bold; }
  .gpatt .add-profile {
    margin-top: 20px; }
  .gpatt .checkbox-container {
    margin-bottom: 1em; }
  .gpatt img {
    margin-bottom: 10px;
    width: 100%; }
  .gpatt .field.padded.stackable.grid .image-upload input, .gpatt .field.padded.stackable.grid .image-upload label {
    background-color: transparent;
    padding: 0; }

.solo .toggle label {
  font-weight: bold; }

.solo .checkbox-container {
  margin-bottom: 1em; }
  .solo .checkbox-container.margin-top {
    margin-top: 2em; }

.customer-display .image-upload-field .ui.field {
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }
  .customer-display .image-upload-field .ui.field .preview-wrap {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    padding: 0px !important; }

.customer-display :nth-child(2) .image-upload-field .ui.field {
  border-bottom: none; }
  @media only screen and (max-width: 767px) {
    .customer-display :nth-child(2) .image-upload-field .ui.field {
      border-bottom: 1px solid #e5e5e5; } }

.customer-display .ui.field.padded.stackable.grid {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }
  @media only screen and (max-width: 767px) {
    .customer-display .ui.field.padded.stackable.grid {
      border-bottom: 1px solid #e5e5e5; } }

.printers .ui.yellow.small.message {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content; }

.printers .image-upload-field .ui.field {
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }
  .printers .image-upload-field .ui.field .preview-wrap {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    padding: 0px !important; }

.printers .ui.field.padded.stackable.grid {
  border-bottom: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }
  @media only screen and (max-width: 767px) {
    .printers .ui.field.padded.stackable.grid {
      border-bottom: 1px solid #e5e5e5; } }

.article.dashboard .header.title-bar {
  padding: 30px 30px 16px 30px !important; }
  .article.dashboard .header.title-bar > span {
    padding: 0 1rem 1rem 0; }
  .article.dashboard .header.title-bar > #title {
    padding-bottom: 1rem; }
    .article.dashboard .header.title-bar > #title .dashboard-actions .ui.checkbox {
      display: inline-block; }
    .article.dashboard .header.title-bar > #title .dashboard-actions .layout-button {
      display: inline-block;
      margin-right: 2em; }
      .article.dashboard .header.title-bar > #title .dashboard-actions .layout-button label {
        cursor: pointer; }

.dashboard2 {
  margin-top: -20px; }
  .dashboard2 .title-bar-menu {
    padding: 0 1em !important; }
  .dashboard2 .ui.warning.message {
    margin: 2em 2em 0 2em; }
  .dashboard2 .body {
    padding: 2em 1em 1em 1em; }
    .dashboard2 .body .row.whole-row {
      margin-left: 14px;
      margin-right: 14px;
      width: 100%; }
    .dashboard2 .body .column.row {
      padding: 0em 1em; }
    .dashboard2 .body .sixteen.wide.column {
      padding: 1em 2em; }
    .dashboard2 .body .dashboard-widget.is-hidden {
      display: none; }
    .dashboard2 .body .dashboard-widget .ui.segments {
      border-radius: 0px; }
    .dashboard2 .body .dashboard-widget .ui.segments > .ui.segment {
      border-radius: 0px; }
    .dashboard2 .body .dashboard-widget .ui.segments > .ui.handle.segment {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .dashboard2 .body .dashboard-widget .ui.segments > .ui.handle.segment b {
        line-height: 1.5rem; }
    .dashboard2 .body .dashboard-widget:not(.read-only) .ui.segments > .ui.handle.segment {
      cursor: move; }
    .dashboard2 .body .dashboard-widget .ui.segments > .ui.segment:last-child {
      height: 300px; }
    .dashboard2 .body .dashboard-widget .ui.segments > .ui.segment:last-child:not(.table-widget) {
      padding: 1.5rem; }
    .dashboard2 .body .dashboard-widget .ui.segment.table-widget {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 0; }
      .dashboard2 .body .dashboard-widget .ui.segment.table-widget .row {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
                flex: 1 0 auto;
        padding-left: 1.5rem;
        padding-right: 1.5rem; }
      .dashboard2 .body .dashboard-widget .ui.segment.table-widget .row.collapsing {
        -webkit-box-flex: 0;
            -ms-flex: none;
                flex: none; }
      .dashboard2 .body .dashboard-widget .ui.segment.table-widget .row:not(:last-child) {
        border-bottom: 1px solid rgba(34, 36, 38, 0.15); }
      .dashboard2 .body .dashboard-widget .ui.segment.table-widget .row:not(.action-target) > .label {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        font-size: 16px;
        overflow: hidden;
        padding-right: 1em;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .dashboard2 .body .dashboard-widget .ui.segment.table-widget .row:not(.action-target) > .content {
        font-size: 1.75em;
        font-weight: bold;
        text-align: right; }
      .dashboard2 .body .dashboard-widget .ui.segment.table-widget .row.selectable:hover {
        background-color: #e5f5fe; }
      .dashboard2 .body .dashboard-widget .ui.segment.table-widget .row.action-target {
        color: #009BF4;
        -webkit-box-flex: 0;
            -ms-flex: none;
                flex: none;
        padding-bottom: 1em;
        padding-top: 1em; }
        .dashboard2 .body .dashboard-widget .ui.segment.table-widget .row.action-target:hover {
          color: #008BDB; }
        .dashboard2 .body .dashboard-widget .ui.segment.table-widget .row.action-target > .label {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1; }
    .dashboard2 .body .dashboard-widget.expanded .ui.segment.table-widget .row {
      padding-bottom: 1em;
      padding-top: 1em; }
    .dashboard2 .body .dashboard-widget .ui.segment.single-value-widget {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .dashboard2 .body .dashboard-widget .ui.segment.single-value-widget .value {
        color: white;
        font-size: 3em;
        font-weight: bold;
        line-height: 1.42857em;
        margin: 0 auto;
        text-align: center; }
    .dashboard2 .body .dashboard-widget .ui.segment.show-signup {
      color: white;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 1.5rem;
      text-align: center; }
      .dashboard2 .body .dashboard-widget .ui.segment.show-signup span {
        font-size: 18px;
        padding: 1em 0em; }
      .dashboard2 .body .dashboard-widget .ui.segment.show-signup span:first-child {
        padding-bottom: 0; }
      .dashboard2 .body .dashboard-widget .ui.segment.show-signup img {
        -ms-flex-item-align: center;
            align-self: center;
        max-height: 120px;
        max-width: 100%; }
      .dashboard2 .body .dashboard-widget .ui.segment.show-signup :nth-child(2) {
        margin: auto; }
    .dashboard2 .body .dashboard-widget .ui.segment.settings-widget {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .dashboard2 .body .dashboard-widget .ui.segment.settings-widget .save-actions {
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        margin-left: auto; }
      .dashboard2 .body .dashboard-widget .ui.segment.settings-widget .ui.definition.table {
        border: 1px solid #e5e5e5;
        border-radius: 0; }
        .dashboard2 .body .dashboard-widget .ui.segment.settings-widget .ui.definition.table td {
          width: 50%; }
    .dashboard2 .body .dashboard-widget .skeleton-placeholder,
    .dashboard2 .body .dashboard-widget .ui.segment.skeleton .row:not(.action-target) > .content,
    .dashboard2 .body .dashboard-widget .ui.segment.single-value-widget.skeleton > .value {
      background-color: #bcbcbc;
      border-radius: 1em;
      color: #bcbcbc; }
    .dashboard2 .body .dashboard-widget .not-supported,
    .dashboard2 .body .dashboard-widget .no-data {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .dashboard2 .body .dashboard-widget .not-supported .message,
      .dashboard2 .body .dashboard-widget .no-data .message {
        margin: 0 auto;
        text-align: center; }
        .dashboard2 .body .dashboard-widget .not-supported .message i.icon,
        .dashboard2 .body .dashboard-widget .no-data .message i.icon {
          opacity: 0.6; }
        .dashboard2 .body .dashboard-widget .not-supported .message p,
        .dashboard2 .body .dashboard-widget .no-data .message p {
          margin-top: 1rem; }
    .dashboard2 .body .dashboard-widget .table-widget > .no-data,
    .dashboard2 .body .dashboard-widget .payment-methods-data > .no-data {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .dashboard2 .body .dashboard-widget b ~ .icon {
      cursor: pointer;
      float: right;
      opacity: 0.3; }
    .dashboard2 .body .dashboard-widget .setting.icon:hover {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
      -webkit-transition: 0.2s;
      transition: 0.2s; }
    .dashboard2 .body .dashboard-widget .angle.icon,
    .dashboard2 .body .dashboard-widget .angle.icon,
    .dashboard2 .body .dashboard-widget .left.arrow.icon {
      -webkit-transition: 0.2s;
      transition: 0.2s; }
    .dashboard2 .body .dashboard-widget .left.angle.icon:hover,
    .dashboard2 .body .dashboard-widget .left.arrow.icon:hover {
      -webkit-transform: translateX(-4px);
              transform: translateX(-4px); }
    .dashboard2 .body .dashboard-widget .right.angle.icon:hover {
      -webkit-transform: translateX(4px);
              transform: translateX(4px); }
    .dashboard2 .body .dashboard-widget .up.angle.icon:hover {
      -webkit-transform: translateY(-4px);
              transform: translateY(-4px); }
    .dashboard2 .body .dashboard-widget .down.angle.icon:hover {
      -webkit-transform: translateY(4px);
              transform: translateY(4px); }
    .dashboard2 .body .column:not(.row) {
      max-height: calc(351px + 2em);
      padding-bottom: 1em;
      padding-top: 1em; }
      .dashboard2 .body .column:not(.row) .dashboard-widget.expanded {
        -webkit-box-shadow: 0em 0em 20px 8px #cccaca;
                box-shadow: 0em 0em 20px 8px #cccaca; }
        .dashboard2 .body .column:not(.row) .dashboard-widget.expanded .ui.segments {
          border-bottom: none; }
          .dashboard2 .body .column:not(.row) .dashboard-widget.expanded .ui.segments > .ui.segment:last-child {
            height: auto; }
      .dashboard2 .body .column:not(.row) .ui.dimmer {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
        .dashboard2 .body .column:not(.row) .ui.dimmer .error {
          margin: 0 auto; }
    .dashboard2 .body .column:not(.row).layout-mode .ui.dimmer:not(.loading) {
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.85)));
      background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.85));
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-bottom: 1.5em; }
      @media screen and (-webkit-min-device-pixel-ratio: 0) {
        .dashboard2 .body .column:not(.row).layout-mode .ui.dimmer:not(.loading) {
          margin-left: -1px;
          width: calc(100% + 2px); } }
      .dashboard2 .body .column:not(.row).layout-mode .ui.dimmer:not(.loading) .icon {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
    .dashboard2 .body .column:not(.row).layout-mode:first-child .ui.dimmer .angle:first-child {
      visibility: hidden; }
    .dashboard2 .body .column:not(.row).layout-mode:last-child .ui.dimmer .angle:last-child {
      visibility: hidden; }
    @media only screen and (min-width: 1025px) {
      .dashboard2 .body .column:not(.row):nth-child(3n+1):nth-last-child(-n+3),
      .dashboard2 .body .column:not(.row):nth-child(3n+1):nth-last-child(-n+3) ~ .column {
        max-height: none; }
        .dashboard2 .body .column:not(.row):nth-child(3n+1):nth-last-child(-n+3) .dashboard-widget.expanded,
        .dashboard2 .body .column:not(.row):nth-child(3n+1):nth-last-child(-n+3) ~ .column .dashboard-widget.expanded {
          -webkit-box-shadow: none;
                  box-shadow: none; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .dashboard2 .body .column:not(.row):nth-child(2n+1):nth-last-child(-n+2),
      .dashboard2 .body .column:not(.row):nth-child(2n+1):nth-last-child(-n+2) ~ .column {
        max-height: none; }
        .dashboard2 .body .column:not(.row):nth-child(2n+1):nth-last-child(-n+2) .dashboard-widget.expanded,
        .dashboard2 .body .column:not(.row):nth-child(2n+1):nth-last-child(-n+2) ~ .column .dashboard-widget.expanded {
          -webkit-box-shadow: none;
                  box-shadow: none; } }
    @media only screen and (max-width: 767px) {
      .dashboard2 .body .column:not(.row) {
        max-height: none; }
        .dashboard2 .body .column:not(.row) .dashboard-widget.expanded {
          -webkit-box-shadow: none;
                  box-shadow: none; } }
    .dashboard2 .body .front, .dashboard2 .body .back {
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      -webkit-transform-style: preserve-3d;
              transform-style: preserve-3d;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .dashboard2 .body .front {
      margin-bottom: 0em;
      z-index: 20; }
    .dashboard2 .body .back {
      position: absolute;
      top: 0;
      -webkit-transform: rotateY(180deg);
              transform: rotateY(180deg);
      width: calc(100% - 2rem);
      z-index: 10; }
    .dashboard2 .body .dashboard-widget.flipped .front {
      -webkit-transform: rotateY(-180deg);
              transform: rotateY(-180deg); }
    .dashboard2 .body .dashboard-widget.flipped .back {
      -webkit-transform: rotateY(0deg);
              transform: rotateY(0deg);
      z-index: 30; }

.welcome-page {
  background-color: white;
  margin-top: -1em; }
  .welcome-page .big-box {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: black;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 480px; }
    .welcome-page .big-box .content {
      color: white;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      margin: 0 auto;
      max-width: 600px;
      min-width: 500px;
      padding: 0em 5em; }
    .welcome-page .big-box img {
      max-height: 100%; }
    @media only screen and (max-width: 1024px) {
      .welcome-page .big-box .content {
        min-width: 50%; }
      .welcome-page .big-box .content p {
        display: none; } }
    @media only screen and (max-width: 767px) {
      .welcome-page .big-box {
        height: 200px; }
        .welcome-page .big-box .content {
          padding: 0em 1em; } }
  .welcome-page .small-box {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #f2f2f2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 177px; }
    .welcome-page .small-box .content {
      color: #333333;
      margin: 0 auto;
      padding: 0em 5em;
      text-align: center; }
      .welcome-page .small-box .content h2 {
        margin-bottom: 0 !important; }
      .welcome-page .small-box .content h3 {
        margin-top: 0 !important; }
    @media only screen and (max-width: 767px) {
      .welcome-page .small-box {
        margin-bottom: 2em; }
        .welcome-page .small-box .content {
          padding: 0em 1em; } }
  .welcome-page .feature-boxes {
    margin: 0 2em; }
  .welcome-page .feature-box {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    max-width: 1140px;
    padding: 2em 5em; }
    .welcome-page .feature-box.centered {
      text-align: center; }
    .welcome-page .feature-box .text, .welcome-page .feature-box .image {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .welcome-page .feature-box .image {
      padding: 2em;
      text-align: center; }
      .welcome-page .feature-box .image img {
        max-width: 100%; }
    .welcome-page .feature-box .header {
      font-size: 1.71428571rem;
      font-weight: bold;
      padding-bottom: 1em; }
    @media only screen and (min-width: 767px) {
      .welcome-page .feature-box:nth-child(even) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
        padding-right: 3em; }
      .welcome-page .feature-box:nth-child(odd) {
        padding-left: 3em; } }
    @media only screen and (max-width: 767px) {
      .welcome-page .feature-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 2em 0em; }
        .welcome-page .feature-box .header {
          font-size: 1.5rem; }
        .welcome-page .feature-box .image {
          padding: 2em 0em; } }
    .welcome-page .feature-box:not(:last-child) {
      border-bottom: 1px solid #e5e5e5; }

.welcome-page.customer-engagement > .big-box {
  background-color: #f6a735; }

.welcome-page.reputation > .big-box {
  background-color: #48aa2f; }

.welcome-page.social-media > .big-box {
  background-color: #1aa5f5; }

.welcome-page.loyalty-opt-in > .big-box {
  background-color: #008bdb; }
  .welcome-page.loyalty-opt-in > .big-box .big-box-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.welcome-page.loyalty-opt-in .feature-box:nth-child(even) {
  padding-left: 3em;
  padding-right: 1em; }

.welcome-page.loyalty-opt-in .feature-box:nth-child(odd) {
  padding-left: 1em;
  padding-right: 3em; }

@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .welcome-page.loyalty-opt-in > .big-box .content {
    text-align: center; }
  .welcome-page.loyalty-opt-in > .big-box .big-box-image img {
    height: 480px;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%; } }

@media only screen and (max-width: 767px) {
  .welcome-page.loyalty-opt-in .big-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    height: 100%;
    margin-top: 1em; }
    .welcome-page.loyalty-opt-in .big-box .content {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin: 2em 0;
      text-align: center; }
      .welcome-page.loyalty-opt-in .big-box .content h2 {
        font-size: 1.5rem;
        font-weight: 600; }
    .welcome-page.loyalty-opt-in .big-box img {
      max-width: 100%; }
  .welcome-page.loyalty-opt-in .feature-boxes {
    margin: 0 1em; }
    .welcome-page.loyalty-opt-in .feature-boxes .feature-box {
      padding-left: 1em;
      padding-right: 1em; } }

.bank-account {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .bank-account .bank-account-message-container {
    border: 1px #e5e5e5 solid;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    margin: auto;
    padding: 4.28571em 2.14286em 2.14286em;
    text-align: center;
    width: 360px; }
    .bank-account .bank-account-message-container .ui.header {
      font-weight: bold; }
    .bank-account .bank-account-message-container .bank-account-success {
      color: #48aa2f; }
    .bank-account .bank-account-message-container .bank-account-error {
      font-weight: 800;
      padding: 2.14286em 0.71429em 0.71429em; }
    .bank-account .bank-account-message-container .bank-account-message-text {
      padding-bottom: 20px; }
    .bank-account .bank-account-message-container .ui.button {
      width: 160px; }
  .bank-account .file-upload {
    margin-bottom: 20px; }
  .bank-account .form-copy p:nth-child(7) {
    margin: 1em 0em 1em; }
  @media only screen and (max-width: 767px) {
    .bank-account .bank-account-message-container {
      padding: 4.28571em 1.42857em 1.42857em; } }

.bank-account.full-height {
  height: 100%; }

.account-maintenance .page-content iframe {
  border: 0;
  height: 2000px;
  width: 100%; }

.qrpay-ad p {
  font-size: 18px; }

.qrpay-ad .video-wrap {
  max-width: 700px; }

@media only screen and (min-width: 768px) {
  .timeclock-management .list-controls .filter-controls .dropdown-simple-checklist .ui.dropdown, .timeclock-management .row-direction-list-controls .filter-controls .dropdown-simple-checklist .ui.dropdown {
    width: 250px; } }

.timeclock-management .list-controls .filter-controls .dropdown-simple-checklist .ui.dropdown .ui.checkbox, .timeclock-management .row-direction-list-controls .filter-controls .dropdown-simple-checklist .ui.dropdown .ui.checkbox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%; }
  .timeclock-management .list-controls .filter-controls .dropdown-simple-checklist .ui.dropdown .ui.checkbox label, .timeclock-management .row-direction-list-controls .filter-controls .dropdown-simple-checklist .ui.dropdown .ui.checkbox label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.virtual-terminal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .virtual-terminal .title-bar span {
    margin-right: 10px;
    white-space: nowrap; }
  .virtual-terminal .virtual-terminal-message-container {
    border: 1px #e5e5e5 solid;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    margin: auto;
    padding: 4.28571em 2.14286em 2.14286em;
    text-align: center;
    width: 360px; }
    .virtual-terminal .virtual-terminal-message-container .ui.header {
      font-weight: bold; }
    .virtual-terminal .virtual-terminal-message-container .virtual-terminal-success {
      color: #48aa2f; }
    .virtual-terminal .virtual-terminal-message-container .virtual-terminal-error {
      font-weight: 800;
      padding: 2.14286em 0.71429em 0.71429em; }
    .virtual-terminal .virtual-terminal-message-container .ui.button {
      width: 160px; }
  @media only screen and (max-width: 767px) {
    .virtual-terminal .virtual-terminal-message-container {
      padding: 4.28571em 1.42857em 1.42857em; } }
  .virtual-terminal div.spread {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .virtual-terminal .ui.message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.42857em;
    margin-top: 0;
    padding: 0.71429em;
    width: 100%; }
    .virtual-terminal .ui.message.notice, .virtual-terminal .ui.message .icon-aligned {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .virtual-terminal .ui.message .ui.setting.icon {
      color: #009BF4; }
  .virtual-terminal .fullscreen-modal.refund-settings .ui.steps {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .virtual-terminal .fullscreen-modal.refund-settings > .content {
    padding-top: 1em; }
  .virtual-terminal .fullscreen-modal.refund-settings .update-settings-step .checkbox-field {
    border-top: 1px solid #e5e5e5; }
  .virtual-terminal .fullscreen-modal.refund-settings .review-and-sign-step .ui.dimmer {
    height: 50vh; }
  .virtual-terminal .fullscreen-modal.refund-settings .review-and-sign-step .loader {
    margin: 1.42857em; }
  .virtual-terminal .fullscreen-modal.refund-settings .review-and-sign-step .loading-container {
    visibility: hidden; }
    .virtual-terminal .fullscreen-modal.refund-settings .review-and-sign-step .loading-container.loaded {
      visibility: visible; }
    .virtual-terminal .fullscreen-modal.refund-settings .review-and-sign-step .loading-container .ui.header {
      margin: 1em 0; }
  .virtual-terminal .fullscreen-modal.refund-settings .review-and-sign-step iframe {
    border: 1px solid #e5e5e5;
    height: 100vh;
    padding: 0;
    width: 100%; }

.virtual-terminal.full-height {
  height: 100%; }

.s4-shop-iframe-container {
  height: 1450px;
  position: relative; }
  .s4-shop-iframe-container:before {
    content: "";
    display: block; }
  .s4-shop-iframe-container iframe {
    border: none;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  .s4-shop-iframe-container #portal-target {
    height: auto;
    width: 100%; }

#drill-down-report-table-wrapper {
  max-height: 90vh;
  overflow: auto; }
  #drill-down-report-table-wrapper .print-frame {
    display: none; }
  #drill-down-report-table-wrapper .ui.celled.table {
    background: #FFFFFF !important;
    border-collapse: collapse;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #333333; }
    #drill-down-report-table-wrapper .ui.celled.table caption {
      caption-side: top;
      color: #333333;
      margin-bottom: 1em;
      text-align: left; }
    #drill-down-report-table-wrapper .ui.celled.table tr td {
      border-bottom: none;
      border-top: none;
      padding: 0;
      text-align: right;
      vertical-align: top;
      white-space: nowrap; }
      #drill-down-report-table-wrapper .ui.celled.table tr td:first-child {
        text-align: left;
        white-space: nowrap; }
      #drill-down-report-table-wrapper .ui.celled.table tr td:last-child {
        border-right: 1px solid #e5e5e5; }
      #drill-down-report-table-wrapper .ui.celled.table tr td .centered {
        text-align: center; }
    #drill-down-report-table-wrapper .ui.celled.table tr .content {
      border-top: 1px solid #e5e5e5;
      min-height: 100%;
      padding: 1em 0.71429em; }
    #drill-down-report-table-wrapper .ui.celled.table tr.header-row td {
      background: #f7f7f7;
      color: #333333;
      cursor: auto;
      font-style: none;
      font-weight: 800;
      min-height: 100%;
      padding: 1em 0.71429em;
      text-align: left;
      text-transform: none;
      vertical-align: middle; }
      #drill-down-report-table-wrapper .ui.celled.table tr.header-row td:last-child {
        border-right-color: transparent; }
    #drill-down-report-table-wrapper .ui.celled.table tr.header-row:nth-child(2) td {
      -webkit-box-shadow: inset 0 1px #e5e5e5;
              box-shadow: inset 0 1px #e5e5e5; }
      #drill-down-report-table-wrapper .ui.celled.table tr.header-row:nth-child(2) td:first-child {
        border-left: 1px solid #e5e5e5; }
  #drill-down-report-table-wrapper #report-table-data-wrapper > .ui.segment {
    overflow: auto; }
  @media only screen and (max-width: 767px) {
    #drill-down-report-table-wrapper .ui.celled.table {
      overflow-x: scroll;
      padding: 0em;
      table-layout: auto; } }

#report-table-tree {
  overflow: auto;
  table-layout: auto; }
  #report-table-tree .report-node .row .col .content.money, #report-table-tree .report-node .row .col .content.integer, #report-table-tree .report-node .row .col .content.float, #report-table-tree .report-node .row .col .content.date, #report-table-tree .report-node .row .col .content.time, #report-table-tree .report-node .row .col .content.datetime, #report-table-tree .report-node .row .col .content.duration, #report-table-tree .report-node .row .col .content.percent {
    white-space: nowrap; }
  #report-table-tree .report-node .row .col.header {
    white-space: nowrap; }
  #report-table-tree .report-node .row.type-normal {
    font-weight: normal; }
  #report-table-tree .ui.celled.table {
    background: #FFFFFF !important;
    border-collapse: collapse;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #666666; }
    #report-table-tree .ui.celled.table caption {
      caption-side: top;
      margin-bottom: 1em;
      text-align: left; }
    #report-table-tree .ui.celled.table tr td {
      border-bottom: none;
      border-left: none;
      border-top: none;
      padding: 0;
      text-align: left;
      vertical-align: top;
      white-space: nowrap; }
    #report-table-tree .ui.celled.table tr .content {
      border-top: 1px solid #e5e5e5;
      padding: 1.14286em 1em 1em; }
    #report-table-tree .ui.celled.table tr.header-row {
      background: #f7f7f7; }
      #report-table-tree .ui.celled.table tr.header-row td {
        border: none;
        color: #333333;
        cursor: auto;
        font-weight: 800;
        padding: 1.14286em 1em 1em; }
        #report-table-tree .ui.celled.table tr.header-row td .tooltip .info-tooltip {
          color: #999999; }
    #report-table-tree .ui.celled.table tfoot {
      background-color: #FAFAFA; }
      #report-table-tree .ui.celled.table tfoot tr.footer.bottom td, #report-table-tree .ui.celled.table tfoot tr.footer.total td {
        font-weight: normal; }
        #report-table-tree .ui.celled.table tfoot tr.footer.bottom td.footer-col, #report-table-tree .ui.celled.table tfoot tr.footer.total td.footer-col {
          border-top: 1px solid #e5e5e5;
          min-height: 100%;
          padding: 1em 1em; }
          #report-table-tree .ui.celled.table tfoot tr.footer.bottom td.footer-col.header, #report-table-tree .ui.celled.table tfoot tr.footer.total td.footer-col.header {
            font-weight: bold; }
  #report-table-tree #report-table-data-wrapper > .ui.segment {
    overflow: auto; }
  @media only screen and (max-width: 767px) {
    #report-table-tree .ui.celled.table {
      overflow-x: scroll;
      padding: 0em;
      table-layout: auto; } }

.pricing-table .bulkselect-table table {
  display: block;
  overflow-x: auto;
  white-space: nowrap; }

.pricing-table th {
  position: sticky;
  top: 0;
  z-index: 2; }

.pricing-table th:first-child {
  left: 0;
  position: sticky;
  z-index: 1; }

.pricing-table th:nth-child(2) {
  left: 32px;
  min-width: 168px;
  position: sticky;
  z-index: 1; }

.pricing-table th:nth-child(3) {
  left: 200px;
  position: sticky;
  z-index: 1; }

.pricing-table th:first-child, .pricing-table th:nth-child(2), .pricing-table th:nth-child(3) {
  z-index: 3; }

.pricing-table tr td {
  background-color: white; }

.pricing-table tr td:first-child {
  left: 0;
  position: sticky;
  z-index: 1; }

.pricing-table tr td:nth-child(2) {
  left: 32px;
  min-width: 168px;
  position: sticky;
  z-index: 1; }

.pricing-table tr td:nth-child(3) {
  left: 200px;
  position: sticky;
  z-index: 1; }

.pricing-table tr:hover > td {
  background-color: #e5f5fe; }

.pricing-table .overriden-price {
  color: #009BF4;
  font-weight: 600; }

.drill-down-report-header h3 {
  font-size: 1.33em;
  line-height: 1.25;
  margin-bottom: 10px; }

.drill-down-report-header p {
  font-size: 0.8em; }

.workforce-terms-and-conditions .content {
  overflow: hidden !important;
  padding: 0 !important; }

.workforce-terms-and-conditions .flash-messages-container {
  margin-bottom: 0; }

.workforce-terms-and-conditions .agreement-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 10px; }
  .workforce-terms-and-conditions .agreement-text a {
    display: contents; }

.workforce-terms-and-conditions .actions .loading.no-events {
  pointer-events: none !important; }

@media only screen and (max-width: 767px) {
  .workforce-terms-and-conditions .actions {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; } }

.workforce .title-bar {
  border-bottom: none !important; }

.workforce h2 {
  font-size: 24px; }

.workforce p {
  font-size: 14px; }

.workforce .header, .workforce h2, .workforce p {
  text-align: left; }

.workforce .big-box {
  background-color: #000;
  height: 600px;
  margin: -30px -30px 0 -30px; }
  .workforce .big-box .content {
    max-width: 585px;
    padding: 0px 16px 46px 125px; }
    .workforce .big-box .content .logo-container {
      padding-top: 70px; }
  .workforce .big-box .laptop-image {
    max-height: 528px;
    max-width: 918px;
    padding-top: 50px 0 20px 0; }
  .workforce .big-box p {
    margin-bottom: 30px; }
  .workforce .big-box h2 {
    font-size: 24px;
    font-weight: bold;
    margin: 0px;
    padding: 30px 0 30px 0; }
  @media only screen and (max-width: 767px) {
    .workforce .big-box {
      height: 590px;
      margin: 14px -10px 0 -10px; }
      .workforce .big-box .content {
        padding: 0px 16px 36px 80px; }
        .workforce .big-box .content .logo-container {
          padding-top: 60px; }
        .workforce .big-box .content h2 {
          font-size: 24px; }
      .workforce .big-box .laptop-image {
        max-height: 320px;
        max-width: 560px;
        padding-top: 29px; } }
  @media only screen and (min-width: 360px) {
    .workforce .big-box .content p {
      display: block; } }
  @media only screen and (max-width: 450px) {
    .workforce .big-box .content {
      padding: 0 10px; }
      .workforce .big-box .content .logo-container, .workforce .big-box .content .description {
        display: none !important; } }
  @media only screen and (max-width: 360px) {
    .workforce .big-box {
      height: 370px; }
      .workforce .big-box .content {
        padding: 0 10px; }
        .workforce .big-box .content p {
          display: block; }
        .workforce .big-box .content .price-box {
          padding-top: 40px; }
      .workforce .big-box h2 {
        font-size: 20px;
        font-weight: normal;
        margin-bottom: 20px;
        padding: 20px 0 0 0; }
      .workforce .big-box img {
        max-height: 133px !important;
        max-width: 175px !important;
        padding: 0; } }

.workforce .price-box {
  padding-top: 60px; }
  .workforce .price-box h2 {
    color: #009BF4;
    font-weight: bold;
    margin: 0;
    padding: 0 !important; }
  .workforce .price-box h3 {
    color: #009BF4;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 30px 0; }
  .workforce .price-box p {
    color: #999999;
    text-align: center; }

.workforce .feature-box {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .workforce .feature-box .header-tool {
    margin: 0;
    padding-bottom: 50px;
    text-align: center; }
  .workforce .feature-box .image {
    padding: 30px; }
  .workforce .feature-box .text .header {
    font-weight: normal;
    padding-bottom: 20px; }
  .workforce .feature-box .header-easy-use {
    padding-top: 30px !important; }
  .workforce .feature-box .content {
    max-width: 560px;
    text-align: center; }
    .workforce .feature-box .content h2 {
      padding-bottom: 16px;
      padding-top: 80px;
      text-align: center; }
  @media only screen and (max-width: 767px) {
    .workforce .feature-box {
      padding: 0 0 30px 0; }
      .workforce .feature-box .text {
        max-width: 350px; }
        .workforce .feature-box .text .header {
          font-weight: bold; }
      .workforce .feature-box .content h2 {
        font-weight: bold; }
      .workforce .feature-box .header-tool {
        font-weight: bold; } }

/* stylelint-disable no-descending-specificity */
.s4-capital {
  background-color: #F7F7F7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  margin: -20px -30px; }
  .s4-capital > .content {
    padding: 0 30px; }
    .s4-capital > .content.part1 {
      margin: 36px 0 24px 0; }
      .s4-capital > .content.part1 .main-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
            justify-content: space-around;
        margin-bottom: 48px; }
        .s4-capital > .content.part1 .main-header .main-header-content {
          font-size: 21px;
          line-height: 28px;
          max-width: 540px;
          text-align: center; }
          .s4-capital > .content.part1 .main-header .main-header-content h1 {
            font-size: 42px;
            font-weight: bold; }
      .s4-capital > .content.part1 .main-content {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
      .s4-capital > .content.part1 .main-panel {
        background-color: #FFFFFF;
        border: 1px solid #e5e5e5;
        border-radius: 8px;
        -webkit-box-shadow: 0px 18px 64px -18px rgba(0, 0, 0, 0.1), 0px 30px 45px -30px rgba(0, 8, 36, 0.25);
                box-shadow: 0px 18px 64px -18px rgba(0, 0, 0, 0.1), 0px 30px 45px -30px rgba(0, 8, 36, 0.25);
        max-width: 500px;
        padding: 0;
        width: 100%; }
        .s4-capital > .content.part1 .main-panel .s4-button button {
          width: 100%; }
          .s4-capital > .content.part1 .main-panel .s4-button button > i {
            line-height: 14px;
            margin-left: 5px; }
        .s4-capital > .content.part1 .main-panel .aside {
          color: #333333;
          font-size: 11px;
          font-style: italic;
          margin-top: 16px;
          text-align: center; }
        .s4-capital > .content.part1 .main-panel .status-bar {
          background-color: #CCCCCC;
          border-radius: 8px 8px 0 0;
          font-size: 15px;
          letter-spacing: 0.25px;
          line-height: 15px;
          margin: 0 0 4px 0;
          padding: 12px 24px;
          text-align: right; }
          .s4-capital > .content.part1 .main-panel .status-bar span {
            line-height: 24px;
            vertical-align: bottom; }
          .s4-capital > .content.part1 .main-panel .status-bar i {
            font-size: 24px; }
            .s4-capital > .content.part1 .main-panel .status-bar i::before {
              vertical-align: middle; }
            .s4-capital > .content.part1 .main-panel .status-bar i.repayment::before {
              content: url("/img/capital/icon/status/repayment.svg");
              line-height: 24px;
              vertical-align: top; }
          .s4-capital > .content.part1 .main-panel .status-bar.green {
            background-color: rgba(55, 132, 36, 0.08); }
            .s4-capital > .content.part1 .main-panel .status-bar.green i {
              color: #378424; }
          .s4-capital > .content.part1 .main-panel .status-bar.yellow {
            background-color: rgba(246, 167, 53, 0.08); }
            .s4-capital > .content.part1 .main-panel .status-bar.yellow i {
              color: #F6A735; }
          .s4-capital > .content.part1 .main-panel .status-bar.red {
            background-color: rgba(176, 0, 32, 0.08); }
            .s4-capital > .content.part1 .main-panel .status-bar.red i {
              color: #B00020; }
        .s4-capital > .content.part1 .main-panel .main-panel-row {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          padding: 16px 24px; }
          .s4-capital > .content.part1 .main-panel .main-panel-row.bordered {
            border-bottom: 1px solid #e5e5e5; }
          .s4-capital > .content.part1 .main-panel .main-panel-row .main-panel-column-full {
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1; }
          .s4-capital > .content.part1 .main-panel .main-panel-row .main-panel-column-left {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            font-size: 14px;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            text-align: left; }
          .s4-capital > .content.part1 .main-panel .main-panel-row .main-panel-column-right {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            font-size: 15px;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            text-align: right; }
            .s4-capital > .content.part1 .main-panel .main-panel-row .main-panel-column-right h2 {
              display: inline;
              font-size: 36px;
              font-weight: bold; }
              .s4-capital > .content.part1 .main-panel .main-panel-row .main-panel-column-right h2.asterisk:after {
                content: '*';
                font-size: 18px;
                line-height: 18px;
                vertical-align: top; }
          .s4-capital > .content.part1 .main-panel .main-panel-row .main-panel-progress {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
            .s4-capital > .content.part1 .main-panel .main-panel-row .main-panel-progress .main-panel-progress-bar {
              -webkit-box-flex: 1;
                  -ms-flex-positive: 1;
                      flex-grow: 1;
              padding: 4px 20px 4px 0; }
              .s4-capital > .content.part1 .main-panel .main-panel-row .main-panel-progress .main-panel-progress-bar .ui.progress {
                border-radius: 10px;
                margin: 0; }
                .s4-capital > .content.part1 .main-panel .main-panel-row .main-panel-progress .main-panel-progress-bar .ui.progress .bar {
                  background-color: #0E5BF3;
                  border-radius: 10px;
                  min-width: 10px; }
            .s4-capital > .content.part1 .main-panel .main-panel-row .main-panel-progress .main-panel-progress-text {
              font-style: italic; }
          .s4-capital > .content.part1 .main-panel .main-panel-row .bold {
            font-weight: bold; }
        .s4-capital > .content.part1 .main-panel .ui.accordion .title {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
          .s4-capital > .content.part1 .main-panel .ui.accordion .title.active {
            display: none; }
        .s4-capital > .content.part1 .main-panel .ui.accordion .content {
          padding: 0; }
      .s4-capital > .content.part1 .kpis {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        height: 100%;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin: 10px 20px; }
        .s4-capital > .content.part1 .kpis .kpi {
          text-align: center; }
          .s4-capital > .content.part1 .kpis .kpi .kpi-icon {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            margin-bottom: 16px; }
          .s4-capital > .content.part1 .kpis .kpi .kpi-title {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 6px; }
          .s4-capital > .content.part1 .kpis .kpi .kpi-text {
            color: #666666;
            font-size: 14px; }
    .s4-capital > .content.part2 {
      margin-top: 60px; }
      .s4-capital > .content.part2 .center-panel {
        background-image: url("/img/capital/path-65d5686c506eb2cef2b3921ebdc0e1a0.png");
        background-origin: padding-box;
        background-position-x: center;
        background-position-y: 58px;
        background-repeat: no-repeat space;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .s4-capital > .content.part2 .center-panel .center-panel-content {
          max-width: 700px;
          min-width: 412px;
          padding: 0;
          text-align: center; }
          .s4-capital > .content.part2 .center-panel .center-panel-content .header {
            background-color: #F7F7F7;
            display: inline-block; }
          .s4-capital > .content.part2 .center-panel .center-panel-content h2 {
            font-size: 40px;
            font-weight: bold;
            line-height: 56px;
            margin: 0 0 32px 0; }
          .s4-capital > .content.part2 .center-panel .center-panel-content h5 {
            color: #666666;
            font-size: 16px;
            margin-bottom: 8px; }
      .s4-capital > .content.part2 .card-grid {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 28px;
        text-align: left; }
        .s4-capital > .content.part2 .card-grid.mobile .card-row {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; }
        .s4-capital > .content.part2 .card-grid .card-row {
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          gap: 28px; }
          .s4-capital > .content.part2 .card-grid .card-row .card {
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start;
            -ms-flex-item-align: stretch;
                align-self: stretch;
            background-color: #FFFFFF;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            gap: 16px;
            padding: 24px;
            width: 336px; }
            .s4-capital > .content.part2 .card-grid .card-row .card .card-icon {
              height: 56px;
              width: 56px; }
            .s4-capital > .content.part2 .card-grid .card-row .card .card-title {
              font-size: 24px;
              font-weight: 700;
              letter-spacing: 0.18px;
              line-height: 32px; }
            .s4-capital > .content.part2 .card-grid .card-row .card .card-text {
              font-size: 14px;
              font-weight: 400;
              letter-spacing: 0.25px;
              line-height: 20px; }
            .s4-capital > .content.part2 .card-grid .card-row .card .card-image {
              height: 244px;
              width: 288px; }
    .s4-capital > .content.part3 {
      margin-top: 48px; }
      .s4-capital > .content.part3 .bubbles {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
                justify-content: space-evenly;
        overflow-x: scroll;
        padding-top: 24px;
        scrollbar-width: none; }
        .s4-capital > .content.part3 .bubbles .bubble {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          background-color: #FFFFFF;
          border-radius: 30px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          margin: 0 16px;
          padding: 10px; }
          .s4-capital > .content.part3 .bubbles .bubble .bubble-icon {
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: 48px;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            padding: 12px;
            width: 48px; }
          .s4-capital > .content.part3 .bubbles .bubble .bubble-text {
            color: #666666;
            font-size: 16px;
            margin: 0 16px;
            text-wrap: nowrap; }
    .s4-capital > .content.part4 {
      background-image: url("/img/capital/waves-f2963ffc9030e8ca6c6b23fd5c05f944.png");
      background-origin: padding-box;
      background-position-x: center;
      background-position-y: 58px;
      background-repeat: no-repeat space;
      background-size: cover;
      margin-top: 72px; }
      .s4-capital > .content.part4 .center-panel {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .s4-capital > .content.part4 .center-panel .center-panel-content {
          max-width: 700px;
          min-width: 412px;
          padding: 0 10px;
          text-align: center; }
          .s4-capital > .content.part4 .center-panel .center-panel-content h2 {
            font-size: 40px;
            font-weight: bold;
            line-height: 56px;
            margin: 0 0 12px 0; }
          .s4-capital > .content.part4 .center-panel .center-panel-content h5 {
            color: #666666;
            font-size: 16px;
            margin: 0 0 8px 0; }
          .s4-capital > .content.part4 .center-panel .center-panel-content img {
            width: 100%; }
          .s4-capital > .content.part4 .center-panel .center-panel-content a {
            display: inline-block;
            margin: 18px 0 36px 0;
            min-width: 130px; }
            .s4-capital > .content.part4 .center-panel .center-panel-content a .s4-button {
              min-width: 130px; }
              .s4-capital > .content.part4 .center-panel .center-panel-content a .s4-button button > i {
                line-height: 14px;
                margin-left: 5px; }
      .s4-capital > .content.part4 .floating-panel {
        background-color: #FFFFFF;
        border: 1px solid #e5e5e5;
        border-radius: 10px;
        -webkit-box-shadow: 0px 18px 64px -18px rgba(0, 0, 0, 0.1), 0px 30px 45px -30px rgba(0, 8, 36, 0.25);
                box-shadow: 0px 18px 64px -18px rgba(0, 0, 0, 0.1), 0px 30px 45px -30px rgba(0, 8, 36, 0.25);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        height: 110px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin: 48px 0 240px 0;
        width: 100%; }
        .s4-capital > .content.part4 .floating-panel.mobile {
          height: 80px; }
          .s4-capital > .content.part4 .floating-panel.mobile .floating-panel-column h4 {
            font-size: 20px; }
          .s4-capital > .content.part4 .floating-panel.mobile .floating-panel-column h5 {
            font-size: 12px; }
        .s4-capital > .content.part4 .floating-panel .floating-panel-column {
          border-right: 1px solid #e5e5e5;
          padding: 16px;
          text-align: center;
          width: 33%; }
          .s4-capital > .content.part4 .floating-panel .floating-panel-column:last-child {
            border-right: none; }
          .s4-capital > .content.part4 .floating-panel .floating-panel-column h4 {
            font-size: 36px;
            font-weight: bold;
            margin: 0; }
          .s4-capital > .content.part4 .floating-panel .floating-panel-column h5 {
            font-size: 18px;
            font-weight: normal;
            margin: 0; }
    .s4-capital > .content.part5 {
      margin: -152px 0 36px 0; }
      .s4-capital > .content.part5 .center-panel {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin: 48px 0 24px 0; }
        .s4-capital > .content.part5 .center-panel .center-panel-content {
          max-width: 700px;
          min-width: 300px;
          padding: 0 20px;
          text-align: center; }
          .s4-capital > .content.part5 .center-panel .center-panel-content h2 {
            font-size: 40px;
            font-weight: bold;
            margin: 0 0 32px 0; }
          .s4-capital > .content.part5 .center-panel .center-panel-content h5 {
            color: #666666; }
          .s4-capital > .content.part5 .center-panel .center-panel-content .ui.accordion {
            text-align: left; }
            .s4-capital > .content.part5 .center-panel .center-panel-content .ui.accordion .width-keeper {
              visibility: hidden;
              width: 700px; }
            .s4-capital > .content.part5 .center-panel .center-panel-content .ui.accordion .title {
              background-color: #FFFFFF;
              color: #000000;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              font-size: 16px;
              font-weight: 600;
              -webkit-box-pack: justify;
                  -ms-flex-pack: justify;
                      justify-content: space-between;
              letter-spacing: 0.25px;
              line-height: 24px;
              margin: 8px 0 0 0;
              padding: 16px 24px; }
              .s4-capital > .content.part5 .center-panel .center-panel-content .ui.accordion .title.active {
                border-radius: 8px 8px 0 0; }
                .s4-capital > .content.part5 .center-panel .center-panel-content .ui.accordion .title.active i.plus {
                  display: none; }
              .s4-capital > .content.part5 .center-panel .center-panel-content .ui.accordion .title:not(.active) {
                border-radius: 8px; }
                .s4-capital > .content.part5 .center-panel .center-panel-content .ui.accordion .title:not(.active) i.minus {
                  display: none; }
            .s4-capital > .content.part5 .center-panel .center-panel-content .ui.accordion .content {
              background-color: #FFFFFF;
              border-radius: 0 0 8px 8px;
              font-size: 16px;
              letter-spacing: 0.25px;
              line-height: 24px;
              padding: 0 24px 16px 24px; }

.product-page {
  width: 100%; }
  .product-page section {
    margin: 0 auto;
    max-width: 1000px;
    width: 100%; }
    @media only screen and (max-width: 768px) {
      .product-page section {
        padding: 0 20px; } }
  .product-page img {
    max-width: 100%;
    width: 100%; }
  .product-page .split {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .product-page .split .content {
      width: 50%; }
      @media only screen and (max-width: 768px) {
        .product-page .split .content {
          width: 100%; } }
    .product-page .split .order-panel {
      width: 40%; }
      @media only screen and (max-width: 768px) {
        .product-page .split .order-panel {
          margin-top: 30px;
          width: 100%; } }
    @media only screen and (max-width: 768px) {
      .product-page .split {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .product-page .head {
    margin-top: 50px; }
    .product-page .head .text .title {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 10px; }
      .product-page .head .text .title h1 {
        color: #333333;
        font-size: 48px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 0; }
        @media only screen and (max-width: 768px) {
          .product-page .head .text .title h1 {
            font-size: 40px; } }
      .product-page .head .text .title .badge {
        background: #009BF4;
        border-radius: 100px;
        color: #FFFFFF;
        font-size: 14px;
        font-weight: 800;
        margin-left: 15px;
        padding: 5px 15px; }
    .product-page .head .text h3 {
      color: #999999;
      font-size: 28px;
      font-style: normal;
      font-weight: 400;
      line-height: 34px;
      margin: 0 0 20px 0; }
      @media only screen and (max-width: 768px) {
        .product-page .head .text h3 {
          font-size: 20px;
          line-height: 26px; } }
    .product-page .head .text p {
      color: #666666;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0.25px;
      line-height: 24px;
      /* 150% */ }
      @media only screen and (max-width: 768px) {
        .product-page .head .text p {
          font-size: 14px;
          line-height: 20px; } }
  .product-page .about {
    margin: 100px auto;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .product-page .about {
        margin: 60px 0px 30px 0px; } }
    .product-page .about .text {
      margin: 0 auto;
      max-width: 600px; }
      .product-page .about .text h3 {
        color: rgba(0, 0, 0, 0.87);
        font-size: 28px;
        font-style: normal;
        font-weight: 400;
        line-height: 34px;
        margin-bottom: 10px; }
        @media only screen and (max-width: 768px) {
          .product-page .about .text h3 {
            font-size: 24px;
            line-height: 30px; } }
      .product-page .about .text p {
        color: rgba(0, 0, 0, 0.6);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.25px;
        line-height: 24px;
        /* 150% */
        margin-bottom: 40px; }
        @media only screen and (max-width: 768px) {
          .product-page .about .text p {
            font-size: 14px;
            line-height: 20px; } }
    .product-page .about .grid-list {
      display: grid;
      gap: 20px;
      grid-template-columns: repeat(3, 1fr);
      margin-top: 40px;
      text-align: left; }
      @media only screen and (max-width: 768px) {
        .product-page .about .grid-list {
          grid-template-columns: repeat(1, 1fr); } }
      .product-page .about .grid-list .grid-item h4 {
        color: #333333;
        font-size: 28px;
        font-style: normal;
        font-weight: 400;
        line-height: 34px; }
      .product-page .about .grid-list .grid-item ul {
        list-style: none;
        margin-top: 20px;
        padding: 0; }
        .product-page .about .grid-list .grid-item ul li {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin-bottom: 5px; }
          .product-page .about .grid-list .grid-item ul li .chevron {
            color: #009BF4;
            font-size: 10px;
            margin-top: 2px; }
          .product-page .about .grid-list .grid-item ul li p {
            color: #666666;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            letter-spacing: 0.25px;
            line-height: 24px;
            margin-left: 5px; }
  .product-page .details {
    margin: 100px auto; }
    @media only screen and (max-width: 768px) {
      .product-page .details {
        margin: 30px auto; } }
    .product-page .details .text h3 {
      color: rgba(0, 0, 0, 0.87);
      font-size: 28px;
      font-style: normal;
      font-weight: 400;
      line-height: 34px;
      margin-bottom: 40px; }
    .product-page .details .order-panel {
      margin-top: 50px; }
  .product-page .divider {
    background-color: #CCCCCC;
    height: 1px;
    width: 100%; }

.location-settings-tray .toggle-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%; }

.location-settings-tray .ui.field.disabled label, .location-settings-tray .ui.field.disabled input {
  color: inherit !important; }

.location-settings-tray .radio-item {
  padding: 5px 0 5px 0; }

.location-settings-table .rounded-text-container, .location-settings-table p, .location-settings-tray .rounded-text-container, .location-settings-tray p {
  font-weight: bold; }

.location-settings-table .rounded-text-container, .location-settings-tray .rounded-text-container {
  border-radius: .25em;
  color: white;
  max-width: 100px;
  text-align: center; }

.location-settings-table .in-sync, .location-settings-tray .in-sync {
  background: #48AA2F; }

.location-settings-table .out-of-sync, .location-settings-tray .out-of-sync {
  background: #B00300; }

.location-settings-table .green-text, .location-settings-tray .green-text {
  color: #48AA2F; }

.location-settings-table .red-text, .location-settings-tray .red-text {
  color: #B00300; }

.transaction-full-page .details-button-container a {
  max-width: calc(50% + 30px); }

.transaction-full-page .ticket-panel {
  -ms-flex-preferred-size: 350px;
      flex-basis: 350px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-left: 1.42857em; }
  .transaction-full-page .ticket-panel .refund-dropdown-container {
    display: inline-block;
    position: relative;
    width: 100%; }
    .transaction-full-page .ticket-panel .refund-dropdown-container .tooltip {
      background: #090304;
      border-radius: 4px;
      bottom: 100%;
      color: #FFFFFF;
      font-size: 1rem;
      margin-bottom: 10px;
      margin-right: -150px;
      opacity: 0;
      padding: 0.28571em 0.71429em;
      pointer-events: none;
      position: absolute;
      right: 50%;
      -webkit-transition: opacity ease-in-out 0.5s;
      transition: opacity ease-in-out 0.5s;
      white-space: normal;
      width: 354px;
      z-index: 1; }
    @media only screen and (max-width: 991px) {
      .transaction-full-page .ticket-panel .refund-dropdown-container .tooltip {
        left: 0;
        width: 100%; } }
    .transaction-full-page .ticket-panel .refund-dropdown-container:hover .tooltip, .transaction-full-page .ticket-panel .refund-dropdown-container:active .tooltip {
      opacity: 1; }
  .transaction-full-page .ticket-panel .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 16px;
    padding: 1.07143em 0.71429em 0.5em 0.71429em;
    text-align: center; }
    .transaction-full-page .ticket-panel .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown .label {
      left: 0;
      position: initial; }
    .transaction-full-page .ticket-panel .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown .icon {
      margin: 0 0 0 15px !important;
      position: initial; }
      .transaction-full-page .ticket-panel .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown .icon:hover {
        border: none; }
    .transaction-full-page .ticket-panel .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown.disabled {
      background-color: #FFFFFF;
      border: 1px solid rgba(0, 0, 0, 0.38); }
      .transaction-full-page .ticket-panel .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown.disabled .label {
        color: rgba(0, 0, 0, 0.38); }
    .transaction-full-page .ticket-panel .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown .menu .item.disabled {
      opacity: 0.5; }

@media only screen and (max-width: 991px) {
  .transaction-full-page .ticket-panel {
    max-width: initial;
    padding: 0.71429em 0; } }

.internet-payments-wrapper .menu-sliding-filter-tray .internet-payments-input-container .internet-payments-input.input.error input {
  background-color: inherit; }

.order-ready-screen .checkbox-container {
  padding-left: 0px !important; }

.order-ready-screen .ui.divider {
  margin: 32px 0px 0px 0px;
  padding-bottom: 32px;
  width: 100%; }

.order-ready-screen .ui.header {
  margin: 0px 0px 16px 0px !important; }

.order-ready-screen .copy.button {
  padding: 16px 0px 0px 0px; }
  .order-ready-screen .copy.button span.confirm-copy {
    opacity: 0; }
    .order-ready-screen .copy.button span.confirm-copy.visible {
      opacity: 1; }

.order-ready-screen .checkbox-item label {
  font-weight: bold; }

.order-ready-screen .checkbox-item p {
  padding-left: 26px; }

.order-ready-screen .order-ready-screen-url {
  font-weight: bold; }

.preparation-times .preparation-times-selection > .text {
  min-width: 213px !important; }

.preparation-times .search-field {
  width: 250px !important; }

.menu-updates .instant-update-message {
  margin: 0px 0px 16px 0px;
  padding: 8px; }

.menu-updates .icon.info.circle {
  margin-right: 8px; }

.deploy-analysis-display-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  gap: 24px; }
  .deploy-analysis-display-wrapper .deploy-analysis-display-content {
    width: 100%; }
  .deploy-analysis-display-wrapper .deploy-analysis-items-to-match {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
    min-width: 180px; }
    .deploy-analysis-display-wrapper .deploy-analysis-items-to-match .list {
      padding: 0.57143em 0; }
      .deploy-analysis-display-wrapper .deploy-analysis-items-to-match .list .item {
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 1em;
        font-weight: 700;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 0.57143em 1.71429em; }
        .deploy-analysis-display-wrapper .deploy-analysis-items-to-match .list .item.active {
          position: relative; }
          .deploy-analysis-display-wrapper .deploy-analysis-items-to-match .list .item.active:before {
            background-color: #136EF6;
            content: '';
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 4px; }
        .deploy-analysis-display-wrapper .deploy-analysis-items-to-match .list .item:hover {
          background-color: #F2F6FE; }

.day-parts {
  width: 100% !important; }
  .day-parts .bottom-add-schedule, .day-parts .day-parts-add-button {
    color: #0E5BF3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.25px;
    line-height: 24px;
    padding-top: 16px; }
    .day-parts .bottom-add-schedule .button-component, .day-parts .day-parts-add-button .button-component {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 40px;
      padding: 8px 16px 8px 8px; }
      .day-parts .bottom-add-schedule .button-component:hover, .day-parts .day-parts-add-button .button-component:hover {
        background-color: #0E5BF31A;
        border-radius: 100px;
        cursor: pointer; }
    .day-parts .bottom-add-schedule img, .day-parts .day-parts-add-button img {
      -ms-flex-item-align: center;
          align-self: center;
      height: 24px;
      padding-right: 8px; }
    .day-parts .bottom-add-schedule p, .day-parts .day-parts-add-button p {
      -ms-flex-item-align: center;
          align-self: center; }
  .day-parts .day-parts-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 20px; }
    .day-parts .day-parts-header .header-title {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .day-parts .day-parts-header .day-parts-add-button {
      cursor: pointer;
      display: inline-block; }
      .day-parts .day-parts-header .day-parts-add-button img {
        height: auto;
        max-width: 100%; }
  .day-parts .chip-container .chip {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: var(--Surface-overlay, rgba(0, 0, 0, 0.04));
    border: 1px solid transparent;
    border-radius: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 8px;
    padding: 4px 8px;
    -webkit-transition: border-color 0.1s ease;
    transition: border-color 0.1s ease;
    width: auto; }
    .day-parts .chip-container .chip:hover {
      border-color: #000;
      border-radius: 100px;
      cursor: pointer; }
    .day-parts .chip-container .chip .label {
      margin: 0px;
      padding: 0px 8px 0px 8px; }
    .day-parts .chip-container .chip img {
      height: 20px;
      width: 20px; }
    .day-parts .chip-container .chip.disabled {
      opacity: 0.5;
      pointer-events: none; }
  .day-parts .main-container {
    background-color: #FAFAFA;
    margin-top: 24px;
    padding: 16px 24px 24px 24px; }
    .day-parts .main-container.error {
      background-color: #E0B4B4;
      border-color: #B00020; }
    .day-parts .main-container .error-message {
      color: #B00020;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%; }
    .day-parts .main-container .days-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 0 16px 16px 0; }
      .day-parts .main-container .days-container .ui.checkbox input:checked ~ label:before {
        background-color: #0E5BF3;
        border-color: #0E5BF3; }
      .day-parts .main-container .days-container .ui.checkbox input.hidden + label {
        border-color: #0E5BF3; }
    .day-parts .main-container .days {
      -ms-flex-item-align: center;
          align-self: center; }
      .day-parts .main-container .days .ui.checkbox {
        padding-right: 10px; }
    .day-parts .main-container .delete-button {
      -ms-flex-item-align: center;
          align-self: center;
      cursor: pointer;
      display: inline-block; }
      .day-parts .main-container .delete-button img {
        height: 32px;
        max-width: 100%; }
      .day-parts .main-container .delete-button.disabled {
        opacity: 0.5;
        pointer-events: none; }
    .day-parts .main-container .single-day-part-container {
      background-color: #FFFFFF;
      border: 1px solid #D8D8D8;
      border-radius: 8px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-bottom: 16px;
      padding: 16px; }
      .day-parts .main-container .single-day-part-container.error {
        background-color: #E0B4B4;
        border-color: #B00020; }
      .day-parts .main-container .single-day-part-container .error-message {
        color: #B00020;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%; }
    .day-parts .main-container .dropdown-container {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      padding-right: 16px; }
      .day-parts .main-container .dropdown-container .start-time-dropdown, .day-parts .main-container .dropdown-container .end-time-dropdown, .day-parts .main-container .dropdown-container .day-part-category-dropdown {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        min-height: 50px;
        padding-right: 16px !important;
        width: 100%; }
        .day-parts .main-container .dropdown-container .start-time-dropdown .text, .day-parts .main-container .dropdown-container .end-time-dropdown .text, .day-parts .main-container .dropdown-container .day-part-category-dropdown .text {
          display: inline-block;
          max-width: 100%;
          overflow: hidden;
          position: absolute;
          text-overflow: ellipsis;
          top: 25px;
          vertical-align: middle;
          white-space: nowrap;
          width: calc(100% - 50px); }
        .day-parts .main-container .dropdown-container .start-time-dropdown .icon.chevron.down, .day-parts .main-container .dropdown-container .end-time-dropdown .icon.chevron.down, .day-parts .main-container .dropdown-container .day-part-category-dropdown .icon.chevron.down {
          -ms-flex-item-align: center;
              align-self: center;
          height: 24px; }
    .day-parts .main-container .bottom-add-day-part {
      color: #0E5BF3;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 0.25px;
      line-height: 24px; }
      .day-parts .main-container .bottom-add-day-part .button-component {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 40px;
        padding: 8px 16px 8px 8px; }
        .day-parts .main-container .bottom-add-day-part .button-component:hover {
          background-color: #0E5BF31A;
          border-radius: 100px;
          cursor: pointer; }
        .day-parts .main-container .bottom-add-day-part .button-component.disabled {
          opacity: 0.5;
          pointer-events: none; }
      .day-parts .main-container .bottom-add-day-part img {
        -ms-flex-item-align: center;
            align-self: center;
        height: 24px;
        padding-right: 8px; }
      .day-parts .main-container .bottom-add-day-part p {
        -ms-flex-item-align: center;
            align-self: center; }
  .day-parts .save-button-container {
    border-top: 1px solid #e5e5e5;
    margin-top: 16px;
    padding-top: 16px; }
    .day-parts .save-button-container .ui.primary.button {
      background-color: #0E5BF3;
      min-width: 160px; }

.business-settings {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  max-width: 752px;
  padding: 8px 0px; }
  .business-settings .business-settings-header {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 0px; }
    .business-settings .business-settings-header .header-title {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 0px;
              flex: 1 0 0;
      font-size: 1.42857em;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0.18px;
      line-height: 24px; }
  .business-settings .notification {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid var(--Status-Yellow, #F6A735);
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    padding: 8px 16px;
    width: 1119.999px; }
    .business-settings .notification .text {
      font-size: 1em;
      font-style: normal;
      font-weight: 700;
      letter-spacing: 0.25px;
      line-height: 20px; }
    .business-settings .notification .text2 {
      font-size: 1em;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0.25px;
      line-height: 20px; }
  .business-settings .main-container {
    max-width: 400px; }
    .business-settings .main-container .dropdown-container {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -ms-flex-item-align: stretch;
          align-self: stretch;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 16px 0px; }
      .business-settings .main-container .dropdown-container .eod-dropdown {
        -ms-flex-item-align: stretch;
            align-self: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 8px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        min-height: 50px;
        padding: 8px 16px;
        width: 100%; }
        .business-settings .main-container .dropdown-container .eod-dropdown .text {
          font-size: 1em;
          font-style: normal;
          font-weight: 400;
          letter-spacing: 0.25px;
          line-height: 20px;
          position: absolute;
          top: 25px; }
        .business-settings .main-container .dropdown-container .eod-dropdown .label {
          color: rgba(0, 0, 0, 0.6);
          font-size: 1em;
          font-style: normal;
          font-weight: 400;
          letter-spacing: 0.25px;
          line-height: 20px; }
        .business-settings .main-container .dropdown-container .eod-dropdown .icon.chevron.down {
          -ms-flex-item-align: center;
              align-self: center;
          height: 24px;
          width: 24px; }
        .business-settings .main-container .dropdown-container .eod-dropdown .flex-container {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
        .business-settings .main-container .dropdown-container .eod-dropdown .flex-item {
          font-size: 1.14286em;
          font-style: normal;
          font-weight: 400;
          letter-spacing: 0.25px;
          line-height: 20px;
          padding-right: 10px; }
      .business-settings .main-container .dropdown-container .eod-closure {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -ms-flex-item-align: stretch;
            align-self: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 10px;
        padding: var(--Padding-S, 4px) 0px 0px 0px; }
        .business-settings .main-container .dropdown-container .eod-closure .text {
          color: #666666;
          font-size: 0.85714em;
          font-style: normal;
          font-weight: 400;
          letter-spacing: 0.4px;
          line-height: 16px;
          padding-left: 16px;
          padding-top: 4px; }
          .business-settings .main-container .dropdown-container .eod-closure .text .link {
            color: var(--Sys-Light-Primary, #0E5BF3);
            font-style: normal;
            font-weight: bold;
            letter-spacing: 0.4px;
            line-height: 16px;
            -webkit-text-decoration-line: underline;
                    text-decoration-line: underline; }
      .business-settings .main-container .dropdown-container .pos-text {
        color: #666666;
        font-size: 0.85714em;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.4px;
        line-height: 16px;
        padding-left: 16px;
        padding-top: 4px; }
      .business-settings .main-container .dropdown-container .week-start-dropdown {
        -ms-flex-item-align: stretch;
            align-self: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 8px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        min-height: 50px;
        padding: 8px 16px;
        width: 100%; }
        .business-settings .main-container .dropdown-container .week-start-dropdown .text {
          font-size: 1.14286em;
          font-style: normal;
          font-weight: 400;
          letter-spacing: 0.25px;
          line-height: 20px;
          position: absolute;
          top: 25px; }
        .business-settings .main-container .dropdown-container .week-start-dropdown .label {
          color: rgba(0, 0, 0, 0.6);
          font-size: 1em;
          font-style: normal;
          font-weight: 400;
          letter-spacing: 0.25px;
          line-height: 20px; }
        .business-settings .main-container .dropdown-container .week-start-dropdown .icon.chevron.down {
          -ms-flex-item-align: center;
              align-self: center;
          color: rgba(0, 0, 0, 0.6);
          height: 24px;
          width: 24px; }
    .business-settings .main-container .deposit-funding-container {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-item-align: stretch;
          align-self: stretch;
      background: var(--Surface-overlay, rgba(0, 0, 0, 0.04));
      border-radius: var(--Padding-S, 4px);
      display: block;
      gap: 8px;
      padding: 8px 16px; }
      .business-settings .main-container .deposit-funding-container .deposit-funding-dropdown {
        display: block;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        .business-settings .main-container .deposit-funding-container .deposit-funding-dropdown .text {
          font-size: 1.14286em;
          font-style: normal;
          font-weight: 400;
          letter-spacing: 0.25px;
          line-height: 20px; }
        .business-settings .main-container .deposit-funding-container .deposit-funding-dropdown .label {
          color: rgba(0, 0, 0, 0.6);
          font-size: 1em;
          font-style: normal;
          font-weight: 400;
          letter-spacing: 0.25px;
          line-height: 20px; }
    .business-settings .main-container .checkbox-container .pos-text {
      color: #666666;
      font-size: 0.85714em;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0.4px;
      line-height: 16px;
      padding-left: 16px;
      padding-top: 4px; }
  .business-settings .save-button {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    padding: 24px 0px; }

.revenue-centers .rounded-text-container {
  background-color: rgba(14, 83, 243, 0.09);
  border-radius: 99px;
  color: #136EF6;
  padding: 2px 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }

.revenue-centers .list-controls, .revenue-centers .row-direction-list-controls {
  border-bottom: 1px solid #e2e2e2;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .revenue-centers .list-controls .ember-view, .revenue-centers .row-direction-list-controls .ember-view {
    margin-right: auto; }
  .revenue-centers .list-controls .search, .revenue-centers .row-direction-list-controls .search {
    width: 320px; }

.revenue-centers .internet-payments-input-container {
  padding: 0;
  width: 100%; }

.revenue-centers p.desc {
  color: #666666; }
  .revenue-centers p.desc a {
    font-weight: bold; }

.revenue-centers.edit-tray .responsive-table {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 0; }
  .revenue-centers.edit-tray .responsive-table .icon {
    padding-right: 8px; }
    .revenue-centers.edit-tray .responsive-table .icon:before {
      font-size: 0.9rem; }
  .revenue-centers.edit-tray .responsive-table th {
    background-color: #FAFAFA !important; }

@media only screen and (max-width: 767px) {
  .revenue-centers .list-controls, .revenue-centers .row-direction-list-controls {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    gap: 16px;
    padding-left: 0.71429em;
    padding-right: 0.71429em; }
    .revenue-centers .list-controls .ui.search, .revenue-centers .row-direction-list-controls .ui.search {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; } }

.website-builder-iframe-container {
  height: 970px;
  position: relative; }
  .website-builder-iframe-container:before {
    content: "";
    display: block;
    padding-top: 56.25%; }
  .website-builder-iframe-container iframe {
    border: none;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  .website-builder-iframe-container #portal-target {
    height: auto;
    width: 100%; }

.device-management .title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px; }
  .device-management .title img {
    margin-right: 16px;
    max-height: 64px;
    width: auto; }

.device-management .product-section {
  margin-top: 32px; }

main.site-content .article .page-wrapper:has(> .page-content > .ui-components-page) {
  background: #fafafa;
  padding: 2.28571em; }

main.site-content .article .page-wrapper .ui-components-page .ui-components-page-container {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 16px;
  margin: 0 0 1.14286em 0;
  padding: 2.28571em; }
  main.site-content .article .page-wrapper .ui-components-page .ui-components-page-container:last-child {
    margin: 0; }
  main.site-content .article .page-wrapper .ui-components-page .ui-components-page-container h1 {
    color: rgba(0, 0, 0, 0.87);
    font-size: 1.71429em;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.18px;
    line-height: 24px; }
  main.site-content .article .page-wrapper .ui-components-page .ui-components-page-container h2 {
    color: rgba(0, 0, 0, 0.87);
    font-size: 1.42857em;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.18px;
    line-height: 28px; }
  main.site-content .article .page-wrapper .ui-components-page .ui-components-page-container .small-container {
    margin: 1em;
    width: 300px; }

.items .list-controls .ui.toggle, .items .row-direction-list-controls .ui.toggle {
  margin-left: 10px; }

.items .list-controls:has(+ .ui.info.message), .items .row-direction-list-controls:has(+ .ui.info.message) {
  padding-bottom: 0; }

.items .ui.info.message {
  margin: 0; }

.items .icon.info.circle {
  color: #0E5BF3; }

.rounded-text-label-container {
  background: #136EF6;
  border-radius: .25em;
  color: white;
  font-weight: bold;
  margin-left: 5px;
  padding: 3px;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }

.oidc-sso-root-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  gap: 1.14286em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0px 2.85714em;
  width: max; }
  .oidc-sso-root-container .oidc-sso-error-frame {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    gap: 2.28571em;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-bottom: 2.28571em;
    width: 37.71429em; }
    @media only screen and (max-width: 767px) {
      .oidc-sso-root-container .oidc-sso-error-frame {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .oidc-sso-root-container .oidc-sso-error-frame {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content; } }
    .oidc-sso-root-container .oidc-sso-error-frame .oidc-sso-error-container {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-item-align: stretch;
          align-self: stretch;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 3.42857em;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 4.57143em 4.57143em 3.42857em 4.57143em; }
      .oidc-sso-root-container .oidc-sso-error-frame .oidc-sso-error-container #icon {
        /* stylelint-disable property-no-unknown */
        aspect-ratio: 1/1;
        height: 4.57143em;
        width: 4.57143em; }
      .oidc-sso-root-container .oidc-sso-error-frame .oidc-sso-error-container #header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
        .oidc-sso-root-container .oidc-sso-error-frame .oidc-sso-error-container #header .text-container {
          text-align: center; }
          .oidc-sso-root-container .oidc-sso-error-frame .oidc-sso-error-container #header .text-container h1 {
            font-size: 1.71429rem; }
      .oidc-sso-root-container .oidc-sso-error-frame .oidc-sso-error-container #message {
        text-align: center; }
        .oidc-sso-root-container .oidc-sso-error-frame .oidc-sso-error-container #message h2 {
          font-size: 1.14286rem; }

.sparkline-chart {
  height: 100%; }

.add-to-order {
  border-radius: 8px;
  -webkit-box-shadow: 0px 2px 3px 0px #ACACAC;
          box-shadow: 0px 2px 3px 0px #ACACAC;
  margin: .6em 0;
  width: 100%; }
  .add-to-order .top-wrapper {
    padding: 30px; }
  .add-to-order .options.panel {
    margin-top: 20px; }
    .add-to-order .options.panel .label {
      color: #333;
      font-style: normal;
      font-weight: 400;
      line-height: 20px;
      margin-bottom: 10px; }
    .add-to-order .options.panel .checkbox-items .checkbox-item:not(:last-child) {
      margin-bottom: 10px; }
  .add-to-order .price.panel .labels {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .add-to-order .price.panel .labels .price {
      color: #333;
      font-size: 44px;
      font-style: normal;
      font-weight: 400;
      line-height: 56px; }
    .add-to-order .price.panel .labels .terms {
      color: #999;
      font-size: 24px;
      font-style: normal;
      font-weight: 400;
      line-height: 44px; }
  .add-to-order .order.panel {
    background-color: #FAFAFA;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top: 1px solid #CCCCCC;
    padding: 20px 30px 30px 30px; }
    .add-to-order .order.panel .quantity {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      line-height: 2.3em;
      margin: 0px 0px 20px 0px; }
      .add-to-order .order.panel .quantity label {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        font-weight: 600; }
    .add-to-order .order.panel .ui.primary.button {
      width: 100%; }

.checkout-items {
  background-color: #FAFAFA;
  width: 100%; }
  .checkout-items .header {
    padding-bottom: 15px; }
    .checkout-items .header h3 {
      font-size: 24px;
      font-weight: 400;
      line-height: 30px; }
  .checkout-items .items .checkout-item {
    margin-bottom: 10px; }
  .checkout-items .no-items {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #FFFFFF;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 500px; }
    .checkout-items .no-items .icon {
      margin-bottom: 34px; }
    .checkout-items .no-items .text {
      color: #999999;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px; }
  .checkout-items .summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .checkout-items .summary .container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 10px; }
      .checkout-items .summary .container .bold {
        font-size: 14px;
        font-weight: 800;
        line-height: 20px; }

@media only screen and (max-width: 1100px) {
  .checkout-items .summary .container {
    padding: 10px 0; }
  .checkout-items .no-items {
    min-height: auto;
    padding: 30px 0px; }
    .checkout-items .no-items .icon {
      margin-bottom: 18px; } }

.checkout-item {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background-color: #FFFFFF;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px;
  width: 100%; }
  @media only screen and (max-width: 1100px) {
    .checkout-item {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding-left: 20px;
      padding-right: 20px; } }
  @media only screen and (max-width: 767px) {
    .checkout-item {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 15px; } }
  .checkout-item .image {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 64px;
    width: 64px; }
    .checkout-item .image img {
      height: auto;
      width: 64px; }
      @media only screen and (max-width: 1100px) {
        .checkout-item .image img {
          width: 100%; } }
  .checkout-item .middle-section {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin: 0 20px;
    max-width: calc(100% - 200px); }
    @media screen and (max-width: 320px) {
      .checkout-item .middle-section {
        margin: 0 8px; } }
    @media only screen and (max-width: 767px) {
      .checkout-item .middle-section {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 auto;
                flex: 0 1 auto;
        margin: 0 10px;
        width: calc(100% - 140px); } }
    .checkout-item .middle-section .description {
      max-width: 100%;
      overflow: hidden; }
    .checkout-item .middle-section .name {
      font-size: 16px;
      font-weight: 700;
      -webkit-hyphens: auto;
          -ms-hyphens: auto;
              hyphens: auto;
      line-height: 1.2;
      max-width: 100%;
      overflow-wrap: break-word;
      white-space: normal;
      word-wrap: break-word; }
      @media only screen and (max-width: 767px) {
        .checkout-item .middle-section .name {
          white-space: normal;
          word-break: break-word; } }
    .checkout-item .middle-section .quantity {
      margin-top: 15px; }
      .checkout-item .middle-section .quantity .increase {
        border-bottom-left-radius: 0;
        border-left: none;
        border-top-left-radius: 0; }
      .checkout-item .middle-section .quantity .decrease {
        border-bottom-right-radius: 0;
        border-right: none;
        border-top-right-radius: 0; }
  .checkout-item .price {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media only screen and (max-width: 767px) {
      .checkout-item .price {
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        -ms-flex-item-align: start;
            align-self: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        min-width: 60px; } }
    @media only screen and (max-width: 767px) {
      .checkout-item .price .close {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        margin-right: 0; } }
    .checkout-item .price .close .close-link i {
      background-color: #F7F7F7;
      -webkit-box-shadow: none;
              box-shadow: none;
      color: #666666;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .checkout-item .price .close .close-link.disabled {
      opacity: 0.5; }
    .checkout-item .price .total {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: 10px; }
      @media only screen and (max-width: 767px) {
        .checkout-item .price .total {
          -ms-flex-item-align: end;
              align-self: flex-end;
          margin-bottom: 6px;
          margin-right: 0; } }
      .checkout-item .price .total > div {
        -ms-flex-item-align: end;
            align-self: flex-end; }

.added-to-cart .added-to-cart-content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.added-to-cart .added-to-cart-title-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-bottom: 1px solid #e5e5e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.35714em 0.71429em;
  text-align: center; }
  .added-to-cart .added-to-cart-title-container > h2 {
    font-size: 1.875rem;
    margin-bottom: 0.42857em;
    margin-top: 0.42857em; }
  .added-to-cart .added-to-cart-title-container .space {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3.29em;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 3.29em; }
    .added-to-cart .added-to-cart-title-container .space .close {
      height: 1.14em;
      width: 1.14em; }

.added-to-cart .added-to-cart-cards-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.71em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1.43em; }
  .added-to-cart .added-to-cart-cards-container .options-select p {
    color: #333333;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px; }
  .added-to-cart .added-to-cart-cards-container .options-select .checkbox {
    margin-bottom: 10px; }
  .added-to-cart .added-to-cart-cards-container .added-to-cart-notification {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    background: rgba(246, 167, 53, 0.1);
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0.71em;
    padding: 0.71em; }
    .added-to-cart .added-to-cart-cards-container .added-to-cart-notification .information-icon {
      height: 1em;
      width: 1em; }
    .added-to-cart .added-to-cart-cards-container .added-to-cart-notification .information {
      color: var(--neutral-grey-darkest, #333);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
          -ms-flex: 1 0 0px;
              flex: 1 0 0;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      font-size: 1em;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      line-height: 1.43em; }
  .added-to-cart .added-to-cart-cards-container .added-to-cart-card {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.14em;
    padding: 1.43em; }
    .added-to-cart .added-to-cart-cards-container .added-to-cart-card img {
      height: auto;
      max-width: 64px; }
    .added-to-cart .added-to-cart-cards-container .added-to-cart-card .added-to-cart-item-container {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      color: #333333;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
          -ms-flex: 1 0 0px;
              flex: 1 0 0;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 1.14em; }
      .added-to-cart .added-to-cart-cards-container .added-to-cart-card .added-to-cart-item-container .product-description {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .added-to-cart .added-to-cart-cards-container .added-to-cart-card .added-to-cart-item-container .product-description .product-name {
          font-size: 1.14;
          font-weight: 700;
          letter-spacing: 0.01em;
          line-height: 1.71em;
          width: 16.57em; }
        .added-to-cart .added-to-cart-cards-container .added-to-cart-card .added-to-cart-item-container .product-description .product-category {
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          font-size: 1em;
          line-height: 1.71em; }
      .added-to-cart .added-to-cart-cards-container .added-to-cart-card .added-to-cart-item-container .product-price {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 0px;
                flex: 1 0 0;
        font-size: 1em;
        line-height: 1.71em; }

.added-to-cart .actions {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  background: #f7f7f7;
  border-top: 1px solid #e5e5e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1.07em 1.43em; }
  @media only screen and (max-width: 767px) {
    .added-to-cart .actions {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 1em;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%; } }
  .added-to-cart .actions .left {
    background: #FFFFFF;
    border: 1px solid #009BF4;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    color: #009BF4;
    /* Override default margin-left from .ui.modal .actions > .button selector*/
    margin: 0 !important; }
    @media only screen and (max-width: 767px) {
      .added-to-cart .actions .left {
        width: inherit; } }
  .added-to-cart .actions .right {
    background: #009BF4;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    color: #FFFFFF;
    /* Override default margin-left from .ui.modal .actions > .button selector*/
    margin: 0 !important; }
    @media only screen and (max-width: 767px) {
      .added-to-cart .actions .right {
        width: inherit; } }

.title-bar-menu .tab-elements.standard .ui.accordion.subnav .title,
.title-bar-menu .tab-elements.standard .ui.accordion.subnav .title:not(.ui) {
  border-bottom: 5px solid #0E5BF3;
  color: #090304; }

.title-bar-menu .tab-elements.standard .ui.menu .item {
  border-width: 0.3em;
  font-size: 1.14286rem;
  -webkit-transition: border-color ease-in-out 0.2s;
  transition: border-color ease-in-out 0.2s; }
  .title-bar-menu .tab-elements.standard .ui.menu .item.ember-transitioning-in {
    border-color: #0E5BF3;
    color: #090304; }
  .title-bar-menu .tab-elements.standard .ui.menu .item.active {
    border-color: #0E5BF3;
    color: #090304; }
    .title-bar-menu .tab-elements.standard .ui.menu .item.active.ember-transitioning-out {
      border-color: transparent;
      color: #090304; }
      .title-bar-menu .tab-elements.standard .ui.menu .item.active.ember-transitioning-out:hover {
        border-color: #88B7FA; }
    .title-bar-menu .tab-elements.standard .ui.menu .item.active:hover {
      border-color: #0E5BF3; }
  .title-bar-menu .tab-elements.standard .ui.menu .item:hover {
    border-color: #88B7FA; }
  .title-bar-menu .tab-elements.standard .ui.menu .item .color-dot-label {
    background: #ececec;
    border-radius: 10px;
    font-size: 0.85714rem;
    height: 20px;
    margin-left: 3px;
    padding: 0 7px 0 3px; }
    .title-bar-menu .tab-elements.standard .ui.menu .item .color-dot-label .dot {
      margin: 0 4px; }
    .title-bar-menu .tab-elements.standard .ui.menu .item .color-dot-label .color-dot-value {
      font-weight: 400; }

.supply-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0em 1em !important; }
  .supply-steps .supply-step {
    cursor: pointer;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 1em 0em; }
    .supply-steps .supply-step .supply-num {
      background: #00C0F4;
      border-radius: 50%;
      color: #FFFFFF;
      float: left;
      margin-right: .75em;
      text-align: center;
      width: 1.5em; }

.info-box-labels {
  padding: 1em; }
  .info-box-labels .info-box-label {
    width: 100%; }

.location-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .location-box .location {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin: 0em 0.5em; }

.order-container .order-header {
  float: left;
  width: 100%; }

.order-container .order-info-box {
  background-color: #FBFBFB;
  border-radius: 3px 3px 3px 3px;
  -webkit-box-shadow: 1px 2px 3px 0px rgba(50, 50, 50, 0.7);
          box-shadow: 1px 2px 3px 0px rgba(50, 50, 50, 0.7);
  cursor: pointer;
  padding: 0px !important;
  top: 4px; }
  .order-container .order-info-box h2 {
    color: #009BF4;
    line-height: 0em !important;
    margin: 0.5em 0em 1em; }
  .order-container .order-info-box .merch-info {
    min-height: 225px;
    padding: 1em; }
  .order-container .order-info-box .info-image-box {
    min-height: 225px;
    text-align: center; }

.order-container .button-box-container {
  border-top: 1px solid #cecece;
  float: left;
  width: 100%; }
  .order-container .button-box-container .button-box {
    float: right;
    padding: 1em 0em 0em 0em; }

.new-icon {
  background-color: #ff3b38;
  border-radius: 8px;
  display: inline-block;
  font-size: 0.71429em;
  font-weight: 800;
  line-height: 1.8;
  padding: 0 .4em;
  text-align: center; }

.res-table {
  margin-left: -1em;
  margin-right: -1em; }

.table-layout .selection.ui.dropdown.ui-dropdown .text {
  overflow-x: hidden;
  width: 100%;
  word-wrap: normal; }

.tables {
  margin-left: 0em !important;
  width: 100%; }
  .tables .canvas-container {
    margin-left: auto;
    margin-right: auto; }
  .tables #table-layout {
    border: 1px solid rgba(0, 0, 0, 0.15); }
  .tables .ui.button.transparent {
    background: transparent !important;
    color: rgba(0, 0, 0, 0.6) !important; }
  .tables .ui.button.transparent:hover {
    color: rgba(0, 0, 0, 0.8) !important; }
  .tables .table-bar {
    background-color: #F5F5F5;
    border-bottom: 1px solid #d4d4d5; }
    .tables .table-bar .ui.dropdown .disabled-item.item {
      opacity: 0.45; }
  .tables .section-settings {
    margin-bottom: 1.5rem; }
  .tables .table-inspect {
    background-color: #FAFAFA;
    border-left: 1px solid #d4d4d5; }
    .tables .table-inspect .row {
      padding-bottom: .5rem !important;
      padding-top: .5rem !important; }
    .tables .table-inspect .header {
      background-color: #E1E1E1;
      border-bottom: 1px solid #d4d4d5;
      border-top: 1px solid #d4d4d5;
      color: rgba(0, 0, 0, 0.6);
      font-weight: bold;
      margin: 0px -14px 0px -14px;
      padding: 10px 14px 10px 14px; }
      .tables .table-inspect .header .ui.toggle.checkbox {
        float: right; }
    .tables .table-inspect .header.first {
      border-top: none;
      margin-top: -7px; }
    .tables .table-inspect h4 {
      float: right; }
    .tables .table-inspect .ui.input {
      display: block;
      min-width: 0em;
      width: 100%; }
    .tables .table-inspect input.fluid {
      display: block;
      min-width: 0em;
      width: 100%; }
  .tables .grid-toggle {
    float: right;
    margin-top: 8.5px !important;
    text-align: right; }
  .tables .table-actions {
    text-align: center; }
  @media all and (max-width: 1399px) and (min-width: 1265px) {
    .tables .canvas-container canvas {
      height: 90% !important;
      width: 90% !important; } }
  @media all and (max-width: 1264px) and (min-width: 1200px) {
    .tables .canvas-container canvas {
      height: 85% !important;
      width: 85% !important; } }
  @media all and (max-width: 1199px) and (min-width: 1125px) {
    .tables .canvas-container canvas {
      height: 80% !important;
      width: 80% !important; } }
  @media all and (max-width: 1124px) and (min-width: 1055px) {
    .tables .canvas-container canvas {
      height: 75% !important;
      width: 75% !important; } }
  @media all and (max-width: 1054px) and (min-width: 985px) {
    .tables .canvas-container canvas {
      height: 70% !important;
      width: 70% !important; } }

.table-wrap .mobile-warning {
  display: none !important; }

@media all and (max-width: 1024px) {
  .table-wrap .tables {
    display: none !important; }
  .table-wrap .mobile-warning {
    display: block !important; } }

.dash-data .segment {
  padding: 0px !important; }

.dash-data .color-box {
  color: #ffffff;
  float: left;
  margin-right: 1em;
  padding: 1em; }
  .dash-data .color-box i {
    margin: 0 auto;
    position: relative; }

.dash-data .loading {
  min-height: 200px; }

.dash-data .dash-title {
  padding: 1em .5em; }

.dash-data .dash-label {
  color: gray;
  font-size: small;
  font-style: italic;
  margin-left: 10px; }

.dash-data .dash-dd {
  cursor: pointer;
  float: right; }

.dash-data .dash-table {
  border-top: 0px !important; }

.financial-overview-charts .column:nth-child(1) .dash-data .color-box, .financial-overview-charts .column:nth-child(2) .dash-data .color-box {
  background-color: #009BF4; }

.financial-overview-charts .column:nth-child(3) .dash-data .color-box, .financial-overview-charts .column:nth-child(4) .dash-data .color-box {
  background-color: #006EA6; }

.financial-overview-charts .column:nth-child(5) .dash-data .color-box, .financial-overview-charts .column:nth-child(6) .dash-data .color-box {
  background-color: #37BA87; }

.financial-overview-charts .column:nth-child(7) .dash-data .color-box, .financial-overview-charts .column:nth-child(8) .dash-data .color-box {
  background-color: #006E4B; }

.clockpicker label {
  display: block; }

.clockpicker-popover .text-primary {
  color: #009BF4; }

#subscribe-modal > .header {
  border-left: 20px solid #009BF4 !important; }

#subscribe-modal h4 {
  float: right; }

#subscribe-modal .inline.fields {
  margin-bottom: 0em; }

.select-buttons {
  margin: 0 auto;
  margin-top: .5em;
  width: 100%; }
  .select-buttons .half {
    margin: 0em 0em 0.5em 0em !important;
    width: 48.5%; }
  .select-buttons .left {
    margin-right: 0.485em !important; }

.search-box {
  margin: .5em 0em .75em; }

.modal-search-box {
  margin-bottom: 1em; }

.dropdown-checklist-checkboxes {
  height: 200px;
  overflow-y: scroll; }
  .dropdown-checklist-checkboxes .dropdown-checklist-row {
    display: inline-block;
    width: 100%; }

.dropdown-checklist {
  display: inline;
  font-size: 12px; }
  .dropdown-checklist > .checklist__dropdown {
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: top;
    width: 100%;
    z-index: 3; }
    .dropdown-checklist > .checklist__dropdown > dt {
      display: inline; }
      .dropdown-checklist > .checklist__dropdown > dt > .dropdown-label {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        border-radius: .25em;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 14px; }
        .dropdown-checklist > .checklist__dropdown > dt > .dropdown-label.visible:before {
          bottom: 0;
          content: '';
          cursor: default;
          left: 0;
          position: fixed;
          right: 0;
          top: 0;
          z-index: -1; }
        .dropdown-checklist > .checklist__dropdown > dt > .dropdown-label.error {
          border-color: #E0B4B4;
          color: #9F3A38; }
    .dropdown-checklist > .checklist__dropdown > .checklist__list {
      background: #FFF;
      border: 1px solid #e6e4e4;
      border-radius: 0.28rem;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: none;
      margin: 0;
      min-width: 100%;
      padding: 0.5em;
      position: absolute;
      top: 150%;
      z-index: 11; }
      .dropdown-checklist > .checklist__dropdown > .checklist__list .ui.checkbox {
        max-width: 60%; }
        .dropdown-checklist > .checklist__dropdown > .checklist__list .ui.checkbox label {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }

.select-all {
  border-bottom: 1px solid #ececec;
  display: inline-block;
  padding-right: 1em;
  padding-top: 5px;
  width: 100%; }

.eod {
  float: right;
  font-size: 14px;
  text-align: center;
  width: 20%; }

.timezone {
  float: right;
  font-size: 14px;
  text-align: center;
  width: 20%; }

/* Dropdown-Styled Accordion */
.ui.dropdown-styled.accordion .title,
.ui.dropdown-styled.accordion .accordion .title {
  color: #595959;
  padding: 0.78571429rem 1.14285714rem !important;
  text-align: center;
  -webkit-transition: background 0.2s ease, color 0.2s ease;
  transition: background 0.2s ease, color 0.2s ease; }
  .ui.dropdown-styled.accordion .title:hover,
  .ui.dropdown-styled.accordion .accordion .title:hover {
    background: rgba(0, 0, 0, 0.05); }
  .ui.dropdown-styled.accordion .title.active,
  .ui.dropdown-styled.accordion .accordion .title.active {
    font-weight: bold; }
    .ui.dropdown-styled.accordion .title.active:hover,
    .ui.dropdown-styled.accordion .accordion .title.active:hover {
      background: rgba(0, 0, 0, 0.03); }

.ui.dropdown-styled.accordion .content,
.ui.dropdown-styled.accordion .accordion .content {
  background: #EEEEEE;
  border-bottom: 1px solid #e2e2e2;
  border-top: 1px solid #e2e2e2;
  padding: 0 !important; }
  .ui.dropdown-styled.accordion .content.active,
  .ui.dropdown-styled.accordion .accordion .content.active {
    padding: 0 !important; }
  .ui.dropdown-styled.accordion .content > .item,
  .ui.dropdown-styled.accordion .accordion .content > .item {
    text-align: left; }
    .ui.dropdown-styled.accordion .content > .item.active,
    .ui.dropdown-styled.accordion .accordion .content > .item.active {
      border-bottom: 0; }
  .ui.dropdown-styled.accordion .content > .item:before,
  .ui.dropdown-styled.accordion .accordion .content > .item:before {
    display: none; }

#calendar .table {
  table-layout: fixed; }

.ui.table td.employee-shifts, .ui.table td.shift-cell {
  height: 74px;
  padding: 0; }
  .ui.table td.employee-shifts .job-time,
  .ui.table td.employee-shifts .job-time-print,
  .ui.table td.employee-shifts .shift-duration, .ui.table td.shift-cell .job-time,
  .ui.table td.shift-cell .job-time-print,
  .ui.table td.shift-cell .shift-duration {
    font-size: 11px; }
  .ui.table td.employee-shifts .job-name, .ui.table td.shift-cell .job-name {
    font-size: 12px;
    max-height: 40px;
    overflow-x: hidden;
    overflow-y: auto;
    text-overflow: ellipsis; }
  .ui.table td.employee-shifts .job-time-print, .ui.table td.shift-cell .job-time-print {
    display: none; }
  .ui.table td.employee-shifts .shift-duration, .ui.table td.shift-cell .shift-duration {
    color: #b1b1b1; }
  .ui.table td.employee-shifts .cell-corner, .ui.table td.shift-cell .cell-corner {
    font-size: 0.5em; }
    .ui.table td.employee-shifts .cell-corner i, .ui.table td.shift-cell .cell-corner i {
      font-size: 14px;
      left: 6px;
      top: 1px; }
  .ui.table td.employee-shifts .conflict-duration, .ui.table td.shift-cell .conflict-duration {
    color: #db4d67; }
  .ui.table td.employee-shifts .calendar-cell, .ui.table td.shift-cell .calendar-cell {
    cursor: pointer;
    padding: 0.5em; }
    .ui.table td.employee-shifts .calendar-cell .cell-content, .ui.table td.shift-cell .calendar-cell .cell-content {
      height: 60px;
      vertical-align: middle; }
  .ui.table td.employee-shifts .segment, .ui.table td.shift-cell .segment {
    margin: 0; }
  .ui.table td.employee-shifts .conflict, .ui.table td.shift-cell .conflict {
    background-color: #faeff0;
    color: #db4d67;
    margin-bottom: 1px; }
    .ui.table td.employee-shifts .conflict .conflict-title, .ui.table td.shift-cell .conflict .conflict-title {
      font-size: smaller; }
  .ui.table td.employee-shifts .open-shift, .ui.table td.shift-cell .open-shift {
    background-color: #cb5869; }
    .ui.table td.employee-shifts .open-shift .cell-corner.white, .ui.table td.shift-cell .open-shift .cell-corner.white {
      color: #ffffff; }

.ui.table td.bottom-border {
  border-bottom: 1px solid rgba(34, 36, 38, 0.1); }

.ui.table td.employee-shifts {
  padding: 0.5em; }

.ui.table td.add-shift button {
  display: none; }

.ui.table td.add-shift:hover {
  border: 1px solid rgba(34, 36, 38, 0.1); }
  .ui.table td.add-shift:hover button {
    display: inline-block; }

.ui.table td.open-shift {
  padding: 0; }

.ui.table td.open-shifts span {
  font-weight: bold; }

.ui.table td.hidden-horizontal-borders {
  border-bottom-style: none;
  border-top-style: none; }

.ui.table thead th.calendar-header {
  background-clip: padding-box;
  position: relative; }
  .ui.table thead th.calendar-header .conflict {
    background-color: #cb5869;
    border-color: #cb5869;
    border-radius: 0.2rem;
    color: #ffffff;
    margin: 0.3em 0.5em 0em 0em; }
  .ui.table thead th.calendar-header .duration {
    color: #b1b1b1;
    font-size: 11px;
    font-weight: normal; }
  .ui.table thead th.calendar-header .duration:empty:before {
    content: '\200b'; }
  .ui.table thead th.calendar-header .navigation {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 8px;
    width: 100%; }
    .ui.table thead th.calendar-header .navigation .arrow {
      cursor: pointer;
      display: none;
      width: 20%; }
    .ui.table thead th.calendar-header .navigation .content,
    .ui.table thead th.calendar-header .navigation .print-content {
      width: 100%; }
    .ui.table thead th.calendar-header .navigation .print-content {
      display: none; }
  .ui.table thead th.calendar-header .not-today {
    font-weight: normal; }
  .ui.table thead th.calendar-header .today {
    font-weight: bold; }

.ui.table .table-divider {
  border-top-style: solid;
  border-top-width: 2px; }

.ui.white.corner.label {
  border-color: transparent; }

.schedule-header {
  border: 0 solid transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0; }
  .schedule-header .item {
    padding: 0; }

.schedule-header-menu .schedule-timepicker {
  -ms-flex-item-align: baseline;
      align-self: baseline;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2; }

.schedule-header-menu .schedule-header {
  -ms-flex-line-pack: center;
      align-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .schedule-header-menu .schedule-header .schedule-item {
    -webkit-box-flex: 4;
        -ms-flex-positive: 4;
            flex-grow: 4;
    padding-left: 1em;
    text-align: center; }
  .schedule-header-menu .schedule-header button.item {
    width: 100%; }

.ui.dropdown .menu .employee .job-name,
.ui.dropdown .menu .employee .job-time,
.ui.dropdown .menu .employee .job-time-print,
.ui.dropdown .menu .employee .shift-duration {
  color: #b1b1b1;
  font-size: 11px; }

.ui.dropdown .text.employee .job-name {
  display: none; }

.ui.fluid.dropdown.dropdown-button {
  min-width: 144px;
  text-align: center;
  white-space: normal; }
  .ui.fluid.dropdown.dropdown-button .text {
    display: inline-block; }

.ui.multi-table-checkbox.disabled label {
  height: 17px;
  width: 17px; }

@media only screen and (min-width: 1025px) and (max-width: 1324px) {
  .ui.table td.shift-cell .calendar-cell .cell-content {
    height: 80px; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .ui.table td.shift-cell .calendar-cell .cell-content {
    height: 100px; }
  .ui.table td.shift-cell .job-name {
    max-height: 60px; } }

@media only screen and (max-width: 767px) {
  .schedule-header-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .schedule-header-menu .schedule-timepicker {
      -ms-flex-item-align: normal;
          align-self: normal;
      padding-bottom: 0.5em; }
      .schedule-header-menu .schedule-timepicker .item {
        width: 100%; }
    .schedule-header-menu .schedule-header {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .schedule-header-menu .schedule-header .schedule-item {
        padding: 0.5em 0;
        width: 100%; }
    .schedule-header-menu .ui.buttons .ui.button.icon {
      max-width: 40px; }
    .schedule-header-menu .ui.dropdown {
      text-align: center; }
  .ui.table thead th.calendar-header .navigation .arrow {
    display: block; }
  .ui.table thead th.calendar-header .navigation .content,
  .ui.table thead th.calendar-header .navigation .print-content {
    width: 60%; }
  .ui.table .current {
    display: table-cell; }
  .ui.table .hidden {
    display: none; } }

@media print {
  table {
    page-break-after: auto; }
  tr {
    page-break-after: auto;
    page-break-inside: avoid; }
  td {
    page-break-after: auto;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tfoot {
    display: table-footer-group; }
  @page {
    size: A4 landscape; }
  * {
    -webkit-print-color-adjust: exact; } }

.print {
  height: auto; }

@page {
  .print {
    margin: 0;
    size: letter landscape; } }
  .print html, .print body {
    height: 297mm;
    width: 210mm; }
  .print .print-title {
    font-size: 1.3em;
    margin: 35px 0 0 30px; }
  .print #calendar {
    padding: 10px 25px 25px; }
    .print #calendar .table {
      border: none;
      border-collapse: separate;
      border-spacing: 5px; }
    .print #calendar .calendar-header .conflict {
      display: none; }
    .print #calendar .add-shift button {
      display: none; }
    .print #calendar th {
      background: none;
      border-color: black;
      border-width: 0 0 5px 0;
      padding-bottom: 5px; }
      .print #calendar th .content {
        display: none; }
      .print #calendar th .print-content {
        display: block;
        text-align: left; }
    .print #calendar tr td.employee-shifts {
      background: lightgray;
      color-adjust: exact;
      font-size: 0.7em;
      font-weight: bold;
      height: 45px;
      -webkit-print-color-adjust: exact;
      width: 9%; }
      .print #calendar tr td.employee-shifts .job-name,
      .print #calendar tr td.employee-shifts .shift-duration {
        display: none; }
    .print #calendar th.calendar-header {
      font-size: 0.8em;
      position: static; }
      .print #calendar th.calendar-header .duration {
        display: none; }
    .print #calendar td.shift-cell {
      border: solid lightgray;
      border-width: 0 0 2px;
      height: 45px;
      width: 13%; }
      .print #calendar td.shift-cell .calendar-cell {
        background: none;
        color: rgba(0, 0, 0, 0.87);
        padding: 0 5px 7px; }
        .print #calendar td.shift-cell .calendar-cell .cell-content {
          display: block;
          height: 30px; }
        .print #calendar td.shift-cell .calendar-cell .job-name {
          font-size: 0.7em;
          margin-bottom: 8px; }
          .print #calendar td.shift-cell .calendar-cell .job-name:empty {
            display: none; }
        .print #calendar td.shift-cell .calendar-cell .job-time {
          display: none; }
        .print #calendar td.shift-cell .calendar-cell .job-time-print {
          display: block;
          font-size: 0.7em;
          font-weight: bold; }
        .print #calendar td.shift-cell .calendar-cell .conflict-title {
          display: none; }
      .print #calendar td.shift-cell .cell-corner.label {
        display: none; }
    .print #calendar.hidden-horizontal-borders {
      border: 1px solid rgba(34, 36, 38, 0.1); }

.pika-select .text {
  margin-right: 0.5em; }

.pika-row.pick-whole-week.is-selected button.pika-button.pika-day, .pika-row.pick-whole-week:hover button.pika-button.pika-day {
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none; }

.pika-row.pick-whole-week.is-selected > td:first-child > button.pika-button.pika-day, .pika-row.pick-whole-week:hover > td:first-child > button.pika-button.pika-day {
  border-radius: 3px 0px 0px 3px; }

.pika-row.pick-whole-week.is-selected > td:last-child > button.pika-button.pika-day, .pika-row.pick-whole-week:hover > td:last-child > button.pika-button.pika-day {
  border-radius: 0px 3px 3px 0px; }

.pika-table tbody tr td {
  border-left: 0px !important;
  padding-left: 0em !important; }

#device-wizard.ui.modal > .header {
  border-bottom: none;
  padding-bottom: 0.625rem; }

#device-wizard.ui.modal > .content {
  padding-bottom: 0.625rem;
  padding-top: 0px; }
  #device-wizard.ui.modal > .content > .segment > .grid {
    min-height: 30.5rem; }

#device-wizard.ui.modal > .actions {
  background: none;
  border-top: none;
  padding: 0 1.5rem 1.25rem 1.5rem; }
  #device-wizard.ui.modal > .actions .button {
    margin: 0; }

#device-wizard.ui.modal > .remove.icon {
  color: rgba(0, 0, 0, 0.87);
  cursor: pointer;
  font-size: 1.25em;
  height: 2.25rem;
  opacity: 0.8;
  padding: 0.625rem 0rem 0rem 0rem;
  position: absolute;
  right: 1rem;
  top: 0.65rem;
  width: 2.25rem;
  z-index: 1; }
  @media only screen and (max-width: 1024px) {
    #device-wizard.ui.modal > .remove.icon {
      right: 1rem;
      top: 0.5rem; } }
  @media only screen and (max-width: 767px) {
    #device-wizard.ui.modal > .remove.icon {
      right: 0.5rem !important;
      top: 0.4rem !important; } }

#device-wizard.ui.modal .background-gray {
  background-color: #EEEEEE; }

.deploy-analysis-display {
  width: 100%; }
  .deploy-analysis-display .tab-container-header .data {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .deploy-analysis-display .tab-container-header .data .value {
      background-color: rgba(14, 83, 243, 0.09);
      border-radius: 99px;
      margin-left: 5px;
      padding: 2px 8px;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content; }
  .deploy-analysis-display .display-item {
    color: #333333;
    font-size: 1em;
    font-weight: normal;
    margin-bottom: 5px;
    padding: 5px 10px; }
    .deploy-analysis-display .display-item .deploy-analysis-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 10px;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .deploy-analysis-display .display-item .deploy-analysis-item .updated-entity {
        font-weight: 700; }
    .deploy-analysis-display .display-item.remove {
      background: rgba(255, 86, 37, 0.08); }
    .deploy-analysis-display .display-item.add {
      background: rgba(70, 168, 46, 0.08); }
    .deploy-analysis-display .display-item.edited {
      background: rgba(246, 167, 53, 0.12); }
  .deploy-analysis-display .info-message {
    margin-bottom: 16px; }
    .deploy-analysis-display .info-message .s4-alert {
      border-radius: 4px; }

.lightbox-single .lightbox-thumbnail {
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.lightbox-single .lightbox-fullscreen {
  margin: 0 auto;
  max-height: 80vh;
  max-width: 80vw;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s; }
  @media screen and (orientation: portrait) {
    .lightbox-single .lightbox-fullscreen {
      height: auto;
      width: 100%; } }
  @media screen and (orientation: landscape) {
    .lightbox-single .lightbox-fullscreen {
      height: 100%;
      width: auto; } }

.lightbox-single .lightbox-dimmer {
  background-color: transparent;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
  height: 100vh;
  position: fixed;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  visibility: hidden;
  width: 100vw;
  z-index: 1010 !important; }
  .lightbox-single .lightbox-dimmer.active {
    background-color: rgba(0, 0, 0, 0.85);
    visibility: visible; }
    .lightbox-single .lightbox-dimmer.active .lightbox-fullscreen {
      opacity: 1; }
  .lightbox-single .lightbox-dimmer.inactive {
    height: 0;
    left: 0 !important;
    top: 0 !important;
    width: 0; }
    .lightbox-single .lightbox-dimmer.inactive .lightbox-fullscreen {
      opacity: 0; }

.lightbox-single .content {
  height: 80vh;
  margin: 10vh auto;
  width: 80vw; }

.left-header {
  border-left: 20px solid #009BF4 !important; }

.no-borders {
  border-style: none !important; }

.header-menu.ui.secondary.menu, .internet-payments-wrapper .header-menu.ui.menu.dropdown-file-selector, .internet-payments-wrapper .download-label-button .header-menu.ui.menu.download, .internet-payments-fullscreen-modal > .header.top-title .header-menu.ui.menu.close-btn {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .header-menu.ui.secondary.menu > .ui.right.secondary.menu, .internet-payments-wrapper .header-menu.ui.menu.dropdown-file-selector > .ui.right.secondary.menu, .internet-payments-wrapper .download-label-button .header-menu.ui.menu.download > .ui.right.secondary.menu, .internet-payments-fullscreen-modal > .header.top-title .header-menu.ui.menu.close-btn > .ui.right.secondary.menu, .internet-payments-wrapper .header-menu.ui.secondary.menu > .ui.right.menu.dropdown-file-selector, .internet-payments-wrapper .header-menu.ui.menu.dropdown-file-selector > .ui.right.menu.dropdown-file-selector, .internet-payments-wrapper .download-label-button .header-menu.ui.menu.download > .ui.right.menu.dropdown-file-selector, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .header-menu.ui.menu.close-btn > .ui.right.menu.dropdown-file-selector, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title .header-menu.ui.menu.close-btn > .ui.right.menu.dropdown-file-selector, .internet-payments-wrapper .download-label-button .header-menu.ui.secondary.menu > .ui.right.menu.download, .internet-payments-wrapper .download-label-button .header-menu.ui.menu.dropdown-file-selector > .ui.right.menu.download, .internet-payments-wrapper .download-label-button .header-menu.ui.menu.download > .ui.right.menu.download, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .download-label-button .header-menu.ui.menu.close-btn > .ui.right.menu.download, .internet-payments-wrapper .download-label-button .internet-payments-fullscreen-modal > .header.top-title .header-menu.ui.menu.close-btn > .ui.right.menu.download, .internet-payments-fullscreen-modal > .header.top-title .header-menu.ui.secondary.menu > .ui.right.menu.close-btn, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title .header-menu.ui.menu.dropdown-file-selector > .ui.right.menu.close-btn, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .header-menu.ui.menu.dropdown-file-selector > .ui.right.menu.close-btn, .internet-payments-wrapper .download-label-button .internet-payments-fullscreen-modal > .header.top-title .header-menu.ui.menu.download > .ui.right.menu.close-btn, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .download-label-button .header-menu.ui.menu.download > .ui.right.menu.close-btn, .internet-payments-fullscreen-modal > .header.top-title .header-menu.ui.menu.close-btn > .ui.right.menu.close-btn {
    margin-right: 0;
    min-height: 0; }
  .header-menu.ui.secondary.menu .item, .internet-payments-wrapper .header-menu.ui.menu.dropdown-file-selector .item, .internet-payments-wrapper .download-label-button .header-menu.ui.menu.download .item, .internet-payments-fullscreen-modal > .header.top-title .header-menu.ui.menu.close-btn .item {
    max-width: 100%;
    padding-bottom: 14px; }

.multi-select .selectable {
  cursor: pointer; }

.multi-select .selectable:hover {
  opacity: 0.5; }

.multi-select .collection-items {
  max-height: 28em;
  min-height: 28em;
  overflow-y: auto;
  white-space: nowrap; }

@media (max-width: 1024px) {
  .multi-select .collection-items {
    max-height: 9.3em;
    min-height: 9.3em; } }

.dynamic-checklist .checklist-item {
  display: block;
  line-height: 1.42857em; }
  .dynamic-checklist .checklist-item label {
    cursor: pointer;
    position: initial; }

.steps-container {
  padding-bottom: 1em; }

.cropper-js .ui.segment {
  background-color: rgba(153, 153, 153, 0.1); }

.cropper-js img {
  max-width: 100%; }

.cropper-js .ui.vertical.buttons {
  position: absolute;
  right: 2rem;
  top: 2rem; }

.image-upload .ui.modal.upload-image {
  max-height: calc(100vh - 8rem); }
  .image-upload .ui.modal.upload-image img {
    max-height: calc(100vh - 15rem); }

.image-upload .ui.modal.crop-image img {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC"); }

.multi-file-upload {
  margin: auto;
  padding: 0px !important;
  width: 100%; }
  .multi-file-upload .multi-file-upload-body {
    border: 1px solid #e5e5e5; }
    .multi-file-upload .multi-file-upload-body .multi-file-upload-label {
      background: #f7f7f7; }
    .multi-file-upload .multi-file-upload-body .multi-file-upload-files .file {
      background: #e5f5fe;
      color: #009BF4;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-weight: bold;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin: 8px 0;
      padding: 11px 10px;
      vertical-align: center; }
      .multi-file-upload .multi-file-upload-body .multi-file-upload-files .file .close-file {
        cursor: pointer; }
  .multi-file-upload .multi-file-upload-footer {
    margin-top: 15px;
    padding: 0px !important; }
  .multi-file-upload .popup {
    cursor: pointer;
    position: relative; }
    .multi-file-upload .popup .popup-body {
      background: #FFFFFF;
      border-radius: .28rem;
      bottom: 30px;
      -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.2);
              box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.2);
      color: #000000;
      font-size: 1rem;
      font-weight: normal;
      opacity: 0;
      padding: .83em 1em;
      pointer-events: none;
      position: absolute;
      right: -3px;
      -webkit-transform: scale(0);
              transform: scale(0);
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
      visibility: hidden;
      white-space: nowrap;
      z-index: 1; }
      .multi-file-upload .popup .popup-body:after {
        background: #FFFFFF;
        bottom: -5px;
        -webkit-box-shadow: 1px 1px 0 0 #bababc;
                box-shadow: 1px 1px 0 0 #bababc;
        content: '';
        height: 12px;
        position: absolute;
        right: 10px;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        width: 12px; }
    .multi-file-upload .popup:hover .popup-body {
      opacity: 1;
      pointer-events: auto;
      -webkit-transform: scale(1);
              transform: scale(1);
      visibility: visible; }

.flash-messages-container.sticky.fixed {
  left: 0;
  right: 0; }
  .flash-messages-container.sticky.fixed.full-width {
    text-align: center;
    width: 100%; }
    .flash-messages-container.sticky.fixed.full-width > div {
      border-radius: 0; }

.ui.segment.header.header-segment {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .ui.segment.header.header-segment > :first-child {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }

.dropdown-simple-checklist-overflow {
  min-width: 10rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.selection.dropdown .item .checked {
  font-weight: 600; }

@media only screen and (max-width: 767px) {
  #tray .sliding-tray .content.loyalty-members-form {
    padding-top: 0px; } }

.ui.circular.icon.button.radio-color-option {
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset !important;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset !important;
  margin: 5px; }
  .ui.circular.icon.button.radio-color-option.red {
    background-color: #B00300; }
  .ui.circular.icon.button.radio-color-option.orange {
    background-color: #F6A735; }
  .ui.circular.icon.button.radio-color-option.yellow {
    background-color: #FBBD08; }
  .ui.circular.icon.button.radio-color-option.olive {
    background-color: #B5CC18; }
  .ui.circular.icon.button.radio-color-option.green {
    background-color: #48AA2F; }
  .ui.circular.icon.button.radio-color-option.teal {
    background-color: #00B5AD; }
  .ui.circular.icon.button.radio-color-option.blue {
    background-color: #009BF4; }
  .ui.circular.icon.button.radio-color-option.violet {
    background-color: #6435C9; }
  .ui.circular.icon.button.radio-color-option.purple {
    background-color: #A333C8; }
  .ui.circular.icon.button.radio-color-option.pink {
    background-color: #E03997; }
  .ui.circular.icon.button.radio-color-option.brown {
    background-color: #A5673F; }
  .ui.circular.icon.button.radio-color-option.grey {
    background-color: #CCCCCC; }
  .ui.circular.icon.button.radio-color-option.black {
    background-color: #1B1C1D; }
  .ui.circular.icon.button.radio-color-option.white {
    background: linear-gradient(to bottom right, transparent calc(50% - 1px), red, transparent calc(50% + 1px));
    background-color: #FFFFFF; }
  .ui.circular.icon.button.radio-color-option.selected {
    outline: solid 2px #009BF4;
    outline-offset: 2px; }

.internet-payments-wrapper .range-dropdown-wrapper {
  padding: 0.6rem 1.15rem; }
  .internet-payments-wrapper .range-dropdown-wrapper .text {
    line-height: 24px; }
  .internet-payments-wrapper .range-dropdown-wrapper .range-dropdown {
    border: none !important; }
    .internet-payments-wrapper .range-dropdown-wrapper .range-dropdown .icon.chevron {
      margin-left: 0; }

#tray {
  position: absolute;
  width: 100%;
  z-index: 1000;
  /* DRAWER */
  /* MEDIA QUERIES */ }
  #tray .sliding-tray {
    background-color: #FFFFFF;
    bottom: 0;
    -webkit-box-shadow: -2px 1px 2px 0 rgba(0, 0, 0, 0.1);
            box-shadow: -2px 1px 2px 0 rgba(0, 0, 0, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
    visibility: visible;
    width: 700px;
    z-index: 1; }
    #tray .sliding-tray .tray-header {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border: 1px solid rgba(0, 0, 0, 0.1);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      height: 50px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin: 0px; }
      #tray .sliding-tray .tray-header h2 {
        margin-bottom: 0; }
      #tray .sliding-tray .tray-header .icon {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 50px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        position: absolute;
        right: 0;
        top: 0;
        width: 50px; }
    #tray .sliding-tray > .error-message {
      border-radius: 0;
      font-weight: 800;
      margin: 0;
      padding: .5714285em;
      text-align: center; }
    #tray .sliding-tray .content {
      border-left: 1px solid rgba(0, 0, 0, 0.1);
      border-right: 1px solid rgba(0, 0, 0, 0.1);
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      max-height: calc(100vh - 126px);
      overflow: auto;
      padding: 30px; }
    #tray .sliding-tray .actions {
      border: 1px solid rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
              box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      padding: 0 10px; }
      #tray .sliding-tray .actions .button {
        margin: 20px 10px;
        min-width: 120px; }
        #tray .sliding-tray .actions .button.left-action {
          margin-right: auto; }
    #tray .sliding-tray label.white {
      background-color: #FFFFFF; }
  #tray .open {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
    z-index: 3; }
  @media only screen and (max-width: 767px) {
    #tray .sliding-tray {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      overflow: auto;
      width: 100%; }
      #tray .sliding-tray h2.toggle-header, #tray .sliding-tray h2.header {
        margin-left: 0 !important; }
      #tray .sliding-tray .header .icon:only-child {
        margin-right: 0; }
      #tray .sliding-tray .content {
        max-height: none;
        overflow: initial;
        padding: 30px 10px; }
      #tray .sliding-tray .actions {
        display: block; }
        #tray .sliding-tray .actions .button {
          margin: 8px 0;
          width: 100%; } }

@media only screen and (max-width: 1024px) {
  .site-content.sidebar-open ~ #tray > .sliding-tray.open {
    right: -240px; } }

.recovery-codes-display .recovery-keys-header {
  padding-bottom: 0 !important; }

.recovery-codes-display .copy-button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px; }
  .recovery-codes-display .copy-button-container button {
    height: 36px;
    width: 170px; }
  @media only screen and (max-width: 767px) {
    .recovery-codes-display .copy-button-container {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      max-width: 350px;
      min-height: 92px; }
      .recovery-codes-display .copy-button-container button {
        width: 100%; } }

.setup-intro-2fa .app-links {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f7f7f7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 750px; }
  .setup-intro-2fa .app-links .app-link {
    cursor: pointer;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: 100%;
    min-width: 200px;
    text-align: center; }
  .setup-intro-2fa .app-links .app-link.android {
    border-right: 1px solid #e5e5e5; }

.setup-verify-2fa .verification-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #e5e5e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 750px; }
  .setup-verify-2fa .verification-container .verification-item.code {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 250px;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    overflow: hidden;
    padding: 0 1em 0 1em; }
    .setup-verify-2fa .verification-container .verification-item.code .secret-code {
      font-weight: bold;
      word-break: break-word; }
  .setup-verify-2fa .verification-container .verification-item.form {
    border-left: 1px solid #e5e5e5;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 425px;
    padding: 2em; }

button.circular-button, .internet-payments-wrapper button.dropdown-file-selector, .internet-payments-wrapper .download-label-button button.download, .internet-payments-fullscreen-modal > .header.top-title button.close-btn {
  border: none; }
  button.circular-button i, .internet-payments-wrapper button.dropdown-file-selector i, .internet-payments-wrapper .download-label-button button.download i, .internet-payments-fullscreen-modal > .header.top-title button.close-btn i {
    margin: 0; }

.circular-button, .internet-payments-wrapper .dropdown-file-selector, .internet-payments-wrapper .download-label-button .download, .internet-payments-fullscreen-modal > .header.top-title .close-btn, .circular-button.primary, .internet-payments-wrapper .primary.dropdown-file-selector, .internet-payments-wrapper .download-label-button .primary.download, .internet-payments-fullscreen-modal > .header.top-title .primary.close-btn {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #0E5BF3;
  border: none;
  border-radius: 50px;
  color: #FFFFFF;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  min-height: 40px;
  min-width: 40px;
  padding: 0;
  width: 40px; }
  .circular-button.disabled, .internet-payments-wrapper .disabled.dropdown-file-selector, .internet-payments-wrapper .download-label-button .disabled.download, .internet-payments-fullscreen-modal > .header.top-title .disabled.close-btn, .circular-button.primary.disabled, .internet-payments-wrapper .primary.disabled.dropdown-file-selector, .internet-payments-wrapper .download-label-button .primary.disabled.download, .internet-payments-fullscreen-modal > .header.top-title .primary.disabled.close-btn {
    opacity: 0.5;
    pointer-events: none; }
  .circular-button:hover, .internet-payments-wrapper .dropdown-file-selector:hover, .internet-payments-wrapper .download-label-button .download:hover, .internet-payments-fullscreen-modal > .header.top-title .close-btn:hover, .circular-button.active, .internet-payments-wrapper .active.dropdown-file-selector, .internet-payments-wrapper .download-label-button .active.download, .internet-payments-fullscreen-modal > .header.top-title .active.close-btn, .circular-button.primary:hover, .internet-payments-wrapper .primary.dropdown-file-selector:hover, .internet-payments-wrapper .download-label-button .primary.download:hover, .internet-payments-fullscreen-modal > .header.top-title .primary.close-btn:hover, .circular-button.primary.active, .internet-payments-wrapper .primary.active.dropdown-file-selector, .internet-payments-wrapper .download-label-button .primary.active.download, .internet-payments-fullscreen-modal > .header.top-title .primary.active.close-btn {
    background-color: #136EF6; }
  .circular-button.secondary, .internet-payments-wrapper .dropdown-file-selector, .internet-payments-wrapper .download-label-button .download, .internet-payments-fullscreen-modal > .header.top-title .close-btn, .circular-button.primary.secondary, .internet-payments-wrapper .primary.dropdown-file-selector, .internet-payments-wrapper .download-label-button .primary.download, .internet-payments-fullscreen-modal > .header.top-title .primary.close-btn {
    background-color: rgba(0, 0, 0, 0.04);
    color: #666666; }
    .circular-button.secondary:hover, .internet-payments-wrapper .dropdown-file-selector:hover, .internet-payments-wrapper .download-label-button .download:hover, .internet-payments-fullscreen-modal > .header.top-title .close-btn:hover, .circular-button.secondary.active, .internet-payments-wrapper .active.dropdown-file-selector, .internet-payments-wrapper .download-label-button .active.download, .internet-payments-fullscreen-modal > .header.top-title .active.close-btn, .circular-button.primary.secondary:hover, .internet-payments-wrapper .primary.dropdown-file-selector:hover, .internet-payments-wrapper .download-label-button .primary.download:hover, .internet-payments-fullscreen-modal > .header.top-title .primary.close-btn:hover, .circular-button.primary.secondary.active, .internet-payments-wrapper .primary.active.dropdown-file-selector, .internet-payments-wrapper .download-label-button .primary.active.download, .internet-payments-fullscreen-modal > .header.top-title .primary.active.close-btn {
      background-color: rgba(14, 91, 243, 0.06);
      color: #0E5BF3; }
  .circular-button + .circular-button, .internet-payments-wrapper .dropdown-file-selector + .circular-button, .internet-payments-wrapper .download-label-button .download + .circular-button, .internet-payments-fullscreen-modal > .header.top-title .close-btn + .circular-button, .internet-payments-wrapper .circular-button + .dropdown-file-selector, .internet-payments-wrapper .dropdown-file-selector + .dropdown-file-selector, .internet-payments-wrapper .download-label-button .download + .dropdown-file-selector, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .close-btn + .dropdown-file-selector, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title .close-btn + .dropdown-file-selector, .internet-payments-wrapper .download-label-button .circular-button + .download, .internet-payments-wrapper .download-label-button .dropdown-file-selector + .download, .internet-payments-wrapper .download-label-button .download + .download, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .download-label-button .close-btn + .download, .internet-payments-wrapper .download-label-button .internet-payments-fullscreen-modal > .header.top-title .close-btn + .download, .internet-payments-fullscreen-modal > .header.top-title .circular-button + .close-btn, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title .dropdown-file-selector + .close-btn, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .dropdown-file-selector + .close-btn, .internet-payments-wrapper .download-label-button .internet-payments-fullscreen-modal > .header.top-title .download + .close-btn, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .download-label-button .download + .close-btn, .internet-payments-fullscreen-modal > .header.top-title .close-btn + .close-btn, .circular-button.primary + .circular-button, .internet-payments-wrapper .primary.dropdown-file-selector + .circular-button, .internet-payments-wrapper .download-label-button .primary.download + .circular-button, .internet-payments-fullscreen-modal > .header.top-title .primary.close-btn + .circular-button, .internet-payments-wrapper .circular-button.primary + .dropdown-file-selector, .internet-payments-wrapper .primary.dropdown-file-selector + .dropdown-file-selector, .internet-payments-wrapper .download-label-button .primary.download + .dropdown-file-selector, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .primary.close-btn + .dropdown-file-selector, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title .primary.close-btn + .dropdown-file-selector, .internet-payments-wrapper .download-label-button .circular-button.primary + .download, .internet-payments-wrapper .download-label-button .primary.dropdown-file-selector + .download, .internet-payments-wrapper .download-label-button .primary.download + .download, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .download-label-button .primary.close-btn + .download, .internet-payments-wrapper .download-label-button .internet-payments-fullscreen-modal > .header.top-title .primary.close-btn + .download, .internet-payments-fullscreen-modal > .header.top-title .circular-button.primary + .close-btn, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title .primary.dropdown-file-selector + .close-btn, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .primary.dropdown-file-selector + .close-btn, .internet-payments-wrapper .download-label-button .internet-payments-fullscreen-modal > .header.top-title .primary.download + .close-btn, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .download-label-button .primary.download + .close-btn, .internet-payments-fullscreen-modal > .header.top-title .primary.close-btn + .close-btn {
    margin-left: 8px; }

.password-validation-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  height: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-bottom: 20px;
  padding-top: 5px;
  text-align: left;
  width: 100%; }

.ticket-layout {
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2); }
  .ticket-layout .ticket {
    padding: 1.42857em; }
    .ticket-layout .ticket hr {
      border-color: #D8D8D8;
      border-style: solid; }
    .ticket-layout .ticket ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      .ticket-layout .ticket ul.summary span {
        font-weight: bold;
        margin-left: 0.35714em; }
    .ticket-layout .ticket.no-refund {
      -webkit-clip-path: none;
              clip-path: none; }
    .ticket-layout .ticket.has-refund {
      -webkit-clip-path: inset(0 -3px 0 -3px);
              clip-path: inset(0 -3px 0 -3px); }
    .ticket-layout .ticket.refunded-ticket {
      background-color: rgba(176, 0, 32, 0.04);
      border-top: 1px solid #D8D8D8;
      -webkit-clip-path: none;
              clip-path: none;
      margin-top: -1px; }
      .ticket-layout .ticket.refunded-ticket .items-list {
        background-color: rgba(176, 0, 32, 0.01); }
    .ticket-layout .ticket .refunded-ticket-title {
      font-weight: bold; }
    .ticket-layout .ticket .item {
      margin-bottom: 10px; }
    .ticket-layout .ticket .line-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .ticket-layout .ticket .line-item .item-name {
        margin-left: 30px; }
      .ticket-layout .ticket .line-item.total, .ticket-layout .ticket .line-item.payment {
        font-weight: bold; }
      .ticket-layout .ticket .line-item.modifier {
        color: #838383; }
      .ticket-layout .ticket .line-item.sub-modifier {
        color: #838383; }
        .ticket-layout .ticket .line-item.sub-modifier .item-name {
          padding-left: 1.14286em; }
    .ticket-layout .ticket .payment-line-item .payment-type-container {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 3px; }
      .ticket-layout .ticket .payment-line-item .payment-type-container .payment-type-info {
        font-weight: bold;
        margin-right: 6px; }
    .ticket-layout .ticket .totals {
      background: #fff;
      height: 100%; }
    .ticket-layout .ticket .message {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-image: url("/img/horizontal-bars.svg");
      background-repeat: no-repeat;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 2.14286em 0; }
      .ticket-layout .ticket .message i.history {
        color: #136EF6;
        font-size: 1.5em;
        margin-top: 10px;
        width: 100%; }
      .ticket-layout .ticket .message p {
        text-align: center;
        width: 85%; }
    .ticket-layout .ticket.not-available .note {
      background: #FEF8EF;
      border-radius: 6px;
      padding: 1.14286em; }
      .ticket-layout .ticket.not-available .note i.exclamation {
        color: #FFA500;
        font-size: 1.3em;
        margin-right: 4px; }
      .ticket-layout .ticket.not-available .note h4 {
        margin: 0 0 5px 0; }
      .ticket-layout .ticket.not-available .note p {
        margin: 0 0 5px 25px; }
      .ticket-layout .ticket.not-available .note > ul {
        font-weight: bold;
        list-style: initial;
        margin-left: 44px; }
        .ticket-layout .ticket.not-available .note > ul li {
          margin-bottom: 3px; }

.credit-card {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }
  .credit-card:before {
    height: 24px;
    margin-right: 8px;
    width: 32px; }
  .credit-card.visa:before {
    content: url("/img/credit-cards/visa.svg"); }
  .credit-card.amex:before {
    content: url("/img/credit-cards/amex.svg"); }
  .credit-card.mastercard:before {
    content: url("/img/credit-cards/mastercard.svg"); }
  .credit-card.discover:before {
    content: url("/img/credit-cards/discover.svg"); }
  .credit-card.jcb:before {
    content: url("/img/credit-cards/jcb.svg"); }
  .credit-card.unknown:before {
    content: url("/img/unknown.svg"); }
  .credit-card .credit-card-text {
    color: rgba(0, 0, 0, 0.38); }
  .credit-card .info-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.fiscalization-reporting .business-date-range-field .business-date-range-field-picker {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0; }
  .fiscalization-reporting .business-date-range-field .business-date-range-field-picker .error-popup {
    margin: auto; }
  .fiscalization-reporting .business-date-range-field .business-date-range-field-picker .mobile-datetime-range-picker {
    width: 100%; }
    .fiscalization-reporting .business-date-range-field .business-date-range-field-picker .mobile-datetime-range-picker .custom-timerange-inputs {
      margin: 0 0.71429em; }
  .fiscalization-reporting .business-date-range-field .business-date-range-field-picker input[type="date"]::-webkit-datetime-edit-day-field,
  .fiscalization-reporting .business-date-range-field .business-date-range-field-picker input[type="date"]::-webkit-datetime-edit-year-field,
  .fiscalization-reporting .business-date-range-field .business-date-range-field-picker input[type="date"]::-webkit-datetime-edit-month-field {
    color: unset; }

@supports (-moz-appearance: none) {
  .fiscalization-reporting .new-form {
    padding-right: 1px; } }

.fiscalization-reporting .terminal-select-dropdown.ui.selection.dropdown .menu > .item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

#report-table-tree.report-settlement-detail .ui.celled.table .header-row .header-col.money {
  text-align: right; }

#report-table-tree.report-settlement-detail .ui.celled.table .header-row.header-level-0 .header-col {
  vertical-align: bottom; }
  #report-table-tree.report-settlement-detail .ui.celled.table .header-row.header-level-0 .header-col[colspan="3"] {
    border-bottom: 1px solid #E5E5E5;
    position: sticky; }
    #report-table-tree.report-settlement-detail .ui.celled.table .header-row.header-level-0 .header-col[colspan="3"] div {
      background-color: #FFFFFF;
      border: 1px solid #E5E5E5;
      border-radius: 0.28571em;
      left: 50%;
      padding: 0 0.35714em;
      position: absolute;
      -webkit-transform: translate(-50%, 25%);
              transform: translate(-50%, 25%); }
  #report-table-tree.report-settlement-detail .ui.celled.table .header-row.header-level-0 .header-col:nth-child(14) {
    border-left: 1px solid #f7f7f7; }
  #report-table-tree.report-settlement-detail .ui.celled.table .header-row.header-level-0 .header-col:nth-child(15) {
    border-right: 1px solid #f7f7f7; }

#report-table-tree.report-settlement-detail .ui.celled.table .header-row.header-level-1 .header-col:nth-child(1) {
  border-left: 1px solid #E5E5E5; }

#report-table-tree.report-settlement-detail .ui.celled.table .header-row.header-level-1 .header-col:nth-child(3) {
  border-right: 1px solid #E5E5E5; }

#report-table-tree.report-settlement-detail .ui.celled.table .header-row.header-level-1 .header-col:nth-child(6) {
  border-right: 1px solid #E5E5E5; }

#report-table-tree.report-settlement-detail .ui.celled.table .footer-level-0 .footer-col.money {
  text-align: right; }

#report-table-tree.report-settlement-detail .ui.celled.table .footer-level-0 .footer-col:nth-child(13) {
  border-right: 1px solid #E5E5E5; }

#report-table-tree.report-settlement-detail .ui.celled.table .footer-level-0 .footer-col:nth-child(16) {
  border-right: 1px solid #E5E5E5; }

#report-table-tree.report-settlement-detail .ui.celled.table .footer-level-0 .footer-col:nth-child(19) {
  border-right: 1px solid #E5E5E5; }

#report-table-tree.report-settlement-detail .ui.celled.table .footer-level-0.total {
  background: #f7f7f7;
  color: #333333; }
  #report-table-tree.report-settlement-detail .ui.celled.table .footer-level-0.total .footer-col {
    font-weight: bold; }
    #report-table-tree.report-settlement-detail .ui.celled.table .footer-level-0.total .footer-col.empty.string * {
      visibility: hidden; }

#report-table-tree.report-settlement-detail .ui.celled.table .row.level-1 .col .money {
  text-align: right; }

#report-table-tree.report-settlement-detail .ui.celled.table .row.level-1 .col:nth-child(13) {
  border-right: 1px solid #E5E5E5; }

#report-table-tree.report-settlement-detail .ui.celled.table .row.level-1 .col:nth-child(16) {
  border-right: 1px solid #E5E5E5; }

#report-table-tree.report-settlement-detail .ui.celled.table .row.level-1 .col:nth-child(19) {
  border-right: 1px solid #E5E5E5; }

#report-table-tree.report-settlement-detail .ui.celled.table .row.level-1.total {
  background: #f7f7f7;
  color: #333333; }
  #report-table-tree.report-settlement-detail .ui.celled.table .row.level-1.total .col {
    font-weight: bold; }
    #report-table-tree.report-settlement-detail .ui.celled.table .row.level-1.total .col .empty.string * {
      visibility: hidden; }

.table-tree-wrapper .pagination-footer {
  margin: 0 14px 14px; }
  .table-tree-wrapper .pagination-footer .ui.selection.dropdown {
    margin-left: 5px;
    margin-right: 10px;
    padding-right: 10px; }

.internet-payments-wrapper .table-tree-wrapper .pagination-footer {
  margin-top: 0; }

.date-range-chart-wrapper {
  background-color: #FFF;
  margin: 0 auto;
  max-width: 100%; }
  .date-range-chart-wrapper text {
    fill: #595959;
    font-size: 12px !important; }
  .date-range-chart-wrapper.no-y-scale .y-axis text {
    display: none; }
  .date-range-chart-wrapper .inner-wrapper {
    padding-bottom: 50%;
    position: relative;
    width: 100%; }
  .date-range-chart-wrapper .outer-box {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0; }
  .date-range-chart-wrapper .inner-box {
    height: 100%;
    width: 100%; }
  .date-range-chart-wrapper p {
    margin-bottom: 40px;
    margin-top: 5px; }
  .date-range-chart-wrapper .axes path, .date-range-chart-wrapper .axes line {
    shape-rendering: crispEdges;
    stroke: #eaeaea; }
  .date-range-chart-wrapper .axes .path {
    stroke-width: 2px; }
  .date-range-chart-wrapper .axes .domain {
    stroke-width: 0; }
  .date-range-chart-wrapper .line {
    fill: none;
    stroke: #67b7dc;
    stroke-width: 2px; }
  .date-range-chart-wrapper .legend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 16px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    min-width: 200px;
    padding: 10px 40px; }
    .date-range-chart-wrapper .legend > div {
      cursor: pointer;
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      margin: 0px 25px 10px 0px; }
    .date-range-chart-wrapper .legend .series-marker {
      background-color: crimson;
      border-radius: 35%;
      display: inline-block;
      height: 1em;
      margin-bottom: -0.16rem;
      margin-right: 4px;
      width: 1em; }
    .date-range-chart-wrapper .legend .series-marker:hover {
      opacity: 0.8; }
    .date-range-chart-wrapper .legend p {
      display: inline;
      font-family: sans-serif;
      font-size: 0.8em;
      font-weight: 600; }
  .date-range-chart-wrapper .overlay {
    fill: none;
    pointer-events: all; }
  .date-range-chart-wrapper .scatterdot {
    fill: #FFF;
    fill-opacity: 1;
    stroke: #67b7dc;
    stroke-width: 2px; }
  .date-range-chart-wrapper .tooltips-container {
    pointer-events: none;
    position: absolute;
    top: 0; }
    .date-range-chart-wrapper .tooltips-container .tooltip-wrapper {
      height: 0;
      position: absolute;
      -webkit-transition: left 0.2s;
      transition: left 0.2s;
      width: 0; }
      .date-range-chart-wrapper .tooltips-container .tooltip-wrapper .tooltip-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        -webkit-transition: top 0.2s;
        transition: top 0.2s; }
        .date-range-chart-wrapper .tooltips-container .tooltip-wrapper .tooltip-inner::before {
          background-color: #FFF;
          border: 3px solid #67b7dc;
          border-radius: 100%;
          -webkit-box-sizing: content-box;
                  box-sizing: content-box;
          content: '';
          display: inline-block;
          height: 5px;
          line-height: 0;
          position: absolute;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          width: 5px;
          z-index: 3; }
        .date-range-chart-wrapper .tooltips-container .tooltip-wrapper .tooltip-inner::after {
          background-color: #FFF;
          -webkit-box-shadow: -1px 1px 0 0 #bababc;
                  box-shadow: -1px 1px 0 0 #bababc;
          content: '';
          height: .71428571em;
          left: 3px;
          position: absolute;
          top: calc(50% - (.71428571em / 2));
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
          width: .71428571em;
          z-index: 5; }
        .date-range-chart-wrapper .tooltips-container .tooltip-wrapper .tooltip-inner .tooltip-value {
          background: #fff;
          border: 1px solid #d4d4d5;
          border-radius: .28571429rem;
          -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
                  box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
          display: block;
          line-height: 1.42857em;
          max-width: none;
          padding: .3em 1em;
          position: absolute;
          -webkit-transform: translate(0.4em, -50%);
                  transform: translate(0.4em, -50%);
          z-index: 4; }
    .date-range-chart-wrapper .tooltips-container .tooltip-legend-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: absolute;
      -webkit-transition: left 0.2s;
      transition: left 0.2s;
      z-index: 2; }
      .date-range-chart-wrapper .tooltips-container .tooltip-legend-wrapper .tooltip-legend {
        background-color: #67b7dc;
        color: #FFF;
        max-width: none;
        padding: 6px 1em;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        white-space: nowrap; }
    .date-range-chart-wrapper .tooltips-container .tooltip-line {
      background-color: #67b7dc;
      position: absolute;
      -webkit-transition: left 0.2s, top 0.2s, height 0.2s;
      transition: left 0.2s, top 0.2s, height 0.2s;
      width: 1px;
      z-index: 0; }
  .date-range-chart-wrapper .d3-tooltip-line line {
    opacity: 0.5;
    stroke: steelblue;
    stroke-dasharray: 2, 5;
    stroke-width: 2; }

@media only screen and (max-width: 767px) {
  .form-confirmation-buttons .ui.grid > .eight:first-child {
    margin-bottom: 0em; }
  .form-confirmation-buttons .duplicate {
    width: 100%; }
  .form-confirmation-buttons .menu-button-set {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%; }
    .form-confirmation-buttons .menu-button-set .discard {
      margin-bottom: .5em;
      width: 100%; }
    .form-confirmation-buttons .menu-button-set .primary {
      width: 100%; } }

.records-side-menu .ui.basic.attached.segment {
  border: 0; }
  .records-side-menu .ui.basic.attached.segment.records-side-menu-header {
    border-right: 1px solid #d9dada; }

.records-side-menu .ui.vertical.attached.segment {
  padding-bottom: 0;
  padding-top: 0; }

.records-side-menu .records-side-menu-list.ui.segment {
  border-right: 0; }

.records-side-menu .records-side-menu-list .ui.button {
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none; }

.records-side-menu .records-side-menu-list .records-side-menu-record > div:last-of-type {
  border-bottom: 1px solid #d9dada; }

.records-side-menu .records-side-menu-list .records-side-menu-record > button,
.records-side-menu .records-side-menu-list .records-side-menu-record > div > button {
  background-color: #f6f6f6;
  border-right: 1px solid #d9dada;
  border-top: 1px solid #d9dada; }
  .records-side-menu .records-side-menu-list .records-side-menu-record > button:hover,
  .records-side-menu .records-side-menu-list .records-side-menu-record > div > button:hover {
    background-color: #f0f0f0; }
  .records-side-menu .records-side-menu-list .records-side-menu-record > button.active, .records-side-menu .records-side-menu-list .records-side-menu-record > button.ember-transitioning-in,
  .records-side-menu .records-side-menu-list .records-side-menu-record > div > button.active,
  .records-side-menu .records-side-menu-list .records-side-menu-record > div > button.ember-transitioning-in {
    background-color: white;
    border-left: 6px solid #009BF4;
    border-right: 0; }
  .records-side-menu .records-side-menu-list .records-side-menu-record > button.ember-transitioning-out,
  .records-side-menu .records-side-menu-list .records-side-menu-record > div > button.ember-transitioning-out {
    background-color: inherit;
    border-left: inherit;
    border-right: inherit; }

.ui.segments .tab-container .ui.segments {
  border: none; }
  .ui.segments .tab-container .ui.segments .segment {
    border-radius: 0em !important; }

.tab-container,
.tab-container .menu {
  -webkit-tap-highlight-color: transparent; }

.tab-container .menu-container .tab-container-header-list.ui.secondary.pointing.menu, .tab-container .menu-container .internet-payments-wrapper .tab-container-header-list.ui.pointing.menu.dropdown-file-selector, .internet-payments-wrapper .tab-container .menu-container .tab-container-header-list.ui.pointing.menu.dropdown-file-selector, .tab-container .menu-container .internet-payments-wrapper .download-label-button .tab-container-header-list.ui.pointing.menu.download, .internet-payments-wrapper .download-label-button .tab-container .menu-container .tab-container-header-list.ui.pointing.menu.download, .tab-container .menu-container .internet-payments-fullscreen-modal > .header.top-title .tab-container-header-list.ui.pointing.menu.close-btn, .internet-payments-fullscreen-modal > .header.top-title .tab-container .menu-container .tab-container-header-list.ui.pointing.menu.close-btn {
  border-bottom: 5px solid #0E5BF3; }

.tab-container .menu-container .tab-container-header-list.item,
.tab-container .menu-container .tab-container-header.item {
  border-width: 0.3em;
  color: #090304 !important;
  font-size: 1.14286rem;
  -webkit-transition: border-color ease-in-out 0.2s, color ease-in-out 0.2s;
  transition: border-color ease-in-out 0.2s, color ease-in-out 0.2s; }
  .tab-container .menu-container .tab-container-header-list.item.active,
  .tab-container .menu-container .tab-container-header.item.active {
    border-color: #0E5BF3 !important;
    color: #090304 !important; }
    .tab-container .menu-container .tab-container-header-list.item.active:hover,
    .tab-container .menu-container .tab-container-header.item.active:hover {
      border-color: #0E5BF3 !important; }
  .tab-container .menu-container .tab-container-header-list.item:hover,
  .tab-container .menu-container .tab-container-header.item:hover {
    border-color: #88B7FA; }

.general-search .search-icons {
  cursor: pointer;
  padding-top: 10px;
  position: relative;
  right: 21px; }

.focus-filtered-search {
  position: relative;
  width: 400px; }
  @media only screen and (max-width: 767px) {
    .focus-filtered-search {
      margin-right: 4px;
      overflow-x: hidden;
      width: 42px; }
      .focus-filtered-search .search.controls input {
        padding: 0 !important; } }
  .focus-filtered-search button {
    background: none;
    border: none;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .focus-filtered-search .search.controls {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #f0f0f0;
    border: 1px solid #f0f0f0;
    border-radius: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .focus-filtered-search .search.controls:hover {
      border: 1px solid #959595; }
    .focus-filtered-search .search.controls span {
      font-size: 16px;
      white-space: nowrap; }
    .focus-filtered-search .search.controls input {
      background-color: transparent;
      border: none;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      font-size: 16px;
      min-width: 0;
      outline: none;
      padding-left: 5px; }
      .focus-filtered-search .search.controls input::-webkit-input-placeholder {
        color: #090304; }
      .focus-filtered-search .search.controls input::-moz-placeholder {
        color: #090304; }
      .focus-filtered-search .search.controls input::-ms-input-placeholder {
        color: #090304; }
      .focus-filtered-search .search.controls input::placeholder {
        color: #090304; }
    .focus-filtered-search .search.controls .search-button {
      border-radius: 100%;
      color: #666666;
      -ms-flex-preferred-size: 40px;
          flex-basis: 40px;
      height: 40px;
      padding-top: 4px; }
      .focus-filtered-search .search.controls .search-button:hover {
        background-color: rgba(14, 83, 243, 0.09);
        color: #0E5BF3; }
    .focus-filtered-search .search.controls .reset-button {
      color: #959595;
      -ms-flex-preferred-size: 24px;
          flex-basis: 24px;
      margin-right: 3px; }
      .focus-filtered-search .search.controls .reset-button svg {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
  .focus-filtered-search.has-value .search.controls {
    background-color: #FFFFFF; }
  @media only screen and (max-width: 767px) {
    .focus-filtered-search.has-value:not(.focused) .search.controls {
      background-color: #f0f0f0; } }
  @media only screen and (max-width: 767px) {
    .focus-filtered-search.focused {
      max-width: 50%;
      overflow-x: visible;
      width: 100%; }
      .focus-filtered-search.focused input {
        padding-left: 5px; } }
  .focus-filtered-search.focused .search.controls {
    background-color: #FFFFFF;
    border-color: #0E5BF3;
    color: #0E5BF3; }
    .focus-filtered-search.focused .search.controls .search-button {
      color: #0E5BF3; }
    .focus-filtered-search.focused .search.controls .reset-button {
      color: #0E5BF3; }
  .focus-filtered-search.disabled {
    color: #999999;
    cursor: default;
    pointer-events: none; }
  .focus-filtered-search .filters {
    background-color: #FFFFFF;
    -webkit-box-shadow: rgba(0, 0, 0, 0.38) 0 1px 3px;
            box-shadow: rgba(0, 0, 0, 0.38) 0 1px 3px;
    margin-top: 5px;
    max-height: 220px;
    overflow: hidden;
    overflow-y: scroll;
    position: absolute;
    width: 100%;
    z-index: 1; }
    .focus-filtered-search .filters .filter-item {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: #000000;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 40px;
      text-decoration: none;
      width: 100%; }
      .focus-filtered-search .filters .filter-item:first-child {
        border-bottom: 1px solid #E5E5E5; }
      .focus-filtered-search .filters .filter-item > p {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin-left: 10px;
        padding-right: 16px;
        width: 100%; }
        .focus-filtered-search .filters .filter-item > p .key-hint {
          font-size: 12px;
          padding-left: 20px; }
          .focus-filtered-search .filters .filter-item > p .key-hint .key {
            background-color: #E5E5E5;
            font-size: 10px;
            padding: 0 4px; }
      .focus-filtered-search .filters .filter-item.suggested-filters {
        font-weight: bold;
        margin-bottom: 0;
        padding-left: 10px; }
        .focus-filtered-search .filters .filter-item.suggested-filters:hover {
          background-color: initial; }
      .focus-filtered-search .filters .filter-item:hover {
        background-color: #F2F6FE; }

.week-picker-input {
  display: none; }

.week-picker.ui.basic.buttons > .black.button {
  color: black !important; }

.week-picker.ui.basic.buttons > .week-picker-button {
  min-width: 150px; }

.datetime-range-picker-input {
  min-width: 210px; }

.mobile-date-picker-wrapper {
  width: 100%; }
  .mobile-date-picker-wrapper .mobile-date-picker {
    height: 2.71429em;
    text-align: start; }

.mobile-datetime-range-picker .ui.dropdown,
.mobile-datetime-range-picker .ui.input,
.mobile-datetime-range-picker label {
  margin-bottom: 10px; }

.mobile-datetime-range-picker .ui.input {
  height: 2.64286em; }

.mobile-datetime-range-picker .custom-timerange-inputs {
  padding-bottom: 10px; }

.mobile-datetime-range-picker .ui.selection.dropdown {
  width: 100%; }

.mobile-datetime-range-picker label {
  display: block;
  font-weight: 800; }

.internet-payments-wrapper .ip-date-range-picker {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.04);
  border: 1px solid transparent;
  border-radius: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 42px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.8rem;
  width: 100%; }
  .internet-payments-wrapper .ip-date-range-picker .period-text {
    color: rgba(0, 0, 0, 0.38);
    margin: 5px; }
  .internet-payments-wrapper .ip-date-range-picker .datetime-range-picker-input {
    background: transparent;
    border: none;
    color: #333333;
    letter-spacing: 0.05rem;
    line-height: 1; }
    .internet-payments-wrapper .ip-date-range-picker .datetime-range-picker-input:focus {
      border: none;
      outline: none; }
  .internet-payments-wrapper .ip-date-range-picker .icon {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right; }
  .internet-payments-wrapper .ip-date-range-picker:hover {
    border: 1px solid rgba(0, 0, 0, 0.38); }
  .internet-payments-wrapper .ip-date-range-picker.active {
    background-color: #FFFFFF;
    border: 1px solid #136EF6; }
    .internet-payments-wrapper .ip-date-range-picker.active .period-text {
      color: #136EF6; }
    .internet-payments-wrapper .ip-date-range-picker.active .icon {
      color: #136EF6; }
  .internet-payments-wrapper .ip-date-range-picker.disabled {
    pointer-events: none; }

.image.selector {
  cursor: pointer; }
  .image.selector .ui.basic.segment {
    margin: 0 0 1em 0;
    padding: 0; }
  .image.selector img {
    max-height: 100%;
    max-width: 100%; }
  .image.selector .no.image {
    padding: 2em; }

.ui-dropdown-select-option:before {
  content: '\200b'; }

.validation-status .container {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.validation-status .valid {
  color: #48AA2F; }

.validation-status .invalid {
  color: #999999; }

.display-info-modal > .close.icon {
  color: rgba(0, 0, 0, 0.87);
  right: 1rem;
  top: 1.0535rem; }

.ticket-details-route .left-menu-container {
  display: none !important; }

.fullscreen-display-modal > .content {
  max-height: calc(100vh - 50px) !important;
  padding: 0px !important; }

.fullscreen-modal, .fullscreen-display-modal {
  background-color: #fff;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999; }
  .fullscreen-modal > .header.top-title, .fullscreen-display-modal > .header.top-title {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #090304;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 56px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    text-align: center; }
  .fullscreen-modal > .header h2, .fullscreen-display-modal > .header h2 {
    margin: 0 55px; }
  .fullscreen-modal > .header .icon, .fullscreen-display-modal > .header .icon {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-left: 1px solid #090304;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px; }
    .fullscreen-modal > .header .icon:hover, .fullscreen-display-modal > .header .icon:hover {
      color: #fff; }
  .fullscreen-modal > .error-message, .fullscreen-modal .success-message, .fullscreen-display-modal > .error-message, .fullscreen-display-modal .success-message {
    border-radius: 0;
    font-weight: 800;
    margin: 0;
    padding: .5714285em;
    text-align: center; }
  .fullscreen-modal > .content, .fullscreen-display-modal > .content {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-height: calc(100vh - 126px);
    overflow: auto;
    padding: 30px 20px 24px; }
    .fullscreen-modal > .content .fullscreen-modal-iframe, .fullscreen-display-modal > .content .fullscreen-modal-iframe {
      height: 100%;
      overflow: hidden;
      padding-top: 56.25%;
      position: relative;
      /* 4x3 Aspect Ratio for ole timey monitors */ }
      .fullscreen-modal > .content .fullscreen-modal-iframe iframe, .fullscreen-display-modal > .content .fullscreen-modal-iframe iframe {
        border: 0;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%; }
      .fullscreen-modal > .content .fullscreen-modal-iframe .fullscreen-modal-iframe-4x3, .fullscreen-display-modal > .content .fullscreen-modal-iframe .fullscreen-modal-iframe-4x3 {
        padding-top: 75%; }
  .fullscreen-modal.error > .content, .fullscreen-display-modal.error > .content {
    max-height: calc(100vh - 162px); }
  .fullscreen-modal > .actions, .fullscreen-display-modal > .actions {
    border-top: 1px solid #e5e5e5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding: 0 10px; }
    .fullscreen-modal > .actions .ui.button, .fullscreen-display-modal > .actions .ui.button {
      margin: 20px 10px;
      min-width: 120px; }
      .fullscreen-modal > .actions .ui.button.left-action, .fullscreen-display-modal > .actions .ui.button.left-action {
        margin-right: auto; }

@media only screen and (max-width: 767px) {
  .fullscreen-modal {
    overflow: auto; }
  .fullscreen-modal > .content {
    max-height: none;
    overflow: initial;
    padding: 20px 10px; }
    .fullscreen-modal > .content .ui.form.grid.padded.stackable h2.header {
      margin-left: 0 !important; }
  .fullscreen-modal > .actions {
    border-top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 10px; }
    .fullscreen-modal > .actions > .ui.button {
      margin: 10px 0;
      width: 100%; }
      .fullscreen-modal > .actions > .ui.button.left-action {
        margin-right: 0; } }

.fullscreen-modal.light-modal {
  background-color: #fafafa; }
  .fullscreen-modal.light-modal > .header.top-title {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #FFFFFF;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
    color: rgba(0, 0, 0, 0.87);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 16px;
    text-align: left; }
    .fullscreen-modal.light-modal > .header.top-title h2 {
      margin: 0 auto 0 0; }
    .fullscreen-modal.light-modal > .header.top-title i {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-color: rgba(0, 0, 0, 0.04);
      border: none;
      border-radius: 100%;
      color: rgba(0, 0, 0, 0.6);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 40px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-left: auto;
      position: relative;
      width: 40px; }

.ui.modal.modal-dialog {
  border-radius: 8px;
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 480px; }
  .ui.modal.modal-dialog.legacy:not(.centered) {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%); }
  .ui.modal.modal-dialog .circular-button.secondary, .ui.modal.modal-dialog .internet-payments-wrapper .dropdown-file-selector, .internet-payments-wrapper .ui.modal.modal-dialog .dropdown-file-selector, .ui.modal.modal-dialog .internet-payments-wrapper .download-label-button .download, .internet-payments-wrapper .download-label-button .ui.modal.modal-dialog .download, .ui.modal.modal-dialog .internet-payments-fullscreen-modal > .header.top-title .close-btn, .internet-payments-fullscreen-modal > .header.top-title .ui.modal.modal-dialog .close-btn {
    color: #000000; }
  .ui.modal.modal-dialog .dialog {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: 100%; }
    .ui.modal.modal-dialog .dialog .body {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -ms-flex-item-align: stretch;
          align-self: stretch;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 16px;
      overflow: auto;
      padding: 32px; }
      .ui.modal.modal-dialog .dialog .body .text {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        align-self: stretch;
        display: grid;
        -webkit-box-flex: 1;
            -ms-flex: 1 0 0px;
                flex: 1 0 0;
        gap: 4px; }
        .ui.modal.modal-dialog .dialog .body .text p {
          font-size: 16px;
          font-weight: 400;
          letter-spacing: 0.25px;
          line-height: 24px;
          margin: 0;
          text-align: center; }
          .ui.modal.modal-dialog .dialog .body .text p.bold {
            font-weight: 700; }
    .ui.modal.modal-dialog .dialog .drawer {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -ms-flex-item-align: stretch;
          align-self: stretch;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .ui.modal.modal-dialog .dialog .drawer .top-bar {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -ms-flex-item-align: stretch;
            align-self: stretch;
        border-radius: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 10px;
        height: 56px; }
        .ui.modal.modal-dialog .dialog .drawer .top-bar .top {
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          -ms-flex-item-align: stretch;
              align-self: stretch;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          gap: 16px;
          padding: 8px 16px 8px 16px; }
          .ui.modal.modal-dialog .dialog .drawer .top-bar .top .header {
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 1;
                -ms-flex: 1 0 0px;
                    flex: 1 0 0;
            gap: 10px;
            min-width: 0; }
            .ui.modal.modal-dialog .dialog .drawer .top-bar .top .header .text {
              font-size: 1.42857em;
              font-style: normal;
              font-weight: 400;
              letter-spacing: 0.18px;
              line-height: 24px;
              overflow: hidden;
              padding: 8px 0px;
              text-overflow: ellipsis;
              white-space: nowrap; }
    .ui.modal.modal-dialog .dialog .divider {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-item-align: stretch;
          align-self: stretch;
      background: var(--Outline, rgba(0, 0, 0, 0.16));
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      height: 1px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .ui.modal.modal-dialog .dialog .footer {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-item-align: stretch;
          align-self: stretch;
      border-radius: 8px;
      -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
              box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 16px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 16px; }
      .ui.modal.modal-dialog .dialog .footer .button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin: 0; }
      @media only screen and (max-width: 767px) {
        .ui.modal.modal-dialog .dialog .footer {
          -webkit-box-align: stretch;
              -ms-flex-align: stretch;
                  align-items: stretch;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          gap: 8px; }
          .ui.modal.modal-dialog .dialog .footer .button {
            margin-bottom: 0; } }

.error-popup .popup-trigger {
  cursor: pointer; }

.error-popup .ui.error.popup {
  background-color: #b00300;
  color: #FFF;
  -webkit-font-smoothing: antialiased;
  font-weight: 800;
  max-width: none;
  padding: 0.57143em 0.71429em; }
  .error-popup .ui.error.popup:before {
    background-color: #b00300; }

.phone-number-popup .popup {
  background: url("/img/settings/users/universe.svg") no-repeat;
  width: 400px; }
  @media screen and (max-width: 430px) {
    .phone-number-popup .popup {
      background-size: cover;
      width: 100%; } }

.phone-number-popup .card .circular-button, .phone-number-popup .card .internet-payments-wrapper .dropdown-file-selector, .internet-payments-wrapper .phone-number-popup .card .dropdown-file-selector, .phone-number-popup .card .internet-payments-wrapper .download-label-button .download, .internet-payments-wrapper .download-label-button .phone-number-popup .card .download, .phone-number-popup .card .internet-payments-fullscreen-modal > .header.top-title .close-btn, .internet-payments-fullscreen-modal > .header.top-title .phone-number-popup .card .close-btn {
  color: white; }
  .phone-number-popup .card .circular-button svg, .phone-number-popup .card .internet-payments-wrapper .dropdown-file-selector svg, .internet-payments-wrapper .phone-number-popup .card .dropdown-file-selector svg, .phone-number-popup .card .internet-payments-wrapper .download-label-button .download svg, .internet-payments-wrapper .download-label-button .phone-number-popup .card .download svg, .phone-number-popup .card .internet-payments-fullscreen-modal > .header.top-title .close-btn svg, .internet-payments-fullscreen-modal > .header.top-title .phone-number-popup .card .close-btn svg {
    color: white; }

.phone-number-popup .card .description {
  color: white;
  font-size: 17px;
  line-height: 25px;
  padding: 50px 0px 15px;
  text-align: left; }
  @media screen and (max-width: 400px) {
    .phone-number-popup .card .description {
      padding-left: 0px;
      padding-right: 0px;
      padding-top: 50px; } }

.table-row tr td.no-records {
  text-align: center; }

.field.checkbox-list {
  background-color: #fff; }
  .field.checkbox-list .checkbox-items {
    padding: 0.35714em 0.71429em; }
    .field.checkbox-list .checkbox-items .checkbox-item {
      padding: 0.35714em 0 0.35714em 0; }
    .field.checkbox-list .checkbox-items .padded {
      padding: 0.35714em 0 0.35714em 25px; }

.field.checkbox-single {
  background-color: #fff; }
  .field.checkbox-single .checkbox-cell {
    padding: 0.71429em 0 0 0.71429em; }

.ui.form.grid.padded.stackable .field .date-picker.ui.dropdown.selection.floating {
  border-width: 0 1px;
  padding: 0 !important; }

.ui.form.grid.padded.stackable .field .date-picker .icon.dropdown {
  top: .583333em; }

.draggable-items-list .list-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px; }
  .draggable-items-list .list-item .handle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -10px;
    padding: 10px; }
  .draggable-items-list .list-item .title {
    color: #333333;
    display: inline-block;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    font-size: 15px;
    margin-left: 14px;
    overflow: hidden;
    text-overflow: ellipsis; }
  .draggable-items-list .list-item .remove {
    color: #CCCCCC;
    cursor: pointer;
    text-align: right;
    width: 90px; }

.ui.checkbox.vertical-checkbox, .ui.checkbox.toggle.vertical-toggle {
  padding: 20px 0;
  width: 100%; }
  .ui.checkbox.vertical-checkbox + .vertical-checkbox,
  .ui.checkbox.vertical-checkbox + .toggle.vertical-toggle, .ui.checkbox.toggle.vertical-toggle + .vertical-checkbox,
  .ui.checkbox.toggle.vertical-toggle + .toggle.vertical-toggle {
    border-top: 1px solid #e5e5e5; }
  .ui.checkbox.vertical-checkbox .toggle-note, .ui.checkbox.toggle.vertical-toggle .toggle-note {
    line-height: 1.42857;
    padding-left: 4.286rem; }
  .ui.checkbox.vertical-checkbox label, .ui.checkbox.toggle.vertical-toggle label {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; }

.ui.checkbox.error {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.ui.checkbox.error.toggle > input ~ label:before {
  background-color: #B00300 !important; }

.ui.checkbox.error.toggle > input ~ label:after {
  background-color: #FFFFFF; }

.ui.checkbox.error:not(.toggle):not(.slider) label:before {
  background: #FFFFFF;
  border-color: #B00300; }

.ui.checkbox.error:not(.toggle):not(.slider).checked label:after {
  background: #B00300;
  color: #FFFFFF; }

.ui.checkbox.partially-selected input.hidden:not(:checked) + label:before {
  background-color: #009BF4;
  border: 1px solid #009BF4;
  color: #FFFFFF;
  content: '\2013';
  font-size: 21px;
  font-weight: 800;
  line-height: 13px;
  text-align: center; }

.ui.checkbox.partially-selected input.hidden[disabled]:not(:checked) + label:before {
  background-color: #e5e5e5;
  border: 1px solid #e5e5e5; }

.ui.header + .ui.checkbox.toggle.vertical-toggle {
  padding-top: 0; }

.ui.grid .required-fields {
  padding: 20px 0;
  width: 100%; }

@media only screen and (max-width: 767px) {
  .ui.grid .required-fields {
    padding: 10px 0; } }

.items-list {
  background-color: #fff;
  padding: 0 !important; }
  .items-list .ui.stackable.grid.field > .twelve.wide.column {
    padding: 0 !important; }
    .items-list .ui.stackable.grid.field > .twelve.wide.column .add-gradient-height {
      max-height: 390px;
      overflow-y: auto;
      padding-bottom: 10px; }
    .items-list .ui.stackable.grid.field > .twelve.wide.column .add-gradient-height:after {
      background-image: -webkit-gradient(linear, left bottom, left top, from(#FFFFFF), to(rgba(255, 255, 255, 0)));
      background-image: linear-gradient(to top, #FFFFFF, rgba(255, 255, 255, 0));
      bottom: 0;
      content: '';
      height: 20px;
      left: 0;
      position: absolute;
      right: 10px; }
    .items-list .ui.stackable.grid.field > .twelve.wide.column .launch-modal {
      color: #009bf4;
      padding: 7px; }
      .items-list .ui.stackable.grid.field > .twelve.wide.column .launch-modal .icon {
        color: #009bf4;
        margin-right: 5px; }
    .items-list .ui.stackable.grid.field > .twelve.wide.column .selected-items .list-item {
      border-top: 1px solid #e5e5e5;
      overflow: hidden;
      padding: 7px;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .items-list .ui.stackable.grid.field > .twelve.wide.column .selected-items .list-item .icon {
        color: #cccccc;
        margin-right: 5px; }
      .items-list .ui.stackable.grid.field > .twelve.wide.column .selected-items .list-item .inactive {
        color: #999999;
        font-weight: 600;
        margin-left: 0.42857em; }
  .items-list .ui.stackable.grid.field.disabled > .twelve.wide.column {
    background-color: #f7f7f7; }
    .items-list .ui.stackable.grid.field.disabled > .twelve.wide.column .launch-modal {
      color: #999999; }
      .items-list .ui.stackable.grid.field.disabled > .twelve.wide.column .launch-modal > i.plus {
        color: #999999; }

@media only screen and (max-width: 767px) {
  .items-list .ui.stackable.grid.field > .twelve.wide.column .selected-items {
    overflow-y: hidden; }
    .items-list .ui.stackable.grid.field > .twelve.wide.column .selected-items .list-item:last-child {
      border-bottom: 1px solid #e5e5e5 !important; }
  .items-list .ui.stackable.grid.field > .twelve.wide.column .short-list {
    max-height: 216px; }
  .items-list .ui.stackable.grid.field > .twelve.wide.column .toggle-list {
    color: #009bf4;
    padding: 5px 10px; }
  .items-list .ui.stackable.grid.field > .twelve.wide.column .gradient {
    display: none; } }

.group-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 9px;
  width: 100%; }
  .group-field .grid {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .group-field .ui.form.padded.stackable.grid,
  .group-field .ui.form.padded.grid:not(.vertically):not(.horizontally) {
    margin: 0 !important; }
  .group-field .group-remove-icon {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-shadow: 0 0 0 1px #E5E5E5;
            box-shadow: 0 0 0 1px #E5E5E5;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 36px;
        flex-basis: 36px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    left: 1px;
    padding-top: 9px;
    position: relative; }
    .group-field .group-remove-icon > i.icon {
      margin-right: 0; }
  .group-field .error .dropdown {
    border-bottom: none !important; }

.group-field-container .add-record {
  color: #009BF4;
  display: inline-block;
  font-weight: 800;
  margin-top: 20px;
  padding-left: 0 !important; }
  .group-field-container .add-record.disabled {
    opacity: 0.5;
    pointer-events: none; }
  .group-field-container .add-record:first-child {
    margin-top: 0; }

.ui.grid .group-field-container {
  padding: 0;
  width: 100%; }

@media only screen and (max-width: 767px) {
  .group-field .group-remove-icon {
    margin: 0 0 10px; }
  .group-address .group-record .group-remove-icon {
    height: 560px !important; }
  .group-field-container .add-record {
    margin-top: 10px; } }

.numeric-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 36px; }
  .numeric-field .button {
    font-size: 2em;
    height: 36px;
    line-height: .4em;
    margin: 0;
    min-width: 1.3em;
    padding: .2em 0; }
  .numeric-field .numeric-input {
    border: 1px solid #E5E5E5;
    -webkit-box-shadow: none;
            box-shadow: none;
    height: 36px;
    padding: 0;
    text-align: center;
    width: 36px; }
    .numeric-field .numeric-input:disabled {
      background-color: #FFFFFF !important;
      color: #999999; }
  .numeric-field .decrease {
    border-bottom-right-radius: 0;
    border-right: none;
    border-top-right-radius: 0; }
  .numeric-field .increase {
    border-bottom-left-radius: 0;
    border-left: none;
    border-top-left-radius: 0; }
  .numeric-field .increase:disabled, .numeric-field .decrease:disabled {
    background-color: #FFFFFF !important;
    color: #e5e5e5; }

.field.radio-list {
  background-color: #fff; }
  .field.radio-list .radio-items {
    padding: 0.35714em 0.71429em; }
    .field.radio-list .radio-items .radio-item {
      padding: 0.35714em 0 0.35714em 0; }
      .field.radio-list .radio-items .radio-item .checkbox {
        margin: 0; }

.default.text.not-faded {
  color: #333333 !important; }

.ui.dropdown .inactive {
  color: #999999;
  font-weight: 600;
  margin-left: 0.42857em; }

.ui.dropdown.multiple .ui.label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important; }

.ui.dropdown.multiple .delete.icon {
  margin-bottom: 1px !important; }

.disabled .ui.dropdown.multiple .delete.icon {
  display: none; }

.static-comment-field {
  -webkit-box-shadow: 0 0 0 1px #E5E5E5;
          box-shadow: 0 0 0 1px #E5E5E5;
  padding: 20px;
  width: 100%; }

.image-upload-field .ui.field .preview-wrap {
  -webkit-box-shadow: 0 0 0 1px #e5e5e5;
          box-shadow: 0 0 0 1px #e5e5e5;
  padding: .5714285em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }
  .image-upload-field .ui.field .preview-wrap .preview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .image-upload-field .ui.field .preview-wrap .preview > div.field-remove {
      -ms-flex-item-align: end;
          align-self: flex-end; }

.ui.form.padded.stackable.grid .field .datetime-picker.ui.input.icon {
  border-width: 0 1px;
  padding: 0 !important; }

.ui.form.padded.stackable.grid .field .datetime-picker input {
  width: 100%; }

.ui.form.padded.stackable.grid .field .datetime-picker .icon.dropdown {
  margin-right: 0.25em; }

.checklist-modal {
  max-width: 700px; }
  .checklist-modal .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 50px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 0; }
    .checklist-modal .header .icon {
      color: #cccccc;
      height: auto;
      line-height: 1;
      margin: 0;
      padding: 13px 16px;
      position: absolute;
      right: 0;
      top: 0;
      width: auto; }
  .checklist-modal .content {
    line-height: 1.42857em !important;
    padding: 1.42857em; }
  .checklist-modal .ui.left.icon.input {
    width: 100%; }
  .checklist-modal .ui.checkbox input:checked ~ .box:after, .checklist-modal .ui.checkbox input:checked ~ label {
    font-weight: 800; }
  .checklist-modal .item-checklist ul {
    border: 1px solid #e5e5e5;
    height: 211px;
    margin: 0;
    overflow-y: scroll;
    padding: 0; }
    .checklist-modal .item-checklist ul li {
      border-top: 1px solid #e5e5e5;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: normal;
          -ms-flex-pack: normal;
              justify-content: normal;
      list-style: none;
      padding: 8px 10px; }
      .checklist-modal .item-checklist ul li:first-child {
        border-top: 0; }
      .checklist-modal .item-checklist ul li .description {
        color: #666666;
        margin-left: auto;
        max-width: 50%;
        text-align: right; }
      .checklist-modal .item-checklist ul li.inactive .ui.checkbox {
        cursor: pointer; }
        .checklist-modal .item-checklist ul li.inactive .ui.checkbox label {
          display: inline-block; }
      .checklist-modal .item-checklist ul li.inactive div.inactive-label {
        color: #999999;
        font-weight: 600;
        line-height: 1.28571em;
        margin-left: 0.71429em; }
  .checklist-modal .item-checklist-header {
    background-color: #f7f7f7;
    margin-top: 20px;
    padding: 8px 11px; }
  .checklist-modal .actions {
    background-color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding: 20px; }
    .checklist-modal .actions > .button {
      margin: 0; }
    .checklist-modal .actions .left-action {
      margin-right: auto; }

@media only screen and (max-width: 767px) {
  .checklist-modal {
    width: 300px; }
    .checklist-modal .item-checklist ul li {
      display: block; }
      .checklist-modal .item-checklist ul li .description {
        margin-left: 26px;
        margin-top: 4px;
        max-width: 100%;
        text-align: left; }
    .checklist-modal .actions {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .checklist-modal .actions > div.button.primary {
        margin: 10px 0; } }

.filterable-checklist-dropdown-input {
  padding: 0 1.07143em;
  position: fixed;
  width: 100%; }

.filterable-checklist-dropdown-options {
  margin-top: 39px;
  max-height: 265px;
  overflow-y: auto; }
  .filterable-checklist-dropdown-options .item {
    max-width: 300px; }
    .filterable-checklist-dropdown-options .item label {
      white-space: initial; }
  .filterable-checklist-dropdown-options .active.item {
    font-weight: normal; }

.loading-page {
  height: 40vh; }

.time-picker-wrapper {
  width: 250px; }
  @media only screen and (max-width: 767px) {
    .time-picker-wrapper {
      width: 100%; } }
  .time-picker-wrapper .ui.icon.input {
    width: 100%; }
  .time-picker-wrapper .time-picker.ui.horizontal.segments {
    display: none;
    padding: 0 1.2rem; }
    .time-picker-wrapper .time-picker.ui.horizontal.segments.active {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .time-picker-wrapper .time-picker.ui.horizontal.segments > .segment {
    border-left: none; }
  .time-picker-wrapper .time-picker .picker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 72px; }
    .time-picker-wrapper .time-picker .picker input::-webkit-outer-spin-button,
    .time-picker-wrapper .time-picker .picker input::-webkit-inner-spin-button {
      -webkit-appearance: none; }
    .time-picker-wrapper .time-picker .picker.hours {
      margin-right: 0.5rem; }
    .time-picker-wrapper .time-picker .picker.minutes {
      margin-left: 0.5rem; }
    .time-picker-wrapper .time-picker .picker button.ui.button {
      border: 1px solid #e5e5e5;
      color: #999999;
      line-height: 1.21428571em;
      padding: 0; }
    .time-picker-wrapper .time-picker .picker .top button.ui.button {
      border-bottom: 0;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
    .time-picker-wrapper .time-picker .picker .middle input {
      border-radius: 0;
      font-weight: 800;
      text-align: center; }
      .time-picker-wrapper .time-picker .picker .middle input:focus {
        border-radius: 0; }
    .time-picker-wrapper .time-picker .picker .bottom button.ui.button {
      border-top: 0;
      border-top-left-radius: 0;
      border-top-right-radius: 0; }
  .time-picker-wrapper .time-picker div.ui.vertical.time-divider {
    -ms-flex-item-align: center;
        align-self: center;
    color: #d8d8d8;
    font-size: 1.4rem; }
  .time-picker-wrapper .time-picker div.ui.vertical.meridiem {
    margin-left: 0.5em; }

.file-upload .upload-message {
  margin-bottom: 10px; }

.file-upload input {
  padding: 0 !important; }

.time-picker-field .ui.field.padded.stackable.grid .time-picker-column {
  width: 75%; }
  .time-picker-field .ui.field.padded.stackable.grid .time-picker-column .time-picker-wrapper {
    width: 100%; }

.time-picker-field .ui.field.padded.stackable.grid.error .time-picker-column {
  width: calc(75% - 24px); }

.time-picker-field .ui.field.padded.stackable.grid.error .error-popup {
  padding-top: 7px; }

.time-picker-field .ui.field.padded.stackable.grid.error i.dropdown.icon {
  opacity: 0; }

@media only screen and (max-width: 767px) {
  .time-picker-field .ui.field.padded.stackable.grid .time-picker-column {
    width: 100%; } }

.time-picker-field .ui.field.padded.stackable.grid > div {
  padding: 0 !important; }

.time-picker-field .ui.field.padded.stackable.grid .ui.time-picker.horizontal.segments {
  position: absolute;
  z-index: 10; }
  .time-picker-field .ui.field.padded.stackable.grid .ui.time-picker.horizontal.segments input {
    border: 1px solid #E5E5E5; }
  .time-picker-field .ui.field.padded.stackable.grid .ui.time-picker.horizontal.segments.right-anchored {
    right: 0; }

.field.radio-color-picker {
  background-color: white; }

.static-min-height {
  min-height: 100px; }

.checkbox-tree mark {
  background-color: #ffff01; }

.checkbox-tree .general-search .input {
  width: 100%; }

.checkbox-tree .checkbox-tree-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f7f7f7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 1.42857em;
  min-height: 2.42857em;
  padding: 0.42857em 0.71429em; }
  .checkbox-tree .checkbox-tree-header .expand-actions {
    font-weight: 800; }
    .checkbox-tree .checkbox-tree-header .expand-actions a {
      margin-left: 0.71429em;
      white-space: nowrap; }

.checkbox-tree .ui.checkbox input:checked ~ .box:after,
.checkbox-tree .ui.checkbox input:checked ~ label {
  font-weight: 800; }

.checkbox-tree ul.tree-nodes {
  border: 1px solid #e5e5e5;
  height: 350px;
  margin: 0;
  overflow-y: scroll;
  padding: 0; }
  .checkbox-tree ul.tree-nodes > :first-child > :first-child {
    border-top: none; }
  .checkbox-tree ul.tree-nodes .children {
    display: none; }
    .checkbox-tree ul.tree-nodes .children.active {
      display: block; }
  .checkbox-tree ul.tree-nodes li {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-top: 1px solid #e5e5e5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    list-style: none;
    padding: 0.42857em 0.71429em; }
    .checkbox-tree ul.tree-nodes li .expand-button {
      -ms-flex-item-align: start;
          align-self: flex-start;
      color: #ccc;
      font-weight: 800;
      margin-right: 2px;
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0;
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
      .checkbox-tree ul.tree-nodes li .expand-button.active {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg); }
    .checkbox-tree ul.tree-nodes li.tree-level-1 {
      border-left: 4px solid #999; }
      .checkbox-tree ul.tree-nodes li.tree-level-1 .expand-button {
        margin-right: 1.71429em; }
        .checkbox-tree ul.tree-nodes li.tree-level-1 .expand-button.placeholder {
          margin-left: 2px;
          margin-right: 3.21429em; }
    .checkbox-tree ul.tree-nodes li.tree-level-2 {
      border-left: 9px solid #ccc;
      padding-left: 5.42857em; }
    .checkbox-tree ul.tree-nodes li > .ui.checkbox {
      width: 100%; }
  .checkbox-tree ul.tree-nodes p.name-detail.tree-level-2 {
    border-left: 9px solid #ccc;
    padding-left: 5.42857em; }

@media only screen and (max-width: 767px) {
  .checkbox-tree .checkbox-tree-header {
    padding: 0.92857em 0.71429em; }
    .checkbox-tree .checkbox-tree-header .expand-actions {
      text-align: right; }
  .checkbox-tree ul.tree-nodes li {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0.78571em 0.71429em; }
    .checkbox-tree ul.tree-nodes li .expand-button {
      margin: 0 !important;
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
    .checkbox-tree ul.tree-nodes li.tree-level-1 {
      padding-left: 32px; }
    .checkbox-tree ul.tree-nodes li.tree-level-2 {
      padding-left: 52px; }
  .checkbox-tree ul.tree-nodes p.name-detail.tree-level-2 {
    padding-left: 52px; } }

.modifier-tree .ui.stackable.grid.field > .twelve.wide.column {
  padding: 0 !important; }

.sortable-objects > div .modifier-tree:not(:last-child) {
  border-bottom: 1px solid #e5e5e5; }

.list > div .modifier-tree:not(:last-child) {
  border-bottom: 1px solid #e5e5e5; }

.modifier-tree .list {
  padding: 0 !important; }
  .modifier-tree .list .launch-modal {
    color: #009BF4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 10px; }
    .modifier-tree .list .launch-modal:hover {
      background-color: #e5f5fe; }
    .modifier-tree .list .launch-modal .icon {
      margin: 0 10px 0 0; }
  .modifier-tree .list .header {
    background-color: #f7f7f7;
    color: #333333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: bold;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    padding: 8px 10px; }
    .modifier-tree .list .header .label {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      margin-left: 48px; }
    .modifier-tree .list .header .data {
      padding: 0px 10px 0px 10px;
      text-align: end;
      width: 90px; }

.modifier-tree .draggable-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  width: 100%; }

.modifier-tree .sort-object .items {
  display: none; }
  .modifier-tree .sort-object .items > .active {
    font-weight: 800; }
  .modifier-tree .sort-object .items .label {
    cursor: pointer;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin: auto;
    overflow: auto;
    padding-left: 50px;
    white-space: nowrap; }
  .modifier-tree .sort-object .items .default {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 70px; }
    .modifier-tree .sort-object .items .default .no-label {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: auto;
      padding: 0 !important; }
    .modifier-tree .sort-object .items .default .modifier-checkbox {
      padding: 0; }
      .modifier-tree .sort-object .items .default .modifier-checkbox label {
        padding: 0 !important; }
  .modifier-tree .sort-object .items .field, .modifier-tree .sort-object .items .field-placeholder {
    border-radius: 0.28571429rem;
    margin: 0px 10px 0px 10px;
    width: 70px; }
  .modifier-tree .sort-object .items .field input {
    border-radius: 0.28571429rem !important;
    text-align: end; }
  .modifier-tree .sort-object .items > div {
    border-top: 1px solid #e5e5e5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 8px 10px; }
    .modifier-tree .sort-object .items > div:hover {
      background-color: #e5f5fe; }
    .modifier-tree .sort-object .items > div .select {
      margin-left: 56px; }

.modifier-tree .sort-object.active .items {
  display: block; }

.modifier-tree .sort-object.active .status {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1); }

.modifier-tree .sort-object .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 10px; }
  .modifier-tree .sort-object .head .icon {
    margin: 0 10px 0 0; }
  .modifier-tree .sort-object .head .remove {
    color: #CCCCCC;
    cursor: pointer;
    margin-left: auto;
    text-align: right;
    width: 90px; }
  .modifier-tree .sort-object .head .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-left: 10px;
    overflow: auto; }
  .modifier-tree .sort-object .head .default {
    text-align: center;
    width: 70px; }
  .modifier-tree .sort-object .head .status {
    color: #999999;
    margin: -10px;
    padding: 10px;
    padding-left: 15px;
    text-align: right; }
    .modifier-tree .sort-object .head .status .dropdown.icon {
      font-size: 0.85714286em;
      margin: 0; }
  .modifier-tree .sort-object .head:hover {
    background-color: #e5f5fe; }
    .modifier-tree .sort-object .head:hover .remove, .modifier-tree .sort-object .head:hover .status {
      color: #009BF4; }

.modifier-tree .sortable-objects {
  border: 1px solid #e5e5e5;
  border-radius: 4px; }
  .modifier-tree .sortable-objects .is-dragging-object .items {
    display: none; }
  .modifier-tree .sortable-objects .draggable-item .text {
    color: #333333;
    font-size: 15px;
    margin-left: 14px; }
  .modifier-tree .sortable-objects .draggable-item .handle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -10px;
    padding: 10px; }
  .modifier-tree .sortable-objects .draggable-item:hover {
    background-color: #e5f5fe; }
    .modifier-tree .sortable-objects .draggable-item:hover .remove, .modifier-tree .sortable-objects .draggable-item:hover .status {
      color: #009BF4; }
  .modifier-tree .sortable-objects.is-dragging-object ~ div:not(.is-dragging-object) .draggable-item:hover {
    background-color: #FFFFFF; }
    .modifier-tree .sortable-objects.is-dragging-object ~ div:not(.is-dragging-object) .draggable-item:hover .remove, .modifier-tree .sortable-objects.is-dragging-object ~ div:not(.is-dragging-object) .draggable-item:hover .status {
      color: #CCCCCC; }

.modifier-tree .disabled .sortable-objects {
  border: none; }

.modifier-tree .disabled .header .label, .modifier-tree .disabled .sort-object .title, .modifier-tree .disabled .sort-object .text {
  margin-left: 0; }

.report-tree .report-node.alert .ui.table {
  border-bottom: none !important; }
  .report-tree .report-node.alert .ui.table .warning {
    border: none !important; }

.report-tree .report-node.ticket-details-general-info, .report-tree .report-node.ticket-details-per-item, .report-tree .report-node.ticket-details-general-totals {
  padding-top: 20px;
  position: relative !important; }
  .report-tree .report-node.ticket-details-general-info .content, .report-tree .report-node.ticket-details-per-item .content, .report-tree .report-node.ticket-details-general-totals .content {
    white-space: nowrap; }

.report-tree .report-node.ticket-details-per-item .ui.celled.table {
  table-layout: auto; }

.report-tree .report-node.ticket-details-general-totals {
  padding-bottom: 10px;
  width: 31.2%; }

.report-tree .report-node .row {
  position: sticky;
  position: -webkit-sticky;
  top: 0; }
  .report-tree .report-node .row .col {
    background-color: #FFFFFF; }
    .report-tree .report-node .row .col .content.money, .report-tree .report-node .row .col .content.integer, .report-tree .report-node .row .col .content.float, .report-tree .report-node .row .col .content.date, .report-tree .report-node .row .col .content.time, .report-tree .report-node .row .col .content.datetime, .report-tree .report-node .row .col .content.duration, .report-tree .report-node .row .col .content.percent {
      white-space: nowrap; }
    .report-tree .report-node .row .col .content.set, .report-tree .report-node .row .col .content.hyperlink, .report-tree .report-node .row .col .content.string {
      text-align: left; }
    .report-tree .report-node .row .col.header {
      white-space: nowrap; }
    .report-tree .report-node .row .col.color-muted .content {
      background-color: #EEEEEE; }
    .report-tree .report-node .row .col.color-success .content {
      background-color: #48AA2F; }
    .report-tree .report-node .row .col.color-warning .content {
      background-color: #F6A735; }
    .report-tree .report-node .row .col.color-error .content {
      background-color: #B00300;
      color: #FFFFFF; }
    .report-tree .report-node .row .col.color-info .content {
      background-color: #009BF4;
      color: #FFFFFF; }
    .report-tree .report-node .row .col.color-teal .content {
      background-color: #f1fbff; }
    .report-tree .report-node .row .col.color-scale .content {
      -webkit-animation: color-scale 100s linear infinite;
              animation: color-scale 100s linear infinite;
      -webkit-animation-delay: -0s;
              animation-delay: -0s;
      -webkit-animation-direction: alternate;
              animation-direction: alternate;
      -webkit-animation-play-state: paused;
              animation-play-state: paused;
      background-color: transparent; }
  .report-tree .report-node .row.type-normal {
    font-weight: normal; }
  .report-tree .report-node .row.level-1 > .col:first-child .content {
    border-left: 1px solid #e5e5e5; }
  .report-tree .report-node .row.level-2 > .col:first-child .content {
    border-left: 4px solid #999;
    margin-left: 0.71429em; }
  .report-tree .report-node .row.level-3 > .col:first-child .content {
    border-left: 9px solid #ccc;
    margin-left: 1.42857em; }
  .report-tree .report-node .row.level-4 > .col:first-child .content {
    border-left: 14px solid #e5e5e5;
    margin-left: 2.14286em; }
  .report-tree .report-node .row .dropdown-button {
    -ms-flex-item-align: start;
        align-self: flex-start;
    color: #999999;
    line-height: 1;
    margin-right: 2px;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }
    .report-tree .report-node .row .dropdown-button.active {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
  .report-tree .report-node .row .copy-json {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 4px; }
    .report-tree .report-node .row .copy-json svg {
      height: 18px;
      width: 18px; }
      .report-tree .report-node .row .copy-json svg path {
        fill: #136EF6;
        fill-opacity: 1; }
  .report-tree .report-node .row .tooltip {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 10px;
    width: 100%; }

.report-tree .report-node .header-row {
  position: sticky;
  position: -webkit-sticky;
  top: 0; }

.report-tree .report-node .sticky-col {
  left: 0;
  position: sticky;
  position: -webkit-sticky;
  z-index: 1; }
  .report-tree .report-node .sticky-col::after {
    bottom: 0;
    -webkit-box-shadow: inset -1px 0 #e5e5e5;
            box-shadow: inset -1px 0 #e5e5e5;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0; }

.report-tree .report-node .sticky-row {
  position: sticky;
  position: -webkit-sticky;
  z-index: 1; }

.report-tree .report-node .expanded {
  font-weight: bold !important; }

.report-tree .report-node .sticky-row.sticky-col {
  z-index: 2; }

.report-tree .report-node .sticky-height-1 tr.level-1 {
  top: 48px; }

.report-tree .report-node .sticky-height-1 tr.level-2 {
  top: 97px; }

.report-tree .report-node .sticky-height-1 tr.level-3 {
  top: 146px; }

.report-tree .report-node .sticky-height-1 tr.level-4 {
  top: 195px; }

.report-tree .report-node .sticky-height-2 tr.level-1 {
  top: 96px; }

.report-tree .report-node .sticky-height-2 tr.level-2 {
  top: 145px; }

.report-tree .report-node .sticky-height-2 tr.level-3 {
  top: 194px; }

.report-tree .report-node .sticky-height-2 tr.level-4 {
  top: 243px; }

.report-tree .report-node .sticky-height-2 tr.header-level-0 {
  z-index: 2; }

.report-tree .report-node .sticky-height-2 tr.header-level-1 {
  top: 48px;
  z-index: 1; }

.report-tree .report-node.ticket-details-general-info .row.data.level-1 td {
  font-weight: normal !important; }

@-webkit-keyframes color-scale {
  0% {
    background-color: #ff7f7d; }
  1% {
    background-color: #ff8280; }
  2% {
    background-color: #ff8482; }
  3% {
    background-color: #ff8785; }
  4% {
    background-color: #ff8987; }
  5% {
    background-color: #ff8c8a; }
  6% {
    background-color: #ff8e8c; }
  7% {
    background-color: #ff918f; }
  8% {
    background-color: #ff9391; }
  9% {
    background-color: #ff9694; }
  10% {
    background-color: #ff9897; }
  11% {
    background-color: #ff9b99; }
  12% {
    background-color: #ff9d9c; }
  13% {
    background-color: #ffa09e; }
  14% {
    background-color: #ffa2a1; }
  15% {
    background-color: #ffa5a3; }
  16% {
    background-color: #ffa7a6; }
  17% {
    background-color: #ffaaa8; }
  18% {
    background-color: #ffacab; }
  19% {
    background-color: #ffafad; }
  20% {
    background-color: #ffb1b0; }
  21% {
    background-color: #ffb4b3; }
  22% {
    background-color: #ffb6b5; }
  23% {
    background-color: #ffb9b8; }
  24% {
    background-color: #ffbbba; }
  25% {
    background-color: #ffbebd; }
  26% {
    background-color: #ffc0bf; }
  27% {
    background-color: #ffc3c2; }
  28% {
    background-color: #ffc5c4; }
  29% {
    background-color: #ffc8c7; }
  30% {
    background-color: #ffcaca; }
  31% {
    background-color: #ffcdcc; }
  32% {
    background-color: #ffcfcf; }
  33% {
    background-color: #ffd2d1; }
  34% {
    background-color: #ffd4d4; }
  35% {
    background-color: #ffd7d6; }
  36% {
    background-color: #ffd9d9; }
  37% {
    background-color: #ffdcdb; }
  38% {
    background-color: #ffdede; }
  39% {
    background-color: #ffe1e0; }
  40% {
    background-color: #ffe3e3; }
  41% {
    background-color: #ffe6e6; }
  42% {
    background-color: #ffe8e8; }
  43% {
    background-color: #ffebeb; }
  44% {
    background-color: #ffeeed; }
  45% {
    background-color: #fff0f0; }
  46% {
    background-color: #fff3f2; }
  47% {
    background-color: #fff5f5; }
  48% {
    background-color: #fff8f7; }
  49% {
    background-color: snow; }
  100% {
    background-color: #b2e6a5; }
  99% {
    background-color: #b4e7a7; }
  98% {
    background-color: #b6e7a9; }
  97% {
    background-color: #b8e8ab; }
  96% {
    background-color: #b9e8ad; }
  95% {
    background-color: #bbe9af; }
  94% {
    background-color: #bdeab1; }
  93% {
    background-color: #beeab3; }
  92% {
    background-color: #c0ebb5; }
  91% {
    background-color: #c2ebb7; }
  90% {
    background-color: #c4ecb9; }
  89% {
    background-color: #c5ecbb; }
  88% {
    background-color: #c7edbd; }
  87% {
    background-color: #c9edbf; }
  86% {
    background-color: #caeec1; }
  85% {
    background-color: #cceec3; }
  84% {
    background-color: #ceefc5; }
  83% {
    background-color: #cff0c7; }
  82% {
    background-color: #d1f0c9; }
  81% {
    background-color: #d3f1cb; }
  80% {
    background-color: #d5f1cd; }
  79% {
    background-color: #d6f2cf; }
  78% {
    background-color: #d8f2d1; }
  77% {
    background-color: #daf3d3; }
  76% {
    background-color: #dbf3d5; }
  75% {
    background-color: #ddf4d7; }
  74% {
    background-color: #dff5d9; }
  73% {
    background-color: #e0f5db; }
  72% {
    background-color: #e2f6dd; }
  71% {
    background-color: #e4f6df; }
  70% {
    background-color: #e6f7e1; }
  69% {
    background-color: #e7f7e3; }
  68% {
    background-color: #e9f8e5; }
  67% {
    background-color: #ebf8e7; }
  66% {
    background-color: #ecf9e9; }
  65% {
    background-color: #eefaeb; }
  64% {
    background-color: #f0faed; }
  63% {
    background-color: #f2fbef; }
  62% {
    background-color: #f3fbf1; }
  61% {
    background-color: #f5fcf3; }
  60% {
    background-color: #f7fcf5; }
  59% {
    background-color: #f8fdf7; }
  58% {
    background-color: #fafdf9; }
  57% {
    background-color: #fcfefb; }
  56% {
    background-color: #fdfffd; }
  55% {
    background-color: white; }
  54% {
    background-color: white; }
  53% {
    background-color: white; }
  52% {
    background-color: white; }
  51% {
    background-color: white; } }

@keyframes color-scale {
  0% {
    background-color: #ff7f7d; }
  1% {
    background-color: #ff8280; }
  2% {
    background-color: #ff8482; }
  3% {
    background-color: #ff8785; }
  4% {
    background-color: #ff8987; }
  5% {
    background-color: #ff8c8a; }
  6% {
    background-color: #ff8e8c; }
  7% {
    background-color: #ff918f; }
  8% {
    background-color: #ff9391; }
  9% {
    background-color: #ff9694; }
  10% {
    background-color: #ff9897; }
  11% {
    background-color: #ff9b99; }
  12% {
    background-color: #ff9d9c; }
  13% {
    background-color: #ffa09e; }
  14% {
    background-color: #ffa2a1; }
  15% {
    background-color: #ffa5a3; }
  16% {
    background-color: #ffa7a6; }
  17% {
    background-color: #ffaaa8; }
  18% {
    background-color: #ffacab; }
  19% {
    background-color: #ffafad; }
  20% {
    background-color: #ffb1b0; }
  21% {
    background-color: #ffb4b3; }
  22% {
    background-color: #ffb6b5; }
  23% {
    background-color: #ffb9b8; }
  24% {
    background-color: #ffbbba; }
  25% {
    background-color: #ffbebd; }
  26% {
    background-color: #ffc0bf; }
  27% {
    background-color: #ffc3c2; }
  28% {
    background-color: #ffc5c4; }
  29% {
    background-color: #ffc8c7; }
  30% {
    background-color: #ffcaca; }
  31% {
    background-color: #ffcdcc; }
  32% {
    background-color: #ffcfcf; }
  33% {
    background-color: #ffd2d1; }
  34% {
    background-color: #ffd4d4; }
  35% {
    background-color: #ffd7d6; }
  36% {
    background-color: #ffd9d9; }
  37% {
    background-color: #ffdcdb; }
  38% {
    background-color: #ffdede; }
  39% {
    background-color: #ffe1e0; }
  40% {
    background-color: #ffe3e3; }
  41% {
    background-color: #ffe6e6; }
  42% {
    background-color: #ffe8e8; }
  43% {
    background-color: #ffebeb; }
  44% {
    background-color: #ffeeed; }
  45% {
    background-color: #fff0f0; }
  46% {
    background-color: #fff3f2; }
  47% {
    background-color: #fff5f5; }
  48% {
    background-color: #fff8f7; }
  49% {
    background-color: snow; }
  100% {
    background-color: #b2e6a5; }
  99% {
    background-color: #b4e7a7; }
  98% {
    background-color: #b6e7a9; }
  97% {
    background-color: #b8e8ab; }
  96% {
    background-color: #b9e8ad; }
  95% {
    background-color: #bbe9af; }
  94% {
    background-color: #bdeab1; }
  93% {
    background-color: #beeab3; }
  92% {
    background-color: #c0ebb5; }
  91% {
    background-color: #c2ebb7; }
  90% {
    background-color: #c4ecb9; }
  89% {
    background-color: #c5ecbb; }
  88% {
    background-color: #c7edbd; }
  87% {
    background-color: #c9edbf; }
  86% {
    background-color: #caeec1; }
  85% {
    background-color: #cceec3; }
  84% {
    background-color: #ceefc5; }
  83% {
    background-color: #cff0c7; }
  82% {
    background-color: #d1f0c9; }
  81% {
    background-color: #d3f1cb; }
  80% {
    background-color: #d5f1cd; }
  79% {
    background-color: #d6f2cf; }
  78% {
    background-color: #d8f2d1; }
  77% {
    background-color: #daf3d3; }
  76% {
    background-color: #dbf3d5; }
  75% {
    background-color: #ddf4d7; }
  74% {
    background-color: #dff5d9; }
  73% {
    background-color: #e0f5db; }
  72% {
    background-color: #e2f6dd; }
  71% {
    background-color: #e4f6df; }
  70% {
    background-color: #e6f7e1; }
  69% {
    background-color: #e7f7e3; }
  68% {
    background-color: #e9f8e5; }
  67% {
    background-color: #ebf8e7; }
  66% {
    background-color: #ecf9e9; }
  65% {
    background-color: #eefaeb; }
  64% {
    background-color: #f0faed; }
  63% {
    background-color: #f2fbef; }
  62% {
    background-color: #f3fbf1; }
  61% {
    background-color: #f5fcf3; }
  60% {
    background-color: #f7fcf5; }
  59% {
    background-color: #f8fdf7; }
  58% {
    background-color: #fafdf9; }
  57% {
    background-color: #fcfefb; }
  56% {
    background-color: #fdfffd; }
  55% {
    background-color: white; }
  54% {
    background-color: white; }
  53% {
    background-color: white; }
  52% {
    background-color: white; }
  51% {
    background-color: white; } }

.color-scale[data-percent^='0%'] {
  -webkit-animation-delay: -0s !important;
          animation-delay: -0s !important; }

.color-scale[data-percent^='1%'] {
  -webkit-animation-delay: -1s !important;
          animation-delay: -1s !important; }

.color-scale[data-percent^='2%'] {
  -webkit-animation-delay: -2s !important;
          animation-delay: -2s !important; }

.color-scale[data-percent^='3%'] {
  -webkit-animation-delay: -3s !important;
          animation-delay: -3s !important; }

.color-scale[data-percent^='4%'] {
  -webkit-animation-delay: -4s !important;
          animation-delay: -4s !important; }

.color-scale[data-percent^='5%'] {
  -webkit-animation-delay: -5s !important;
          animation-delay: -5s !important; }

.color-scale[data-percent^='6%'] {
  -webkit-animation-delay: -6s !important;
          animation-delay: -6s !important; }

.color-scale[data-percent^='7%'] {
  -webkit-animation-delay: -7s !important;
          animation-delay: -7s !important; }

.color-scale[data-percent^='8%'] {
  -webkit-animation-delay: -8s !important;
          animation-delay: -8s !important; }

.color-scale[data-percent^='9%'] {
  -webkit-animation-delay: -9s !important;
          animation-delay: -9s !important; }

.color-scale[data-percent^='10%'] {
  -webkit-animation-delay: -10s !important;
          animation-delay: -10s !important; }

.color-scale[data-percent^='11%'] {
  -webkit-animation-delay: -11s !important;
          animation-delay: -11s !important; }

.color-scale[data-percent^='12%'] {
  -webkit-animation-delay: -12s !important;
          animation-delay: -12s !important; }

.color-scale[data-percent^='13%'] {
  -webkit-animation-delay: -13s !important;
          animation-delay: -13s !important; }

.color-scale[data-percent^='14%'] {
  -webkit-animation-delay: -14s !important;
          animation-delay: -14s !important; }

.color-scale[data-percent^='15%'] {
  -webkit-animation-delay: -15s !important;
          animation-delay: -15s !important; }

.color-scale[data-percent^='16%'] {
  -webkit-animation-delay: -16s !important;
          animation-delay: -16s !important; }

.color-scale[data-percent^='17%'] {
  -webkit-animation-delay: -17s !important;
          animation-delay: -17s !important; }

.color-scale[data-percent^='18%'] {
  -webkit-animation-delay: -18s !important;
          animation-delay: -18s !important; }

.color-scale[data-percent^='19%'] {
  -webkit-animation-delay: -19s !important;
          animation-delay: -19s !important; }

.color-scale[data-percent^='20%'] {
  -webkit-animation-delay: -20s !important;
          animation-delay: -20s !important; }

.color-scale[data-percent^='21%'] {
  -webkit-animation-delay: -21s !important;
          animation-delay: -21s !important; }

.color-scale[data-percent^='22%'] {
  -webkit-animation-delay: -22s !important;
          animation-delay: -22s !important; }

.color-scale[data-percent^='23%'] {
  -webkit-animation-delay: -23s !important;
          animation-delay: -23s !important; }

.color-scale[data-percent^='24%'] {
  -webkit-animation-delay: -24s !important;
          animation-delay: -24s !important; }

.color-scale[data-percent^='25%'] {
  -webkit-animation-delay: -25s !important;
          animation-delay: -25s !important; }

.color-scale[data-percent^='26%'] {
  -webkit-animation-delay: -26s !important;
          animation-delay: -26s !important; }

.color-scale[data-percent^='27%'] {
  -webkit-animation-delay: -27s !important;
          animation-delay: -27s !important; }

.color-scale[data-percent^='28%'] {
  -webkit-animation-delay: -28s !important;
          animation-delay: -28s !important; }

.color-scale[data-percent^='29%'] {
  -webkit-animation-delay: -29s !important;
          animation-delay: -29s !important; }

.color-scale[data-percent^='30%'] {
  -webkit-animation-delay: -30s !important;
          animation-delay: -30s !important; }

.color-scale[data-percent^='31%'] {
  -webkit-animation-delay: -31s !important;
          animation-delay: -31s !important; }

.color-scale[data-percent^='32%'] {
  -webkit-animation-delay: -32s !important;
          animation-delay: -32s !important; }

.color-scale[data-percent^='33%'] {
  -webkit-animation-delay: -33s !important;
          animation-delay: -33s !important; }

.color-scale[data-percent^='34%'] {
  -webkit-animation-delay: -34s !important;
          animation-delay: -34s !important; }

.color-scale[data-percent^='35%'] {
  -webkit-animation-delay: -35s !important;
          animation-delay: -35s !important; }

.color-scale[data-percent^='36%'] {
  -webkit-animation-delay: -36s !important;
          animation-delay: -36s !important; }

.color-scale[data-percent^='37%'] {
  -webkit-animation-delay: -37s !important;
          animation-delay: -37s !important; }

.color-scale[data-percent^='38%'] {
  -webkit-animation-delay: -38s !important;
          animation-delay: -38s !important; }

.color-scale[data-percent^='39%'] {
  -webkit-animation-delay: -39s !important;
          animation-delay: -39s !important; }

.color-scale[data-percent^='40%'] {
  -webkit-animation-delay: -40s !important;
          animation-delay: -40s !important; }

.color-scale[data-percent^='41%'] {
  -webkit-animation-delay: -41s !important;
          animation-delay: -41s !important; }

.color-scale[data-percent^='42%'] {
  -webkit-animation-delay: -42s !important;
          animation-delay: -42s !important; }

.color-scale[data-percent^='43%'] {
  -webkit-animation-delay: -43s !important;
          animation-delay: -43s !important; }

.color-scale[data-percent^='44%'] {
  -webkit-animation-delay: -44s !important;
          animation-delay: -44s !important; }

.color-scale[data-percent^='45%'] {
  -webkit-animation-delay: -45s !important;
          animation-delay: -45s !important; }

.color-scale[data-percent^='46%'] {
  -webkit-animation-delay: -46s !important;
          animation-delay: -46s !important; }

.color-scale[data-percent^='47%'] {
  -webkit-animation-delay: -47s !important;
          animation-delay: -47s !important; }

.color-scale[data-percent^='48%'] {
  -webkit-animation-delay: -48s !important;
          animation-delay: -48s !important; }

.color-scale[data-percent^='49%'] {
  -webkit-animation-delay: -49s !important;
          animation-delay: -49s !important; }

.color-scale[data-percent^='50%'] {
  -webkit-animation-delay: -50s !important;
          animation-delay: -50s !important; }

.color-scale[data-percent^='51%'] {
  -webkit-animation-delay: -51s !important;
          animation-delay: -51s !important; }

.color-scale[data-percent^='52%'] {
  -webkit-animation-delay: -52s !important;
          animation-delay: -52s !important; }

.color-scale[data-percent^='53%'] {
  -webkit-animation-delay: -53s !important;
          animation-delay: -53s !important; }

.color-scale[data-percent^='54%'] {
  -webkit-animation-delay: -54s !important;
          animation-delay: -54s !important; }

.color-scale[data-percent^='55%'] {
  -webkit-animation-delay: -55s !important;
          animation-delay: -55s !important; }

.color-scale[data-percent^='56%'] {
  -webkit-animation-delay: -56s !important;
          animation-delay: -56s !important; }

.color-scale[data-percent^='57%'] {
  -webkit-animation-delay: -57s !important;
          animation-delay: -57s !important; }

.color-scale[data-percent^='58%'] {
  -webkit-animation-delay: -58s !important;
          animation-delay: -58s !important; }

.color-scale[data-percent^='59%'] {
  -webkit-animation-delay: -59s !important;
          animation-delay: -59s !important; }

.color-scale[data-percent^='60%'] {
  -webkit-animation-delay: -60s !important;
          animation-delay: -60s !important; }

.color-scale[data-percent^='61%'] {
  -webkit-animation-delay: -61s !important;
          animation-delay: -61s !important; }

.color-scale[data-percent^='62%'] {
  -webkit-animation-delay: -62s !important;
          animation-delay: -62s !important; }

.color-scale[data-percent^='63%'] {
  -webkit-animation-delay: -63s !important;
          animation-delay: -63s !important; }

.color-scale[data-percent^='64%'] {
  -webkit-animation-delay: -64s !important;
          animation-delay: -64s !important; }

.color-scale[data-percent^='65%'] {
  -webkit-animation-delay: -65s !important;
          animation-delay: -65s !important; }

.color-scale[data-percent^='66%'] {
  -webkit-animation-delay: -66s !important;
          animation-delay: -66s !important; }

.color-scale[data-percent^='67%'] {
  -webkit-animation-delay: -67s !important;
          animation-delay: -67s !important; }

.color-scale[data-percent^='68%'] {
  -webkit-animation-delay: -68s !important;
          animation-delay: -68s !important; }

.color-scale[data-percent^='69%'] {
  -webkit-animation-delay: -69s !important;
          animation-delay: -69s !important; }

.color-scale[data-percent^='70%'] {
  -webkit-animation-delay: -70s !important;
          animation-delay: -70s !important; }

.color-scale[data-percent^='71%'] {
  -webkit-animation-delay: -71s !important;
          animation-delay: -71s !important; }

.color-scale[data-percent^='72%'] {
  -webkit-animation-delay: -72s !important;
          animation-delay: -72s !important; }

.color-scale[data-percent^='73%'] {
  -webkit-animation-delay: -73s !important;
          animation-delay: -73s !important; }

.color-scale[data-percent^='74%'] {
  -webkit-animation-delay: -74s !important;
          animation-delay: -74s !important; }

.color-scale[data-percent^='75%'] {
  -webkit-animation-delay: -75s !important;
          animation-delay: -75s !important; }

.color-scale[data-percent^='76%'] {
  -webkit-animation-delay: -76s !important;
          animation-delay: -76s !important; }

.color-scale[data-percent^='77%'] {
  -webkit-animation-delay: -77s !important;
          animation-delay: -77s !important; }

.color-scale[data-percent^='78%'] {
  -webkit-animation-delay: -78s !important;
          animation-delay: -78s !important; }

.color-scale[data-percent^='79%'] {
  -webkit-animation-delay: -79s !important;
          animation-delay: -79s !important; }

.color-scale[data-percent^='80%'] {
  -webkit-animation-delay: -80s !important;
          animation-delay: -80s !important; }

.color-scale[data-percent^='81%'] {
  -webkit-animation-delay: -81s !important;
          animation-delay: -81s !important; }

.color-scale[data-percent^='82%'] {
  -webkit-animation-delay: -82s !important;
          animation-delay: -82s !important; }

.color-scale[data-percent^='83%'] {
  -webkit-animation-delay: -83s !important;
          animation-delay: -83s !important; }

.color-scale[data-percent^='84%'] {
  -webkit-animation-delay: -84s !important;
          animation-delay: -84s !important; }

.color-scale[data-percent^='85%'] {
  -webkit-animation-delay: -85s !important;
          animation-delay: -85s !important; }

.color-scale[data-percent^='86%'] {
  -webkit-animation-delay: -86s !important;
          animation-delay: -86s !important; }

.color-scale[data-percent^='87%'] {
  -webkit-animation-delay: -87s !important;
          animation-delay: -87s !important; }

.color-scale[data-percent^='88%'] {
  -webkit-animation-delay: -88s !important;
          animation-delay: -88s !important; }

.color-scale[data-percent^='89%'] {
  -webkit-animation-delay: -89s !important;
          animation-delay: -89s !important; }

.color-scale[data-percent^='90%'] {
  -webkit-animation-delay: -90s !important;
          animation-delay: -90s !important; }

.color-scale[data-percent^='91%'] {
  -webkit-animation-delay: -91s !important;
          animation-delay: -91s !important; }

.color-scale[data-percent^='92%'] {
  -webkit-animation-delay: -92s !important;
          animation-delay: -92s !important; }

.color-scale[data-percent^='93%'] {
  -webkit-animation-delay: -93s !important;
          animation-delay: -93s !important; }

.color-scale[data-percent^='94%'] {
  -webkit-animation-delay: -94s !important;
          animation-delay: -94s !important; }

.color-scale[data-percent^='95%'] {
  -webkit-animation-delay: -95s !important;
          animation-delay: -95s !important; }

.color-scale[data-percent^='96%'] {
  -webkit-animation-delay: -96s !important;
          animation-delay: -96s !important; }

.color-scale[data-percent^='97%'] {
  -webkit-animation-delay: -97s !important;
          animation-delay: -97s !important; }

.color-scale[data-percent^='98%'] {
  -webkit-animation-delay: -98s !important;
          animation-delay: -98s !important; }

.color-scale[data-percent^='99%'] {
  -webkit-animation-delay: -99s !important;
          animation-delay: -99s !important; }

.color-scale[data-percent^='100%'] {
  -webkit-animation-delay: -100s !important;
          animation-delay: -100s !important; }

.ui.popup.copy-json-popup {
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto; }
  .ui.popup.copy-json-popup .json-tooltip-content {
    margin: 0; }
    @media (max-width: 768px) {
      .ui.popup.copy-json-popup .json-tooltip-content {
        max-width: 90vw;
        white-space: pre-wrap;
        word-wrap: break-word; } }

.checklist-modal .selection-container {
  -ms-flex-item-align: center;
      align-self: center; }
  .checklist-modal .selection-container .deselected {
    display: inline-block;
    padding-left: 5px; }
  .checklist-modal .selection-container .selected {
    display: inline-block; }

ul.dispute-activity {
  list-style: none;
  margin: 0;
  padding: 3px; }
  ul.dispute-activity li.past-days {
    color: #666666;
    margin-bottom: 12px; }
  ul.dispute-activity .days {
    background: #e2e2e2;
    border-radius: 8px;
    color: #666666;
    font-weight: bold;
    margin-left: 12px;
    padding: 0 6px; }

.field-selector-group {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 36px; }
  .field-selector-group .field-selector {
    -webkit-box-shadow: 1px 0 0 0 #e5e5e5, 0 -1px 0 0 #e5e5e5;
            box-shadow: 1px 0 0 0 #e5e5e5, 0 -1px 0 0 #e5e5e5;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding-top: 8px;
    width: 30px; }
  .field-selector-group .field-main {
    -webkit-box-shadow: 0 1px 0 0 #e5e5e5, 0 -1px 0 0 #e5e5e5;
            box-shadow: 0 1px 0 0 #e5e5e5, 0 -1px 0 0 #e5e5e5;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    .field-selector-group .field-main.ui.grid {
      margin: 0 0 1px 1px; }
      .field-selector-group .field-main.ui.grid .column {
        padding: 0; }
    .field-selector-group .field-main .ui.checkbox.toggle {
      margin: 8px; }
  .field-selector-group:last-of-type .field-selector {
    -webkit-box-shadow: 1px 0 0 0 #e5e5e5, 0 -1px 0 0 #e5e5e5, 0 1px 0 0 #e5e5e5;
            box-shadow: 1px 0 0 0 #e5e5e5, 0 -1px 0 0 #e5e5e5, 0 1px 0 0 #e5e5e5; }
  .field-selector-group:last-of-type .field-main.ui.grid {
    margin: 0 0 0 1px; }

.ui.grid > .field-selector-group {
  padding: 0;
  width: 100%; }

.copy-to-clipboard {
  position: relative; }
  .copy-to-clipboard .clipboard-icon {
    bottom: 2px;
    cursor: pointer;
    display: none;
    font-size: 1.2em;
    height: 19px;
    padding-left: 2px;
    position: absolute;
    right: -25px;
    text-align: right;
    width: 25px; }
    .copy-to-clipboard .clipboard-icon.left {
      left: -20px;
      right: unset;
      text-align: left; }
    @supports (-moz-appearance: none) {
      .copy-to-clipboard .clipboard-icon {
        right: -20px; } }
  .copy-to-clipboard span.confirm-copy {
    background: #000000;
    border-radius: 6px;
    color: #FFFFFF;
    opacity: 0;
    padding: 0 9px 0 5px;
    pointer-events: none;
    position: absolute;
    right: -137px;
    top: -28px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    white-space: nowrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; }
    .copy-to-clipboard span.confirm-copy.visible {
      opacity: 1; }
    .copy-to-clipboard span.confirm-copy.left {
      left: -35px; }
      @media only screen and (max-width: 767px) {
        .copy-to-clipboard span.confirm-copy.left {
          left: -4px; } }
  .copy-to-clipboard:hover .clipboard-icon {
    display: inline-block; }

.icon-badge-group {
  width: 100%; }
  .icon-badge-group .icon-badge-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative; }
  .icon-badge-group .icon-badge-icon {
    position: relative; }
  .icon-badge-group .icon-badge {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #FB3A37;
    border-radius: 100%;
    color: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 10px;
    font-weight: 800;
    height: 16px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    left: 30px;
    position: absolute;
    top: -5px;
    width: 16px; }
    .icon-badge-group .icon-badge:empty {
      display: none; }

.ui.checkbox-unescaped.label-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%; }

.ui.checkbox-unescaped.suffix {
  color: #CCCCCC;
  padding: 0px 4px; }

.ui.checkbox-unescaped.detail {
  margin-left: auto; }

.menu-list {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, 1fr); }
  .menu-list .menu-item {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-radius: 8px;
    color: rgba(0, 0, 0, 0.87);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    height: 48px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    letter-spacing: 0.1px;
    line-height: 24px;
    width: 100%; }
    .menu-list .menu-item:hover, .menu-list .menu-item.menu-item-selected {
      background-color: rgba(14, 91, 243, 0.08);
      border-color: #0E5BF3; }

.component.chip {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F5F5F5;
  border-radius: 14px;
  /* (height / 2) -> 28 / 2 = 14 */
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 28px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 12px;
  padding-right: 8px; }
  .component.chip span {
    font-size: 14px; }
  .component.chip button {
    background-color: transparent;
    border: none;
    height: 16px;
    margin: 0;
    margin-left: 4px;
    padding: 0;
    width: 16px; }
    .component.chip button i.icon.times {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-color: #989898;
      border-radius: 50%;
      color: #FFFFFF;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      height: 16px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 16px; }

.locations-filter {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f0f0f0;
  border: 1px solid #f0f0f0;
  border-radius: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 42px;
  position: relative; }
  .locations-filter:hover {
    border: 1px solid #959595; }
  .locations-filter button#locations-filter-dropdown {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: transparent;
    border: none;
    color: #626262;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    font-size: 16px;
    height: 100%;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    min-width: 0;
    outline: none;
    overflow: hidden;
    padding-left: 0.71429em;
    width: 330px; }
    .locations-filter button#locations-filter-dropdown::-webkit-input-placeholder {
      color: #090304; }
    .locations-filter button#locations-filter-dropdown::-moz-placeholder {
      color: #090304; }
    .locations-filter button#locations-filter-dropdown::-ms-input-placeholder {
      color: #090304; }
    .locations-filter button#locations-filter-dropdown::placeholder {
      color: #090304; }
    .locations-filter button#locations-filter-dropdown:hover {
      border: none; }
    .locations-filter button#locations-filter-dropdown.disabled {
      color: #999999;
      cursor: default;
      pointer-events: none; }
    .locations-filter button#locations-filter-dropdown .icon.chevron {
      font-size: 0.92857rem;
      padding-right: 0.35714em; }
    .locations-filter button#locations-filter-dropdown .location-group-preview-wrapper {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-left: 6px;
      margin-right: auto; }
      .locations-filter button#locations-filter-dropdown .location-group-preview-wrapper span.location-group-preview {
        color: #000000;
        display: inline-block;
        max-width: 186px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .locations-filter i.times {
    color: #626262;
    margin-bottom: 2px; }
  .locations-filter.active {
    background: #FFFFFF;
    border-color: #0E5BF3; }
    .locations-filter.active button#locations-filter-dropdown {
      color: #0E5BF3; }
    .locations-filter.active i.times {
      color: #0E5BF3 !important; }
  .locations-filter.focused {
    background-color: #FFFFFF;
    border-color: #0E5BF3;
    color: #0E5BF3; }
  .locations-filter #locations-filter-menu {
    background: white;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    left: 1px;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    top: 46px;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    width: 400px;
    z-index: 99; }
    .locations-filter #locations-filter-menu.active {
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content;
      max-height: 500px;
      -webkit-transition: max-height 0.25s ease-in;
      transition: max-height 0.25s ease-in; }
  .locations-filter .ui.menu {
    margin-bottom: 0px; }
    .locations-filter .ui.menu .item {
      border-width: 0.3em !important;
      -webkit-transition: border-color ease-in-out 0.2s !important;
      transition: border-color ease-in-out 0.2s !important; }
      .locations-filter .ui.menu .item.active {
        border-color: #0E5BF3 !important;
        color: #090304 !important; }
        .locations-filter .ui.menu .item.active:hover {
          border-color: #0E5BF3 !important; }
      .locations-filter .ui.menu .item:hover {
        border-color: #88B7FA !important; }
  .locations-filter .locations-tabs-content ul.location-groups-list {
    height: 300px;
    list-style: none;
    margin: 0;
    overflow-y: scroll;
    padding: 0.85714em 0; }
    .locations-filter .locations-tabs-content ul.location-groups-list li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 0 0.85714em 0.35714em 0.85714em; }
      .locations-filter .locations-tabs-content ul.location-groups-list li .group-name {
        max-width: 332px;
        overflow-wrap: break-word; }
      .locations-filter .locations-tabs-content ul.location-groups-list li .location-count {
        background: #F5F5F5;
        border-radius: 14px;
        color: #000000;
        font-size: .7em;
        height: 20px;
        margin-bottom: 12px;
        padding: 0 0.71429em; }
      .locations-filter .locations-tabs-content ul.location-groups-list li:hover {
        color: #0E5BF3; }
    .locations-filter .locations-tabs-content ul.location-groups-list .no-groups-msg {
      display: inline-block;
      margin-top: 20px;
      text-align: center;
      width: 100%; }
  .locations-filter .locations-tabs-content .location-tree {
    height: 300px;
    overflow-y: scroll;
    padding: 0.71429em 0.71429em 0;
    position: relative;
    width: 400px; }
    .locations-filter .locations-tabs-content .location-tree .checkbox-tree-header {
      border-bottom: 1px solid #E5E5E5;
      margin: 0.57143em 0 0.35714em 0;
      padding-bottom: 0.35714em; }
    .locations-filter .locations-tabs-content .location-tree .general-search {
      margin: 5px 0; }
      .locations-filter .locations-tabs-content .location-tree .general-search input {
        background-color: #F5F5F5;
        border: 1px solid #F5F5F5;
        border-radius: 40px; }
        .locations-filter .locations-tabs-content .location-tree .general-search input::-webkit-input-placeholder {
          color: #000000; }
        .locations-filter .locations-tabs-content .location-tree .general-search input::-moz-placeholder {
          color: #000000; }
        .locations-filter .locations-tabs-content .location-tree .general-search input::-ms-input-placeholder {
          color: #000000; }
        .locations-filter .locations-tabs-content .location-tree .general-search input::placeholder {
          color: #000000; }
      .locations-filter .locations-tabs-content .location-tree .general-search .ui.icon.input > i.icon {
        color: #000000; }
    .locations-filter .locations-tabs-content .location-tree .ui.checkbox.partially-selected input.hidden:not(:checked) + label:before {
      background-color: #0E5BF3;
      border-color: #0E5BF3; }
    .locations-filter .locations-tabs-content .location-tree .checkbox-tree ul.tree-nodes li.tree-level-1 .expand-button {
      display: none; }
    .locations-filter .locations-tabs-content .location-tree .checkbox-tree ul.tree-nodes li.tree-level-1, .locations-filter .locations-tabs-content .location-tree .checkbox-tree ul.tree-nodes li.tree-level-2 {
      height: initial !important;
      margin: 10px 0; }
    .locations-filter .locations-tabs-content .location-tree.hidden .checkbox-tree-header {
      display: none; }
    .locations-filter .locations-tabs-content .location-tree.hidden .tree-nodes {
      display: none; }
  .locations-filter .locations-tabs-content .no-nodes-msg {
    display: none; }
    .locations-filter .locations-tabs-content .no-nodes-msg.visible {
      display: inline-block;
      margin-top: 20px;
      position: absolute;
      text-align: center;
      top: 46px;
      width: 95%; }
  .locations-filter .locations-tabs-content .footer-message {
    padding: 0.57143em 0.85714em 0.57143em 2.64286em;
    position: relative; }
    .locations-filter .locations-tabs-content .footer-message a {
      color: #0E5BF3;
      font-weight: bold; }
    .locations-filter .locations-tabs-content .footer-message i.info {
      color: #0E5BF3;
      font-size: 1.2em;
      left: 10px;
      position: absolute;
      top: 17px; }
  .locations-filter .locations-tabs-content .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.85714em; }
    .locations-filter .locations-tabs-content .actions button {
      margin: 0;
      width: 100%; }
      .locations-filter .locations-tabs-content .actions button.confirm {
        margin-left: 10px; }

.horizontal.scroll {
  min-width: 100%;
  overflow-x: auto; }

table.ui.generic.table {
  border-collapse: collapse;
  table-layout: fixed; }
  table.ui.generic.table td.no-records {
    padding: 25px 0;
    text-align: center; }
  table.ui.generic.table tr {
    border-bottom: 1px solid #e2e2e2; }
    table.ui.generic.table tr.record td {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    table.ui.generic.table tr.record.selectable {
      cursor: pointer; }
  table.ui.generic.table thead th.sortable {
    cursor: pointer; }
  @media only screen and (max-width: 767px) {
    table.ui.generic.table thead {
      display: none; } }
  table.ui.generic.table .generic-table-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    /* MS IE11 */ }
    table.ui.generic.table .generic-table-footer .generic-table-dropdown {
      -webkit-box-flex: 5;
          -ms-flex: 5;
              flex: 5; }
      table.ui.generic.table .generic-table-footer .generic-table-dropdown .selection {
        max-width: 320px !important;
        width: 100% !important; }
    table.ui.generic.table .generic-table-footer .generic-table-pagination {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    @media (-ms-high-contrast: none), (-ms-high-contrast: active) {
      table.ui.generic.table .generic-table-footer .generic-table-dropdown {
        -webkit-box-flex: 4;
            -ms-flex: 4;
                flex: 4; }
      table.ui.generic.table .generic-table-footer .generic-table-pagination {
        -webkit-box-flex: 2;
            -ms-flex: 2;
                flex: 2; } }
  @media only screen and (max-width: 767px) {
    table.ui.generic.table .generic-table-footer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      table.ui.generic.table .generic-table-footer .generic-table-dropdown {
        -webkit-box-flex: 5;
            -ms-flex: 5;
                flex: 5;
        margin-bottom: .5em; }
        table.ui.generic.table .generic-table-footer .generic-table-dropdown .selection {
          width: 100%; }
      table.ui.generic.table .generic-table-footer .generic-table-pagination {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
        table.ui.generic.table .generic-table-footer .generic-table-pagination .client-pagination-buttons-comp {
          font-size: 10px; } }

.quick-menu-container {
  margin-bottom: 20px; }

.device-sn-label {
  color: #666666;
  font-weight: bold;
  margin-right: 5px; }

.device-sn-text {
  color: #666666;
  font-size: 85%;
  font-weight: 400; }

.transaction-table-container {
  margin-bottom: 20px; }

.transaction-summary {
  overflow-x: auto; }

.sales-summary-table tfoot {
  -webkit-box-shadow: 0 -1px 0 0 #E5E5E5 !important;
          box-shadow: 0 -1px 0 0 #E5E5E5 !important;
  color: #333333;
  font-weight: bold; }

.sales-summary-container .ui.segment {
  overflow-x: auto; }

@media only screen and (max-width: 767px) {
  .employee-table .tabular {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .employee-table .menu > .right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%; }
    .employee-table .menu > .right .ui.input.search > input {
      width: 100%; } }

.responsive-table .ellipsis-container, .responsive-table .ellipsis-container-multiple-items {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%; }
  .responsive-table .ellipsis-container.limit-width-15-em, .responsive-table .limit-width-15-em.ellipsis-container-multiple-items {
    width: 15em; }

.responsive-table .ellipsis-container-multiple-items {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px; }

.responsive-table .equal-height-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px; }

.responsive-table > footer {
  margin-top: 1.42857em; }

.responsive-table > .ui.table td.icon-container {
  padding-left: 0;
  padding-right: 0;
  text-align: center; }

.responsive-table .inactive-label::after {
  color: #999999;
  content: "(Inactive)";
  font-weight: 600;
  margin-left: 6px; }

.responsive-table.scrollable-table {
  margin: auto;
  overflow: auto;
  width: 100%; }
  .responsive-table.scrollable-table::-webkit-scrollbar {
    height: 2px; }
  .responsive-table.scrollable-table > .ui.table {
    margin: auto;
    width: 100%; }
    .responsive-table.scrollable-table > .ui.table thead th {
      white-space: nowrap; }

@media only screen and (max-width: 767px) {
  .responsive-table > .header {
    background-color: #F7F7F7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    line-height: 50px;
    padding: 0 0.71429em; }
    .responsive-table > .header > select {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background-color: transparent;
      background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23999999%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
      background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23999999%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, transparent 0%, transparent 100%);
      background-position: right .5em top 50%, 0 0;
      background-repeat: no-repeat, repeat;
      background-size: .5em auto, 100%;
      border: none;
      color: #666666;
      cursor: pointer;
      display: block;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      font-weight: 800;
      margin-left: 0.35714em;
      outline: none;
      padding: 0 0.71429em 0 0; }
      .responsive-table > .header > select option {
        font-weight: normal; }
  .responsive-table > ol {
    list-style: none;
    margin: 0;
    padding: 0; }
    .responsive-table > ol > li {
      border-bottom: 1px solid #E5E5E5;
      padding: 10px 0; }
      .responsive-table > ol > li:first-child {
        border-top: 1px solid #E5E5E5; }
    .responsive-table > ol.selectable > li {
      cursor: pointer; }
      .responsive-table > ol.selectable > li:hover {
        background: #E5F5FE; }
  .responsive-table dl {
    margin: 0;
    padding: 0; }
    .responsive-table dl > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: start;
      padding: 5px 10px; }
    .responsive-table dl dt {
      -ms-flex-preferred-size: 150px;
          flex-basis: 150px;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      font-weight: 800; }
    .responsive-table dl dd {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      margin: 0;
      overflow: auto; }
  .responsive-table .equal-height-container {
    display: inherit;
    height: auto; } }

.bulkselect-table .ui.table tbody tr td:first-child {
  text-overflow: clip; }

.bulkselect-table thead th:first-child {
  text-overflow: clip !important; }

.bulkselect-table .checkbox {
  display: block; }

@media only screen and (max-width: 767px) {
  .bulkselect-table > .header {
    background-color: #f7f7f7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    line-height: 50px;
    padding: 0 0.71429em; }
    .bulkselect-table > .header > .checkbox {
      padding-top: 16px; }
    .bulkselect-table > .header > select {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background-color: transparent;
      background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23999999%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
      background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23999999%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, transparent 0%, transparent 100%);
      background-position: right .5em top 50%, 0 0;
      background-repeat: no-repeat, repeat;
      background-size: .5em auto, 100%;
      border: none;
      color: #666666;
      cursor: pointer;
      display: block;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      font-weight: 800;
      margin-left: 0.35714em;
      outline: none;
      padding: 0 0.71429em 0 0; }
      .bulkselect-table > .header > select option {
        font-weight: normal; }
  .bulkselect-table > ol {
    list-style: none;
    margin: 0;
    padding: 0; }
    .bulkselect-table > ol > li {
      border-bottom: 1px solid #e5e5e5;
      padding: 5px 0; }
      .bulkselect-table > ol > li:first-child {
        border-top: 1px solid #e5e5e5; }
    .bulkselect-table > ol.selectable > li {
      cursor: pointer; }
      .bulkselect-table > ol.selectable > li:hover {
        background: #e5f5fe; }
  .bulkselect-table dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
    .bulkselect-table dl .checkbox-div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: start;
      padding: 8px 10px; }
    .bulkselect-table dl .items-block-div {
      display: block;
      -webkit-box-flex: 1;
          -ms-flex: auto;
              flex: auto;
      margin: 0;
      padding: 0; }
      .bulkselect-table dl .items-block-div > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: start;
        padding: 5px 10px; }
    .bulkselect-table dl dt {
      -ms-flex-preferred-size: 150px;
          flex-basis: 150px;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      font-weight: 800; }
    .bulkselect-table dl dd {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      margin: 0;
      overflow: auto; }
  .bulkselect-table .equal-height-container {
    display: inherit;
    height: auto; } }

@media only screen and (max-width: 767px) {
  .terminals tbody tr td {
    border: none !important; }
    .terminals tbody tr td.label {
      font-weight: bold; }
  .terminals .action-button {
    padding-bottom: 1em; } }

#confirm-changes-modal .ui.celled.table {
  table-layout: fixed; }

#confirm-changes-modal .confirm-changes-scrolllist-container {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5; }

#confirm-changes-modal .confirm-changes-checklist > div {
  padding-top: 0.5em; }
  #confirm-changes-modal .confirm-changes-checklist > div.enabled i.icon {
    color: #009BF4; }
  #confirm-changes-modal .confirm-changes-checklist > div.disabled {
    color: #999999; }

#confirm-changes-modal .confirm-changes-scrolllist {
  background-color: #FFFFFF;
  border-top: 1px solid #e5e5e5;
  margin: 0.5em -0.78571429em -0.78571429em -0.78571429em;
  max-height: 138px;
  overflow-y: auto; }
  #confirm-changes-modal .confirm-changes-scrolllist > div {
    border-bottom: 1px solid #e5e5e5;
    padding: 0.5em;
    text-wrap: wrap;
    word-wrap: break-word; }
    #confirm-changes-modal .confirm-changes-scrolllist > div:last-child {
      border-bottom: none; }

#confirm-changes-modal .hidden {
  display: none !important; }

#confirm-location-settings-modal .header.top-header {
  padding-top: 13px; }

#confirm-location-settings-modal .content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  #confirm-location-settings-modal .content .message {
    max-width: 257px;
    padding: 22px 10px 9px 10px;
    text-align: center; }

#confirm-location-settings-modal .hidden {
  display: none !important; }

/* Locations Modal */
.locations-modal .header {
  font-size: 24px !important;
  padding: 1em 0em;
  text-align: center; }
  .locations-modal .header .close {
    color: #cecece;
    float: right;
    font-size: 28px !important; }

.locations-modal > .ui.segments {
  max-height: calc(calc(100vh - 7rem) - 2px); }
  .locations-modal > .ui.segments .corporate-hq {
    font-weight: bold; }
  .locations-modal > .ui.segments .corporate {
    padding-left: 37px !important; }

.locations-modal .segments .segments .segment {
  padding: .75em; }

.locations-modal .segments .segments .active-location {
  background-color: #e5f5fe; }

.locations-modal .segments .segments :hover {
  background-color: #e5f5fe;
  cursor: pointer; }

.locations-modal-v2 {
  bottom: 0;
  left: 0;
  position: fixed;
  top: 0;
  width: 0;
  z-index: 1000; }
  .locations-modal-v2.active {
    width: 100%; }
  .locations-modal-v2 .sidebar {
    background: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
    width: 400px;
    z-index: 1002; }
    @media only screen and (max-width: 600px) {
      .locations-modal-v2 .sidebar {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
        -webkit-transform: translateY(100%);
                transform: translateY(100%);
        width: 100vw; } }
    .locations-modal-v2 .sidebar .ui.segments {
      border: none;
      -webkit-box-shadow: none;
              box-shadow: none;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      margin: 0;
      overflow-y: auto;
      padding: 1.15rem 1.7rem; }
      .locations-modal-v2 .sidebar .ui.segments .ui.segment {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 0.57rem 1.7rem 0.57rem 1.15rem;
        -webkit-transition: background-color 0.3s linear;
        transition: background-color 0.3s linear; }
        .locations-modal-v2 .sidebar .ui.segments .ui.segment .location-wrapper {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; }
          .locations-modal-v2 .sidebar .ui.segments .ui.segment .location-wrapper .name {
            font-size: 1.14286rem;
            font-weight: 700;
            letter-spacing: 0.15px;
            line-height: 1.7rem; }
          .locations-modal-v2 .sidebar .ui.segments .ui.segment .location-wrapper .merchant {
            color: rgba(0, 0, 0, 0.6);
            font-size: 1rem;
            letter-spacing: 0.25px;
            line-height: 1.42rem; }
        .locations-modal-v2 .sidebar .ui.segments .ui.segment .icon {
          color: rgba(0, 0, 0, 0.6); }
        .locations-modal-v2 .sidebar .ui.segments .ui.segment .default-location-button {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          border-radius: 50%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          height: 40px;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          margin-left: 10px;
          min-width: 40px;
          opacity: 0;
          position: relative;
          -webkit-transition: opacity ease-in-out 0.5s;
          transition: opacity ease-in-out 0.5s;
          width: 40px;
          z-index: 1; }
          .locations-modal-v2 .sidebar .ui.segments .ui.segment .default-location-button .tooltip {
            background: #090304;
            bottom: -29px;
            color: #FFFFFF;
            font-size: 1rem;
            opacity: 0;
            padding: 2px 9px;
            pointer-events: none;
            position: absolute;
            right: -27px;
            -webkit-transition: opacity ease-in-out 0.5s;
            transition: opacity ease-in-out 0.5s;
            white-space: nowrap; }
          .locations-modal-v2 .sidebar .ui.segments .ui.segment .default-location-button svg {
            pointer-events: none; }
          .locations-modal-v2 .sidebar .ui.segments .ui.segment .default-location-button:hover {
            background-color: rgba(14, 91, 243, 0.06); }
        .locations-modal-v2 .sidebar .ui.segments .ui.segment.corporate {
          margin-left: 16px; }
        .locations-modal-v2 .sidebar .ui.segments .ui.segment:hover {
          background-color: rgba(14, 91, 243, 0.08); }
          .locations-modal-v2 .sidebar .ui.segments .ui.segment:hover .default-location-button {
            opacity: 1; }
        .locations-modal-v2 .sidebar .ui.segments .ui.segment.default .default-location-button {
          background: none;
          opacity: 1; }
          .locations-modal-v2 .sidebar .ui.segments .ui.segment.default .default-location-button svg path {
            fill: #0E5BF3; }
        .locations-modal-v2 .sidebar .ui.segments .ui.segment.default:hover {
          background-color: rgba(14, 91, 243, 0.06); }
        .locations-modal-v2 .sidebar .ui.segments .ui.segment.default.active-location {
          background-color: rgba(14, 91, 243, 0.08); }
          .locations-modal-v2 .sidebar .ui.segments .ui.segment.default.active-location:hover {
            background-color: rgba(14, 91, 243, 0.12); }
        .locations-modal-v2 .sidebar .ui.segments .ui.segment:not(:last-child) {
          margin-bottom: 0.57rem; }
        .locations-modal-v2 .sidebar .ui.segments .ui.segment:not(.default) .default-location-button:hover .tooltip {
          opacity: 1; }
        .locations-modal-v2 .sidebar .ui.segments .ui.segment:not(.default) .default-location-button:hover svg path {
          fill: #0E5BF3; }
        .locations-modal-v2 .sidebar .ui.segments .ui.segment.active-location {
          background-color: rgba(14, 91, 243, 0.08); }
          .locations-modal-v2 .sidebar .ui.segments .ui.segment.active-location:hover {
            background-color: rgba(14, 91, 243, 0.12); }
            .locations-modal-v2 .sidebar .ui.segments .ui.segment.active-location:hover .default-location-button {
              opacity: 1; }
    .locations-modal-v2 .sidebar .title-section {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-bottom: 1px solid rgba(0, 0, 0, 0.16);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 0.58rem 1.15rem; }
      .locations-modal-v2 .sidebar .title-section h1 {
        color: #000000;
        font-size: 1.42857rem;
        line-height: 1.7rem;
        margin: 0; }
    .locations-modal-v2 .sidebar.active {
      -webkit-transform: translateX(0%);
              transform: translateX(0%); }
      @media only screen and (max-width: 600px) {
        .locations-modal-v2 .sidebar.active {
          -webkit-transform: translateY(0%);
                  transform: translateY(0%); } }
  .locations-modal-v2 .ui.dimmer {
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s; }
    .locations-modal-v2 .ui.dimmer.active {
      background-color: rgba(0, 0, 0, 0.4); }

.walkthrough-videos .ui.modal {
  border-radius: 0; }
  .walkthrough-videos .ui.modal .header {
    border-bottom-width: 2px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    font-size: 24px;
    font-weight: normal;
    padding: 10px !important;
    text-align: center; }
    .walkthrough-videos .ui.modal .header i.close.icon {
      float: right; }
  .walkthrough-videos .ui.modal .content .ui.accordion {
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .walkthrough-videos .ui.modal .content .ui.accordion .title {
      border-top: 1px solid #e5e5e5;
      color: black;
      font-size: 18px;
      font-weight: normal;
      padding: 13px 10px; }
    .walkthrough-videos .ui.modal .content .ui.accordion .title:nth-last-child(2):not(.active) {
      border-bottom: 1px solid #e5e5e5; }
    .walkthrough-videos .ui.modal .content .ui.accordion .content.active:last-child {
      border-bottom: 1px solid #e5e5e5; }
    .walkthrough-videos .ui.modal .content .ui.accordion .content {
      padding-bottom: 20px; }
      .walkthrough-videos .ui.modal .content .ui.accordion .content iframe, .walkthrough-videos .ui.modal .content .ui.accordion .content .loader-wrap {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%; }
      .walkthrough-videos .ui.modal .content .ui.accordion .content .loader-wrap {
        z-index: 1; }
      .walkthrough-videos .ui.modal .content .ui.accordion .content iframe {
        z-index: 2; }
      .walkthrough-videos .ui.modal .content .ui.accordion .content .video-wrap {
        padding: 56.25% 0 0 0;
        position: relative; }

.form-modal {
  max-width: 700px; }
  .form-modal .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 50px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 !important; }
    .form-modal .header .icon {
      color: #cccccc;
      height: auto;
      line-height: 1;
      margin: 0;
      padding: 13px 16px;
      position: absolute;
      right: 0;
      top: 0;
      width: auto; }
  .form-modal .ui.inverted.red.segment {
    border-radius: 0;
    font-weight: 800;
    margin: 0;
    padding: .5714285em;
    text-align: center; }
  .form-modal .actions {
    background-color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding: 20px; }
    .form-modal .actions > .button {
      margin: 0; }
    .form-modal .actions .left-action {
      margin-right: auto; }

@media only screen and (max-width: 767px) {
  .form-modal {
    width: 300px; }
    .form-modal .item-checklist ul li {
      display: block; }
      .form-modal .item-checklist ul li .description {
        margin-left: 26px;
        margin-top: 4px;
        max-width: 100%;
        text-align: left; } }

.checkout-modal {
  background-color: #FFF;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1001; }
  .checkout-modal .button {
    margin-left: 0 !important; }
  .checkout-modal .divider {
    color: #666666;
    font-size: 10px;
    font-weight: 700;
    line-height: 16px; }
  .checkout-modal > .error-message, .checkout-modal .success-message {
    border-radius: 0;
    font-weight: 800;
    margin: 0;
    padding: .5714285em;
    text-align: center; }
  .checkout-modal .invisible {
    opacity: 0; }
  .checkout-modal .mobile-navigation {
    display: none; }
  .checkout-modal > .header {
    border-bottom: 1px solid #E4E4E4;
    padding: 10px 0px; }
    .checkout-modal > .header h2 {
      font-size: 24px;
      font-style: normal;
      font-weight: 400;
      margin: 0;
      text-align: center; }
    .checkout-modal > .header .close {
      position: absolute;
      right: 0;
      top: 0; }
      .checkout-modal > .header .close img {
        margin-right: 18px;
        margin-top: 18px; }
  .checkout-modal > .content {
    background: #FAFAFA;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    height: 100%;
    max-height: calc(100vh - 51px);
    overflow: auto;
    padding-top: 38px; }
  .checkout-modal .full-width {
    width: 100%; }
  .checkout-modal .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    max-width: 1140px; }
    .checkout-modal .wrapper .details {
      max-width: 700px; }
    .checkout-modal .wrapper .items {
      width: 395px; }
  .checkout-modal .navigation {
    margin-bottom: 28px; }
  .checkout-modal .continue-shopping-link {
    color: #009BF4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: 20px; }
    .checkout-modal .continue-shopping-link .text {
      margin-left: 10px; }
  .checkout-modal .form {
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    padding: 30px; }
    .checkout-modal .form .checkbox {
      margin: 10px 0px; }
    .checkout-modal .form .place-order {
      padding: 0;
      width: 100%; }
      .checkout-modal .form .place-order button {
        width: 100%; }

@media only screen and (max-width: 1100px) {
  .checkout-modal > .content {
    padding-top: 0px; }
  .checkout-modal .mobile-navigation {
    display: block;
    margin: 30px 0px; }
  .checkout-modal .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-left: auto;
    margin-right: auto;
    max-width: 750px;
    padding: 30px 20px; }
    .checkout-modal .wrapper .details {
      width: auto; }
    .checkout-modal .wrapper .items {
      width: auto; }
    .checkout-modal .wrapper.is-ordered .items {
      display: none; }
  .checkout-modal .form {
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 0; }
  .checkout-modal .navigation {
    display: none; }
  .checkout-modal > .header h2 {
    font-size: 20px;
    font-weight: 400;
    line-height: 26px; }
  .checkout-modal > .header .close img {
    margin-right: 15px;
    margin-top: 15px; } }

.workforce-notification .ui.modal {
  border-radius: 0; }
  .workforce-notification .ui.modal .header {
    border-bottom-width: 2px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    font-size: 24px;
    font-weight: normal;
    padding: 10px !important;
    text-align: center; }
    .workforce-notification .ui.modal .header i.close.icon {
      float: right; }
  .workforce-notification .ui.modal .content .do-not-remind-me {
    padding-top: 21px; }

.day.parts.modal .modal {
  left: 50%;
  max-width: 480px;
  position: fixed;
  top: 40%; }
  .day.parts.modal .modal .top.header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 8px 16px; }
    .day.parts.modal .modal .top.header h1 {
      font-size: 20px;
      margin: 0px;
      padding: 8px 0px 8px 0px; }
    .day.parts.modal .modal .top.header .close.button {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background: rgba(0, 0, 0, 0.04);
      border-radius: 50px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .day.parts.modal .modal .top.header .close.button img {
        max-height: 100%;
        max-width: 100%;
        padding: 0 8px; }
  .day.parts.modal .modal .day-part-category-input .stretched.column .ui.field.padded.stackable.grid {
    border: 1px solid var(--Outline, rgba(0, 0, 0, 0.16));
    border-radius: var(--Padding-S, 4px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    /* Changed to column layout */
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    min-height: 50px;
    width: 100%; }
    .day.parts.modal .modal .day-part-category-input .stretched.column .ui.field.padded.stackable.grid label {
      color: rgba(0, 0, 0, 0.6);
      display: inline-block;
      line-height: 20px;
      max-width: 100%;
      overflow: hidden;
      padding: 8px 16px 0px 16px !important;
      text-overflow: ellipsis;
      vertical-align: middle;
      white-space: nowrap;
      width: calc(100% - 50px); }
    .day.parts.modal .modal .day-part-category-input .stretched.column .ui.field.padded.stackable.grid input {
      background: none !important;
      border: none;
      border-radius: var(--Padding-S, 4px);
      line-height: 20px;
      padding: 0px 16px 8px 16px !important;
      position: relative !important;
      width: 100% !important; }
    .day.parts.modal .modal .day-part-category-input .stretched.column .ui.field.padded.stackable.grid.focused input {
      outline: 0; }
    .day.parts.modal .modal .day-part-category-input .stretched.column .ui.field.padded.stackable.grid.error {
      background-color: #FFF6F6;
      border-color: #E0B4B4; }
      .day.parts.modal .modal .day-part-category-input .stretched.column .ui.field.padded.stackable.grid.error label {
        color: #B00020; }
    .day.parts.modal .modal .day-part-category-input .stretched.column .ui.field.padded.stackable.grid .error-popup {
      display: none; }
  .day.parts.modal .modal .error-message {
    color: #B00020;
    padding-top: 10px; }
  .day.parts.modal .modal .actions {
    background: none;
    border-top: none; }
    .day.parts.modal .modal .actions .primary.button {
      background-color: #0E5BF3; }
    .day.parts.modal .modal .actions .button {
      width: 160px; }

.day.parts.modal.server-error .modal .day-part-category-input .stretched.column .ui.field.padded.stackable.grid {
  background-color: #FFF6F6;
  border-color: #E0B4B4; }
  .day.parts.modal.server-error .modal .day-part-category-input .stretched.column .ui.field.padded.stackable.grid label {
    color: #B00020; }

.business-settings-modal {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: #FFFFFF;
  border-radius: var(--Padding-S, 4px);
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
          box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .business-settings-modal .text {
    gap: 8px;
    padding: 24px; }
  .business-settings-modal .container {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    padding: 24px; }
    .business-settings-modal .container .text {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      align-self: stretch;
      display: grid;
      -webkit-box-flex: 1;
          -ms-flex: 1 0 0px;
              flex: 1 0 0;
      gap: 10px;
      letter-spacing: 0.25px;
      line-height: 24px; }
      .business-settings-modal .container .text .sub-text {
        color: var(0-on-surface-high-emphasis, rgba(0, 0, 0, 0.87));
        font-size: 1.14286em;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.25px;
        line-height: 24px; }
      .business-settings-modal .container .text .guide {
        color: #0E5BF3;
        font-size: 1.14286em;
        font-style: normal;
        font-weight: 700;
        letter-spacing: 0.25px;
        line-height: 24px; }
  .business-settings-modal .drawer {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px; }
    .business-settings-modal .drawer .top-bar {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -ms-flex-item-align: stretch;
          align-self: stretch;
      background: var(--surface, #FFFFFF);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 56px; }
      .business-settings-modal .drawer .top-bar .top {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -ms-flex-item-align: stretch;
            align-self: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 16px;
        padding: 8px 16px; }
        .business-settings-modal .drawer .top-bar .top .header {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-flex: 1;
              -ms-flex: 1 0 0px;
                  flex: 1 0 0;
          gap: 10px; }
          .business-settings-modal .drawer .top-bar .top .header .text {
            font-size: 1.42857em;
            font-style: normal;
            font-weight: 400;
            letter-spacing: 0.18px;
            line-height: 24px;
            padding: 8px 0px; }
        .business-settings-modal .drawer .top-bar .top .close {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          height: 40px;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          width: 40px; }
  .business-settings-modal .divider {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    background: var(--Outline, rgba(0, 0, 0, 0.16));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 1px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .business-settings-modal .actions {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
            box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 16px; }
    .business-settings-modal .actions .cancel {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border: 1px solid var(--Sys-Light-Primary, #0E5BF3);
      border-radius: 4px;
      color: var(--Sys-Light-Primary, #0E5BF3);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
          -ms-flex: 1 0 0px;
              flex: 1 0 0;
      font-size: 1em;
      font-style: normal;
      font-weight: 700;
      height: 40px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      letter-spacing: 0.25px;
      line-height: 24px;
      text-align: center;
      text-transform: uppercase;
      width: 216px; }
    .business-settings-modal .actions .confirm {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background: var(--Sys-Light-Primary, #0E5BF3);
      border: 1px solid var(--Sys-Light-Primary, #0E5BF3);
      border-radius: var(--Padding-S, 4px);
      color: #FFFFFF;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
          -ms-flex: 1 0 0px;
              flex: 1 0 0;
      font-size: 1em;
      font-style: normal;
      font-weight: 700;
      height: 40px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      letter-spacing: 0.25px;
      line-height: 24px;
      right: 0px;
      text-align: center;
      text-transform: uppercase;
      width: 216px; }

.transaction-adjustment-modal .tiny.modal-dialog h2 {
  text-align: center; }

.transaction-adjustment-modal .button-text {
  margin-right: 4px; }

.transaction-adjustment-modal .dropdown, .transaction-adjustment-modal .input {
  background-color: #FFFFFF;
  border-radius: 4px; }
  .transaction-adjustment-modal .dropdown input, .transaction-adjustment-modal .input input {
    background-color: #FFFFFF;
    border-radius: 4px; }

.transaction-adjustment-modal .header i.close-button:hover {
  background-color: rgba(14, 91, 243, 0.06);
  color: #0E5BF3; }

.transaction-adjustment-modal .content {
  margin: 0 auto;
  padding: 2.28571em 8.57143em 0;
  width: 100%; }
  @media only screen and (max-width: 991px) {
    .transaction-adjustment-modal .content {
      padding: 1.71429em; } }
  .transaction-adjustment-modal .content .refund-adjustment-wrapper {
    -webkit-column-gap: 48px;
       -moz-column-gap: 48px;
            column-gap: 48px;
    display: grid;
    grid-template-columns: repeat(2, 1fr); }
    @media only screen and (max-width: 991px) {
      .transaction-adjustment-modal .content .refund-adjustment-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -ms-flex-pack: distribute;
            justify-content: space-around; } }
    .transaction-adjustment-modal .content .refund-adjustment-wrapper h3 {
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      letter-spacing: 0.15px;
      line-height: 24px;
      margin: 16px 0; }
      .transaction-adjustment-modal .content .refund-adjustment-wrapper h3.refund-type-label {
        margin-top: 30px; }
    .transaction-adjustment-modal .content .refund-adjustment-wrapper .ticket-wrapper {
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .transaction-adjustment-modal .content .refund-adjustment-wrapper .action-panel {
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      background-color: #FFFFFF;
      border-radius: 16px;
      -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
              box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      max-width: 656px;
      padding: 4.57143em 1.71429em 2.28571em;
      width: 100%; }
      @media only screen and (max-width: 991px) {
        .transaction-adjustment-modal .content .refund-adjustment-wrapper .action-panel {
          width: 100%; } }
      .transaction-adjustment-modal .content .refund-adjustment-wrapper .action-panel .s4-alert {
        width: 100%; }
      .transaction-adjustment-modal .content .refund-adjustment-wrapper .action-panel .action-panel-content-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin: 0 auto;
        max-width: 400px;
        width: 100%; }
        @media only screen and (max-width: 767px) {
          .transaction-adjustment-modal .content .refund-adjustment-wrapper .action-panel .action-panel-content-wrapper {
            max-width: 100%;
            padding: 1.71429em; } }
      .transaction-adjustment-modal .content .refund-adjustment-wrapper .action-panel .button.primary.refund-button {
        margin: 20px 0; }
      .transaction-adjustment-modal .content .refund-adjustment-wrapper .action-panel .input.error input {
        background-color: inherit; }
      .transaction-adjustment-modal .content .refund-adjustment-wrapper .action-panel .powered-by {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-top: 2em;
        padding-bottom: 1.71429em;
        width: 100%; }
        .transaction-adjustment-modal .content .refund-adjustment-wrapper .action-panel .powered-by .powered-by-text {
          color: rgba(0, 0, 0, 0.6);
          white-space: nowrap; }
    .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-selection {
      /* stylelint-disable no-descending-specificity */
      height: calc(100% - 10px); }
      .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-selection .reason-wrapper {
        max-width: 656px; }
        @media only screen and (max-width: 991px) {
          .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-selection .reason-wrapper {
            max-width: initial;
            width: 100%; } }
        .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-selection .reason-wrapper .reason-container > div:first-child {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          max-height: none;
          min-height: 46px; }
        .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-selection .reason-wrapper .reason-container .menu {
          min-width: auto; }
          .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-selection .reason-wrapper .reason-container .menu .item {
            min-width: -webkit-fit-content;
            min-width: -moz-fit-content;
            min-width: fit-content; }
        .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-selection .reason-wrapper .menu-list {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          @media only screen and (max-width: 991px) {
            .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-selection .reason-wrapper .menu-list {
              margin-bottom: 16px; } }
          @media only screen and (max-width: 767px) {
            .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-selection .reason-wrapper .menu-list {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap; } }
          .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-selection .reason-wrapper .menu-list button:disabled {
            opacity: 0.5;
            pointer-events: none; }
        .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-selection .reason-wrapper .ticket-comment {
          margin-top: 8px; }
        .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-selection .reason-wrapper .refund-adjustment-tip-amount-wrapper {
          margin-top: 16px; }
          .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-selection .reason-wrapper .refund-adjustment-tip-amount-wrapper .input.error input {
            background-color: inherit; }
          .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-selection .reason-wrapper .refund-adjustment-tip-amount-wrapper .refund-adjustment-input-caption {
            color: rgba(0, 0, 0, 0.6);
            font-size: 12px;
            font-weight: 400;
            letter-spacing: 0.4px;
            line-height: 16px;
            margin: 4px 16px; }
            @media only screen and (max-width: 991px) {
              .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-selection .reason-wrapper .refund-adjustment-tip-amount-wrapper .refund-adjustment-input-caption {
                margin-bottom: 18px; } }
            .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-selection .reason-wrapper .refund-adjustment-tip-amount-wrapper .refund-adjustment-input-caption.error {
              color: #B00020; }
      .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-selection .action-panel {
        height: 100%;
        max-width: 656px; }
        @media only screen and (max-width: 991px) {
          .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-selection .action-panel {
            max-width: initial; } }
        .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-selection .action-panel .action-panel-content-wrapper {
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: start; }
          .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-selection .action-panel .action-panel-content-wrapper .action-panel-content {
            margin: auto 0;
            width: 400px; }
            @media only screen and (max-width: 991px) {
              .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-selection .action-panel .action-panel-content-wrapper .action-panel-content {
                width: 100%; } }
          .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-selection .action-panel .action-panel-content-wrapper .loader-container {
            height: 310px; }
          .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-selection .action-panel .action-panel-content-wrapper .receipt-header {
            margin-bottom: 8px;
            margin-top: 0; }
            .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-selection .action-panel .action-panel-content-wrapper .receipt-header .ticket-icon {
              margin-right: 8px; }
          .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-selection .action-panel .action-panel-content-wrapper .ticket-total {
            font-size: 48px;
            line-height: 1.167; }
            .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-selection .action-panel .action-panel-content-wrapper .ticket-total.error {
              color: #B00020; }
          .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-selection .action-panel .action-panel-content-wrapper .total-refund-info-wrapper {
            border: 1px solid rgba(0, 0, 0, 0.16);
            border-radius: 4px;
            border-spacing: 0;
            margin: 24px 0 16px;
            width: 100%; }
            .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-selection .action-panel .action-panel-content-wrapper .total-refund-info-wrapper td {
              border-top: 1px solid rgba(0, 0, 0, 0.16); }
            .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-selection .action-panel .action-panel-content-wrapper .total-refund-info-wrapper th, .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-selection .action-panel .action-panel-content-wrapper .total-refund-info-wrapper td {
              padding: 16px;
              text-align: center; }
              .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-selection .action-panel .action-panel-content-wrapper .total-refund-info-wrapper th:first-of-type, .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-selection .action-panel .action-panel-content-wrapper .total-refund-info-wrapper td:first-of-type {
                text-align: left; }
              .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-selection .action-panel .action-panel-content-wrapper .total-refund-info-wrapper th:last-of-type, .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-selection .action-panel .action-panel-content-wrapper .total-refund-info-wrapper td:last-of-type {
                text-align: right; }
    .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-confirmation { }
      .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-confirmation .receipt-preview {
        -webkit-box-sizing: content-box;
                box-sizing: content-box; }
        @media only screen and (max-width: 991px) {
          .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-confirmation .receipt-preview {
            margin-bottom: 10px; } }
        .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-confirmation .receipt-preview div {
          -webkit-box-sizing: border-box;
                  box-sizing: border-box; }
        .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-confirmation .receipt-preview .receipt-preview-placeholder {
          background: #FFFFFF;
          background-image: url("/img/centered-gray-bars.svg");
          background-repeat: no-repeat;
          -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
                  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          height: 400px;
          margin: 0 auto;
          padding: 96px 32px;
          text-align: center;
          width: 320px; }
          .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-confirmation .receipt-preview .receipt-preview-placeholder .loader-container {
            height: 208px; }
          .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-confirmation .receipt-preview .receipt-preview-placeholder .icon.exclamation {
            background-color: #FFA500;
            border-radius: 50%;
            color: #FFFFFF;
            font-size: 18px;
            font-weight: bold;
            height: 24px;
            line-height: 23px;
            width: 24px; }
          .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-confirmation .receipt-preview .receipt-preview-placeholder .icon.exclamation::before {
            content: '!';
            font-family: monospace; }
      .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-confirmation .action-panel .action-panel-content .refund-payment-dropdown .disabled {
        color: #ACACAC; }
        .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-confirmation .action-panel .action-panel-content .refund-payment-dropdown .disabled .failed-refund {
          background-color: #FF5625;
          border-radius: 1rem;
          color: #FFFFFF;
          font-size: 75%;
          margin: 0;
          padding: 0;
          padding-left: 6px;
          padding-right: 6px;
          position: absolute;
          right: 5px; }
      .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-confirmation .action-panel .action-panel-content .email-input {
        margin-top: 8px; }
        .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-confirmation .action-panel .action-panel-content .email-input .show-password {
          cursor: pointer;
          fill: rgba(0, 0, 0, 0.6);
          height: 25px;
          position: absolute;
          right: 10px;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          width: 25px; }
          .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-confirmation .action-panel .action-panel-content .email-input .show-password .ok {
            color: #48AA2F; }
          .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-confirmation .action-panel .action-panel-content .email-input .show-password .not-ok {
            color: #ff0000; }
      .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-confirmation .action-panel .action-panel-content .button-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-confirmation .action-panel .action-panel-content .button-box button {
          margin: 20px 10px;
          margin-right: 0; }
        .transaction-adjustment-modal .content .refund-adjustment-wrapper.adjustment-confirmation .action-panel .action-panel-content .button-box button.send-receipt {
          margin-left: 0; }

.transaction-auth-capture-modal .tiny.modal-dialog h2 {
  text-align: center; }

.transaction-auth-capture-modal .button-text {
  margin-right: 4px; }

.transaction-auth-capture-modal .dropdown, .transaction-auth-capture-modal .input {
  background-color: #FFFFFF;
  border-radius: 4px; }
  .transaction-auth-capture-modal .dropdown input, .transaction-auth-capture-modal .input input {
    background-color: #FFFFFF;
    border-radius: 4px; }

.transaction-auth-capture-modal .header i.close-button:hover {
  background-color: rgba(14, 91, 243, 0.06);
  color: #0E5BF3; }

.transaction-auth-capture-modal .content {
  margin: 0 auto;
  padding: 2.28571em 8.57143em 0;
  width: 100%; }
  @media only screen and (max-width: 991px) {
    .transaction-auth-capture-modal .content {
      padding: 1.71429em; } }
  .transaction-auth-capture-modal .content .auth-capture-wrapper {
    -webkit-column-gap: 48px;
       -moz-column-gap: 48px;
            column-gap: 48px;
    display: grid;
    grid-template-columns: repeat(2, 1fr); }
    @media only screen and (max-width: 991px) {
      .transaction-auth-capture-modal .content .auth-capture-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -ms-flex-pack: distribute;
            justify-content: space-around; } }
    .transaction-auth-capture-modal .content .auth-capture-wrapper h3 {
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      letter-spacing: 0.15px;
      line-height: 24px;
      margin: 16px 0; }
      .transaction-auth-capture-modal .content .auth-capture-wrapper h3.type-label {
        margin-top: 30px; }
    .transaction-auth-capture-modal .content .auth-capture-wrapper .capture-loading-container {
      grid-column: span 2 / span 2; }
    .transaction-auth-capture-modal .content .auth-capture-wrapper .action-panel {
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      background-color: #FFFFFF;
      border-radius: 16px;
      -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
              box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      max-width: 656px;
      padding: 4.57143em 1.71429em 2.28571em;
      width: 100%; }
      @media only screen and (max-width: 991px) {
        .transaction-auth-capture-modal .content .auth-capture-wrapper .action-panel {
          width: 100%; } }
      .transaction-auth-capture-modal .content .auth-capture-wrapper .action-panel .s4-alert {
        width: 100%; }
      .transaction-auth-capture-modal .content .auth-capture-wrapper .action-panel .action-panel-content-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin: 0 auto;
        max-width: 400px;
        width: 100%; }
        @media only screen and (max-width: 767px) {
          .transaction-auth-capture-modal .content .auth-capture-wrapper .action-panel .action-panel-content-wrapper {
            max-width: 100%;
            padding: 1.71429em; } }
      .transaction-auth-capture-modal .content .auth-capture-wrapper .action-panel .input.error input {
        background-color: inherit; }
      .transaction-auth-capture-modal .content .auth-capture-wrapper .action-panel .powered-by {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-top: 2em;
        padding-bottom: 1.71429em;
        width: 100%; }
        .transaction-auth-capture-modal .content .auth-capture-wrapper .action-panel .powered-by .powered-by-text {
          color: rgba(0, 0, 0, 0.6);
          white-space: nowrap; }
    .transaction-auth-capture-modal .content .auth-capture-wrapper.adjustment-selection {
      /* stylelint-disable no-descending-specificity */
      height: calc(100% - 10px); }
      .transaction-auth-capture-modal .content .auth-capture-wrapper.adjustment-selection .capture-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 16px;
        max-width: 656px; }
        @media only screen and (max-width: 991px) {
          .transaction-auth-capture-modal .content .auth-capture-wrapper.adjustment-selection .capture-wrapper {
            max-width: initial;
            width: 100%; } }
        .transaction-auth-capture-modal .content .auth-capture-wrapper.adjustment-selection .capture-wrapper .menu-list {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          @media only screen and (max-width: 991px) {
            .transaction-auth-capture-modal .content .auth-capture-wrapper.adjustment-selection .capture-wrapper .menu-list {
              margin-bottom: 16px; } }
          @media only screen and (max-width: 767px) {
            .transaction-auth-capture-modal .content .auth-capture-wrapper.adjustment-selection .capture-wrapper .menu-list {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap; } }
          .transaction-auth-capture-modal .content .auth-capture-wrapper.adjustment-selection .capture-wrapper .menu-list button:disabled {
            opacity: 0.5;
            pointer-events: none; }
        .transaction-auth-capture-modal .content .auth-capture-wrapper.adjustment-selection .capture-wrapper .capture-type-container {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          gap: 8px; }
          .transaction-auth-capture-modal .content .auth-capture-wrapper.adjustment-selection .capture-wrapper .capture-type-container .input-wrapper {
            margin-top: 16px; }
            .transaction-auth-capture-modal .content .auth-capture-wrapper.adjustment-selection .capture-wrapper .capture-type-container .input-wrapper .input.error input {
              background-color: inherit; }
      .transaction-auth-capture-modal .content .auth-capture-wrapper.adjustment-selection .action-panel {
        height: 100%;
        max-width: 656px; }
        @media only screen and (max-width: 991px) {
          .transaction-auth-capture-modal .content .auth-capture-wrapper.adjustment-selection .action-panel {
            max-width: initial; } }
        .transaction-auth-capture-modal .content .auth-capture-wrapper.adjustment-selection .action-panel .action-panel-content-wrapper {
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: start; }
          .transaction-auth-capture-modal .content .auth-capture-wrapper.adjustment-selection .action-panel .action-panel-content-wrapper .action-panel-content {
            margin: auto 0;
            width: 400px; }
            @media only screen and (max-width: 991px) {
              .transaction-auth-capture-modal .content .auth-capture-wrapper.adjustment-selection .action-panel .action-panel-content-wrapper .action-panel-content {
                width: 100%; } }
          .transaction-auth-capture-modal .content .auth-capture-wrapper.adjustment-selection .action-panel .action-panel-content-wrapper .loader-container {
            height: 310px; }
          .transaction-auth-capture-modal .content .auth-capture-wrapper.adjustment-selection .action-panel .action-panel-content-wrapper .capture {
            margin-bottom: 8px;
            margin-top: 0; }
            .transaction-auth-capture-modal .content .auth-capture-wrapper.adjustment-selection .action-panel .action-panel-content-wrapper .capture .ticket-icon {
              margin-right: 8px; }
          .transaction-auth-capture-modal .content .auth-capture-wrapper.adjustment-selection .action-panel .action-panel-content-wrapper .capture-total {
            font-size: 48px;
            line-height: 1.167; }
            .transaction-auth-capture-modal .content .auth-capture-wrapper.adjustment-selection .action-panel .action-panel-content-wrapper .capture-total.error {
              color: #B00020; }
          .transaction-auth-capture-modal .content .auth-capture-wrapper.adjustment-selection .action-panel .action-panel-content-wrapper .total-capture-amount-info-wrapper {
            border: 1px solid rgba(0, 0, 0, 0.16);
            border-radius: 4px;
            border-spacing: 0;
            margin: 24px 0 16px;
            width: 100%; }
            .transaction-auth-capture-modal .content .auth-capture-wrapper.adjustment-selection .action-panel .action-panel-content-wrapper .total-capture-amount-info-wrapper td {
              border-top: 1px solid rgba(0, 0, 0, 0.16); }
            .transaction-auth-capture-modal .content .auth-capture-wrapper.adjustment-selection .action-panel .action-panel-content-wrapper .total-capture-amount-info-wrapper th, .transaction-auth-capture-modal .content .auth-capture-wrapper.adjustment-selection .action-panel .action-panel-content-wrapper .total-capture-amount-info-wrapper td {
              padding: 16px;
              text-align: center; }
              .transaction-auth-capture-modal .content .auth-capture-wrapper.adjustment-selection .action-panel .action-panel-content-wrapper .total-capture-amount-info-wrapper th:first-of-type, .transaction-auth-capture-modal .content .auth-capture-wrapper.adjustment-selection .action-panel .action-panel-content-wrapper .total-capture-amount-info-wrapper td:first-of-type {
                text-align: left; }
              .transaction-auth-capture-modal .content .auth-capture-wrapper.adjustment-selection .action-panel .action-panel-content-wrapper .total-capture-amount-info-wrapper th:last-of-type, .transaction-auth-capture-modal .content .auth-capture-wrapper.adjustment-selection .action-panel .action-panel-content-wrapper .total-capture-amount-info-wrapper td:last-of-type {
                text-align: right; }

.review-menu-modal .dialog .sub-content,
.review-menu-modal .dialog .content {
  font-size: 1.42857em;
  line-height: 2em; }

.feathery-survey-modal .dialog {
  background: #F1F7FE; }
  .feathery-survey-modal .dialog .divider {
    display: none !important; }

.feathery-survey-modal .feathery-body {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 500px;
  overflow: hidden;
  padding: 0 !important;
  position: relative; }

.feathery-survey-modal #feathery-container {
  height: 100%;
  overflow-y: auto;
  width: 100%; }

.feathery-survey-modal #feathery-container.hidden {
  overflow: hidden;
  visibility: hidden; }

.feathery-survey-modal #feathery-container.visible {
  visibility: visible; }

.feathery-survey-modal .loader-overlay {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #F1F7FE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  inset: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  z-index: 10; }

.customer-edit.ui.basic.segment {
  padding: 0; }
  .customer-edit.ui.basic.segment .ui.segment {
    margin: 0; }
  .customer-edit.ui.basic.segment .ui.form .fields {
    margin-bottom: 0; }
  .customer-edit.ui.basic.segment td.ui.link {
    padding-bottom: 1.2em;
    padding-top: 1.2em; }
    .customer-edit.ui.basic.segment td.ui.link a {
      text-decoration: underline; }
  .customer-edit.ui.basic.segment td i.remove {
    cursor: pointer; }
  .customer-edit.ui.basic.segment div.dropdown.states {
    min-width: 0;
    width: 100%; }

.sm-header .ui.popup.account-header {
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  max-width: 50vw;
  min-width: 300px;
  padding: 0; }

.sm-header .content {
  padding-left: 1em;
  text-align: left;
  vertical-align: middle !important; }

.sm-header .sm-header.ui.label {
  background-color: #FFF; }

.sm-header .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 7px 0; }
  .sm-header .row > .warning.icon {
    width: 23px; }
    .sm-header .row > .warning.icon + .sm-header {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .sm-header .row > .warning.icon + .sm-header > .content {
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
        padding-left: 10px; }
      .sm-header .row > .warning.icon + .sm-header > .inline-warning {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
        -webkit-box-flex: 2;
            -ms-flex-positive: 2;
                flex-grow: 2; }
  .sm-header .row > .sm-header.label {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.sm-header i.huge.icons.profile-picture {
  font-size: 4rem; }

.profile-picture {
  height: 55px;
  width: 55px; }
  .profile-picture > img.ui.image {
    background-color: #bcbec0; }
  .profile-picture i.icons .icon:first-child {
    margin-right: 0; }
  .profile-picture i.icons.sm-icons {
    left: 49%;
    position: absolute;
    top: 50%; }
  .profile-picture .facebook-background {
    color: #3b5998; }
  .profile-picture .facebook-background + .facebook {
    color: #FFF; }
  .profile-picture .twitter-background {
    color: #1DA1F2; }
  .profile-picture .yelp-background {
    color: #F21D1D; }

.link-configuration-warning {
  display: inline;
  margin-left: 8px; }

.sm-post .post-content > .ui.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around; }
  .sm-post .post-content > .ui.grid .shared-post-header {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-bottom: 0.5em; }
  .sm-post .post-content > .ui.grid .post-content-shared {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 0.5em !important; }
  .sm-post .post-content > .ui.grid .post-content-preview-label {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-bottom: 0.5em !important;
    margin-top: 0.5em !important; }
  .sm-post .post-content > .ui.grid .post-content-preview-text {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-bottom: 0.5em !important;
    padding: 1.5em; }
  .sm-post .post-content > .ui.grid .post-pictures {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 25%; }

.campaign .email.design {
  background-color: #e4ebeb;
  margin: 0 -1em;
  padding: 1em; }
  .campaign .email.design .theme.selection {
    display: inline-block;
    width: 100%; }
    .campaign .email.design .theme.selection .ui.dropdown {
      min-width: 300px; }
  .campaign .email.design .template {
    margin: -14px auto auto auto;
    max-width: 570px;
    min-height: 100px;
    padding: 0; }
  .campaign .email.design .template.loading {
    margin: auto; }
  .campaign .email.design .ui.grid .column.description p:first-child {
    margin-bottom: 1em;
    margin-top: 1em; }
  .campaign .email.design .ui.grid .column.preview {
    padding-left: 0;
    padding-right: 0; }

.campaign .campaign.type {
  margin: 1em auto;
  max-width: 900px; }
  .campaign .campaign.type .active.title {
    border-bottom: 1px solid rgba(34, 36, 38, 0.15); }

.campaign .wizard.navigation {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  margin-top: 0em; }

.campaign .segment.campaign.settings {
  margin: 1em auto;
  max-width: 900px; }
  .campaign .segment.campaign.settings .ui.divider {
    margin: 2em -1em 1em -1em; }
  .campaign .segment.campaign.settings label.hint {
    font-size: smaller;
    font-weight: normal; }

.campaign .date-picker-input-form .one.wide.field {
  margin: 0;
  padding: 0;
  width: 0 !important; }

.campaign .sm-post-frequency,
.campaign .date-picker-input-form {
  margin-top: 1em; }

.campaign .flash-messages-container {
  padding-bottom: 0.5em; }

.campaign .ui.secondary.segment.preview div, .campaign .internet-payments-wrapper .ui.segment.preview.dropdown-file-selector div, .internet-payments-wrapper .campaign .ui.segment.preview.dropdown-file-selector div, .campaign .internet-payments-wrapper .download-label-button .ui.segment.preview.download div, .internet-payments-wrapper .download-label-button .campaign .ui.segment.preview.download div, .campaign .internet-payments-fullscreen-modal > .header.top-title .ui.segment.preview.close-btn div, .internet-payments-fullscreen-modal > .header.top-title .campaign .ui.segment.preview.close-btn div {
  margin: auto;
  width: 100%; }
  .campaign .ui.secondary.segment.preview div img, .campaign .internet-payments-wrapper .ui.segment.preview.dropdown-file-selector div img, .internet-payments-wrapper .campaign .ui.segment.preview.dropdown-file-selector div img, .campaign .internet-payments-wrapper .download-label-button .ui.segment.preview.download div img, .internet-payments-wrapper .download-label-button .campaign .ui.segment.preview.download div img, .campaign .internet-payments-fullscreen-modal > .header.top-title .ui.segment.preview.close-btn div img, .internet-payments-fullscreen-modal > .header.top-title .campaign .ui.segment.preview.close-btn div img {
    margin-top: 0.5em;
    width: 100%; }

/* stylelint-disable declaration-block-no-shorthand-property-overrides */
.reset.all.styles {
  /* basic modern patch */
  all: initial;
  all: unset;
  -webkit-animation: none;
          animation: none;
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-duration: 0;
          animation-duration: 0;
  -webkit-animation-fill-mode: none;
          animation-fill-mode: none;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-name: none;
          animation-name: none;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  background: 0;
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background-image: none;
  background-origin: padding-box;
  background-position: 0 0;
  background-position-x: 0;
  background-position-y: 0;
  background-repeat: repeat;
  background-size: auto auto;
  border: 0;
  border-bottom: 0;
  border-bottom-color: inherit;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-style: none;
  border-bottom-width: medium;
  border-collapse: separate;
  border-color: inherit;
  -o-border-image: none;
     border-image: none;
  border-left: 0;
  border-left-color: inherit;
  border-left-style: none;
  border-left-width: medium;
  border-radius: 0;
  border-right: 0;
  border-right-color: inherit;
  border-right-style: none;
  border-right-width: medium;
  border-spacing: 0;
  border-style: none;
  border-top: 0;
  border-top-color: inherit;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top-style: none;
  border-top-width: medium;
  border-width: medium;
  bottom: auto;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  caption-side: top;
  clear: none;
  clip: auto;
  color: inherit;
  -webkit-column-count: auto;
     -moz-column-count: auto;
          column-count: auto;
  -webkit-column-fill: balance;
     -moz-column-fill: balance;
          column-fill: balance;
  -webkit-column-gap: normal;
     -moz-column-gap: normal;
          column-gap: normal;
  -webkit-column-rule: medium none currentColor;
     -moz-column-rule: medium none currentColor;
          column-rule: medium none currentColor;
  -webkit-column-rule-color: currentColor;
     -moz-column-rule-color: currentColor;
          column-rule-color: currentColor;
  -webkit-column-rule-style: none;
     -moz-column-rule-style: none;
          column-rule-style: none;
  -webkit-column-rule-width: none;
     -moz-column-rule-width: none;
          column-rule-width: none;
  -webkit-column-span: 1;
     -moz-column-span: 1;
          column-span: 1;
  -webkit-column-width: auto;
     -moz-column-width: auto;
          column-width: auto;
  -webkit-columns: auto;
     -moz-columns: auto;
          columns: auto;
  content: normal;
  counter-increment: none;
  counter-reset: none;
  cursor: auto;
  direction: ltr;
  display: inline;
  empty-cells: show;
  float: none;
  font: normal;
  font-family: inherit;
  font-size: medium;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  height: auto;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  left: auto;
  letter-spacing: normal;
  line-height: normal;
  list-style: none;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: disc;
  margin: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  max-height: none;
  max-width: none;
  min-height: 0;
  min-width: 0;
  opacity: 1;
  orphans: 0;
  outline: 0;
  outline-color: invert;
  outline-style: none;
  outline-width: medium;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  padding: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  page-break-after: auto;
  page-break-before: auto;
  page-break-inside: auto;
  -webkit-perspective: none;
          perspective: none;
  -webkit-perspective-origin: 50% 50%;
          perspective-origin: 50% 50%;
  position: static;
  /* May need to alter quotes for different locales (e.g fr) */
  quotes: '\201C' '\201D' '\2018' '\2019';
  right: auto;
  -moz-tab-size: 8;
    -o-tab-size: 8;
       tab-size: 8;
  table-layout: auto;
  text-align: inherit;
  -moz-text-align-last: auto;
       text-align-last: auto;
  text-decoration: none;
  -webkit-text-decoration-color: inherit;
          text-decoration-color: inherit;
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  top: auto;
  -webkit-transform: none;
          transform: none;
  -webkit-transform-style: flat;
          transform-style: flat;
  -webkit-transition: none;
  transition: none;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-property: none;
  transition-property: none;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  unicode-bidi: normal;
  vertical-align: baseline;
  visibility: visible;
  white-space: normal;
  widows: 0;
  width: auto;
  word-spacing: normal;
  z-index: auto; }

/* stylelint-enable */
.ui.label.status-box {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  width: 80px; }

.post-preview-root {
  margin-top: 0 !important;
  padding-top: 0 !important; }

.post-preview-row {
  padding-bottom: 0.1em; }

.post-preview-info {
  float: right; }

.post-preview-info-date {
  color: grey;
  padding-right: 1em; }

.post-preview-info-custom {
  padding-top: 0.5em;
  text-align: right; }

.post-preview-grey {
  color: grey; }

.post-preview-nested {
  margin-left: 2em !important; }

.owner-response-header {
  margin-bottom: 0.2em !important;
  padding-bottom: 0 !important; }

.owner-response-buttons {
  margin-top: -20px !important;
  padding-top: 0 !important; }

.review-respond-form-buttons {
  overflow: hidden; }
  .review-respond-form-buttons .ui.button {
    padding-left: 2.5em;
    padding-right: 2.5em; }

.ui.grid.view-source {
  -webkit-box-pack: left !important;
      -ms-flex-pack: left !important;
          justify-content: left !important;
  padding: 1em 1em; }
  .ui.grid.view-source button {
    background-color: white;
    border: 1px solid #009BF4 !important;
    color: #009BF4 !important;
    font-weight: 500;
    margin: 0 1em 0 1em;
    padding: 0 1.5em 0 1.5em; }
    .ui.grid.view-source button:hover {
      background-color: rgba(0, 155, 244, 0.1); }
  .ui.grid.view-source span {
    color: #009BF4;
    cursor: pointer;
    padding: 0.5em 1em; }

.support-ticket-details .support-ticket-header {
  padding: 0;
  width: 100%; }
  .support-ticket-details .support-ticket-header h2 {
    float: left; }
  .support-ticket-details .support-ticket-header .ticket-status {
    float: right;
    padding-top: 5px; }

.support-ticket-details p {
  float: left;
  width: 100%; }

.support-ticket-details .support-ticket-action {
  margin: 20px 0;
  padding: 0; }
  .support-ticket-details .support-ticket-action button {
    width: 120px; }

.support-ticket-details .comment-header {
  color: #333333;
  float: left;
  font-size: 14px;
  font-weight: 800; }

.support-ticket-details .comment-time {
  float: right;
  padding-bottom: 21px; }
  .support-ticket-details .comment-time p {
    color: #999999;
    font-size: 12px; }

.employee-table {
  border: 0 !important; }
  .employee-table a .write.icon, .employee-table a label.create-employee-button {
    color: #000000; }
  .employee-table .employee-table-body i {
    cursor: pointer; }

.employee-tabs {
  background: #ffffff;
  border-radius: 3px; }
  .employee-tabs .employee-tab {
    color: #000000;
    font-weight: bold;
    padding: 1em 1.5em; }
  .employee-tabs .ui.segment {
    border: 0px;
    margin: 0em;
    padding: 0em; }
  .employee-tabs .ui.segments .ui.header {
    border-left: none !important; }
  .employee-tabs .ui.segments .ui.header.segment.tabular.menu {
    cursor: auto !important;
    height: 100%;
    overflow: auto; }
  .employee-tabs .ui.right.dropdown.item .ui:nth-last-child(2) {
    width: auto; }
  .employee-tabs .ui.right.dropdown.item .ui:last-child {
    width: auto; }
  .employee-tabs .ui.tabular.menu {
    border-bottom: 1px solid rgba(34, 36, 38, 0.15); }
    .employee-tabs .ui.tabular.menu .active {
      border-bottom: 5px solid #0E5BF3;
      color: #090304 !important;
      margin-left: 2px !important; }
      .employee-tabs .ui.tabular.menu .active:hover {
        border-color: #0E5BF3 !important; }
    .employee-tabs .ui.tabular.menu .ui.table {
      border: none !important; }
    .employee-tabs .ui.tabular.menu label {
      cursor: pointer; }
    .employee-tabs .ui.tabular.menu a:hover {
      border-bottom: 5px solid #88B7FA; }

.unset-margin-top {
  margin-top: unset !important; }

.employee-form .flash-messages-container {
  margin-bottom: 20px; }

.employee-form .header {
  width: 100%; }
  .employee-form .header .toggle {
    float: right; }

.employee-form .phone-header-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0px;
  width: 100%; }
  .employee-form .phone-header-container h2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%;
    margin: 0; }
  .employee-form .phone-header-container .phone-explanation-popup {
    text-align: right; }

.employee-form .group-field .dropdown.icon {
  padding-top: 15px !important; }

.employee-form .group-field .item-label > span {
  display: inline-block;
  max-width: 140px;
  overflow: hidden;
  padding-top: 5px;
  text-overflow: ellipsis;
  white-space: nowrap; }
  @media only screen and (max-width: 767px) {
    .employee-form .group-field .item-label > span {
      max-width: 500px; } }
  @media only screen and (max-width: 600px) {
    .employee-form .group-field .item-label > span {
      max-width: 400px; } }
  @media only screen and (max-width: 500px) {
    .employee-form .group-field .item-label > span {
      max-width: 300px; } }
  @media only screen and (max-width: 367px) {
    .employee-form .group-field .item-label > span {
      max-width: 200px; } }

.employee-form .phone-number-field {
  margin-bottom: 20px; }
  @media screen and (max-width: 320px) {
    .employee-form .phone-number-field {
      margin-bottom: 0px; } }

.employee-actions {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important; }

.revenue-class-form .flash-messages-container {
  margin-bottom: 20px; }

.revenue-class-form .text {
  color: #666666;
  font-size: 0.85714rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  line-height: 16px;
  max-width: 250px;
  padding-left: 16px;
  padding-top: 4px;
  text-align: end; }

.surcharge-form .ui.divider {
  margin: 0.5em 0em !important;
  width: 100%; }

@media only screen and (max-width: 767px) {
  .ui.stackable.grid.surcharge-form > .row {
    padding-bottom: 1rem;
    padding-top: 1rem; } }

.modifier-set-form .modifier-table {
  margin-top: 30px; }
  .modifier-set-form .modifier-table .times.icon {
    color: #cccccc; }
    .modifier-set-form .modifier-table .times.icon:hover {
      color: #999999; }

.modifier-set-form .responsive-table {
  margin-bottom: 20px;
  padding: 0; }
  .modifier-set-form .responsive-table .responsive-table {
    margin-bottom: 20px;
    padding: 0; }

#modifier-modal .form > div:nth-child(5) {
  margin: 10px 0; }

@media only screen and (max-width: 767px) {
  .modifier-set-form.ui.form.grid.padded.stackable h2.header:first-of-type {
    margin-top: 20px; }
  .modifier-set-form .responsive-table {
    margin-bottom: 20px;
    padding: 0; }
  .modifier-set-form .primary {
    width: 100%; } }

.modifier-set-max-validation p {
  margin: 0; }

.modifier-set-max-validation ul {
  list-style: inside;
  margin: 5px 0 0 0;
  padding-left: 5px; }
  .modifier-set-max-validation ul li a {
    color: white;
    margin-left: -5px;
    text-decoration: underline; }

.order-type-form .header.group-field-header {
  margin: 6px 0 20px;
  padding: 0; }

.department-form .error-message {
  border-radius: 0;
  font-weight: 800;
  margin: 0;
  margin-bottom: 10px;
  padding: 10px;
  text-align: center;
  width: 100%; }

.department-form .radio-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 0 10px 0;
  width: 100%; }
  .department-form .radio-container .radio {
    padding-bottom: 10px; }

.department-form .custom-scheduling-container {
  -webkit-box-shadow: 0 1px 0 0 #E5E5E5, 1px 0 0 0 #E5E5E5, -1px 0 0 0 #E5E5E5;
          box-shadow: 0 1px 0 0 #E5E5E5, 1px 0 0 0 #E5E5E5, -1px 0 0 0 #E5E5E5;
  padding: 10px !important; }

.item-form h2 .text {
  color: #666666;
  font-size: 0.85714rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  line-height: 16px;
  max-width: 250px;
  padding-left: 16px;
  padding-top: 4px;
  text-align: end; }

.item-form .ui.selection.dropdown.price-schedule-dropdown {
  margin-bottom: 10px;
  width: 16em; }
  .item-form .ui.selection.dropdown.price-schedule-dropdown .menu .clear-button {
    margin: 0.5rem 0; }
  .item-form .ui.selection.dropdown.price-schedule-dropdown > .text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%; }

.item-form .image-upload-field .field > div {
  background-color: #FFFFFF;
  border-color: transparent;
  border-left-width: 0;
  color: #333333; }

@media only screen and (max-width: 767px) {
  .item-form .ui.selection.dropdown.price-schedule-dropdown {
    width: 100%; } }

.item-form .blue.buttons.input {
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */ }
  .item-form .blue.buttons.input input::-webkit-outer-spin-button,
  .item-form .blue.buttons.input input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .item-form .blue.buttons.input input[type=number] {
    -moz-appearance: textfield; }
  .item-form .blue.buttons.input .ui.field.padded.stackable.grid {
    -webkit-box-shadow: none;
            box-shadow: none; }
    .item-form .blue.buttons.input .ui.field.padded.stackable.grid input {
      border-bottom-right-radius: 0.28571429rem;
      border-color: #e5e5e5;
      border-top-right-radius: 0.28571429rem;
      max-width: 6em;
      min-width: 6em; }
    .item-form .blue.buttons.input .ui.field.padded.stackable.grid.focused:after {
      -webkit-box-shadow: none;
              box-shadow: none; }
    .item-form .blue.buttons.input .ui.field.padded.stackable.grid.focused input {
      border-color: #009BF4; }

@media only screen and (max-width: 767px) {
  .item-form .blue.buttons.input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .item-form.ui.form.grid.padded.stackable .ui.selection.dropdown.price-schedule-dropdown {
    border: 1px solid #E5E5E5 !important; } }

.item-form .error-message {
  border-radius: 0;
  font-weight: 800;
  margin: 0;
  margin-bottom: 10px;
  padding: 10px;
  text-align: center;
  width: 100%; }

.item-form .radio-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 0 10px 0;
  width: 100%; }
  .item-form .radio-container .radio {
    padding-bottom: 10px; }
  .item-form .radio-container.radio-group {
    padding: 0px; }
    .item-form .radio-container.radio-group .radio {
      margin: 8px;
      padding: 0px; }

.item-form .custom-scheduling-container {
  -webkit-box-shadow: 0 1px 0 0 #E5E5E5, 1px 0 0 0 #E5E5E5, -1px 0 0 0 #E5E5E5;
          box-shadow: 0 1px 0 0 #E5E5E5, 1px 0 0 0 #E5E5E5, -1px 0 0 0 #E5E5E5;
  padding: 10px !important; }

.price-scheduling-form > .group-field-container {
  margin-top: 20px; }

.price-scheduling-form .time-pickers {
  margin-bottom: 0;
  padding: 0; }

.dynamic-pricing-form .dynamic-pricing-field-container {
  padding-bottom: 10px !important; }
  .dynamic-pricing-form .dynamic-pricing-field-container .group-field {
    margin: 0px !important; }
  .dynamic-pricing-form .dynamic-pricing-field-container .red.segment {
    margin-top: 10px !important; }

.dynamic-pricing-form .radio-container-dynamic-pricing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0px 0px 10px 0px !important; }
  .dynamic-pricing-form .radio-container-dynamic-pricing .ui.checkbox {
    padding-bottom: 10px; }

.dynamic-pricing-form .date-override-form .checkbox.toggle {
  padding-top: 0; }

.shift-form .result-table {
  margin-bottom: 20px;
  margin-top: 20px;
  width: 100%; }

.shift-form .ui.message.warning {
  width: 100%; }

.shift-form .ui.form.grid.padded.stackable .field .ui.selection.dropdown .text {
  padding-right: 20px;
  width: 100%; }

.shift-form .ui.form.grid.padded.stackable .field .ui.selection.dropdown .menu {
  max-width: 100%;
  width: 100%; }

.shift-form .ui.form.grid.padded.stackable .field .ui.selection.dropdown .item-label span {
  word-break: break-all; }

.shift-form .ui.form.grid.padded.stackable .field.error .datetime-picker .icon.dropdown {
  display: none; }

.price-group-form .group-field .checkbox-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .price-group-form .group-field .checkbox-list label {
    width: 200px; }
  .price-group-form .group-field .checkbox-list .checkbox-items {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    overflow: auto;
    text-overflow: ellipsis;
    white-space: nowrap; }

.workforce-cancellation-modal {
  max-width: 560px; }
  .workforce-cancellation-modal .workforce-cancellation-body {
    padding: 0 40px 40px 40px;
    width: 100%; }
    .workforce-cancellation-modal .workforce-cancellation-body .workforce-cancellation-content-item {
      margin-bottom: 24px; }
      .workforce-cancellation-modal .workforce-cancellation-body .workforce-cancellation-content-item:last-child {
        margin-bottom: 0; }

.course-form .checkbox-tree ul.tree-nodes {
  height: 460px; }

.course-form .tree-view {
  border: unset; }
  .course-form .tree-view li {
    pointer-events: none; }

@media only screen and (max-width: 767px) {
  .course-form .checkbox-tree ul.tree-nodes {
    height: 350px; } }

.price-schedules-component {
  width: 100%; }
  .price-schedules-component .price-schedule-dropdown .vertical.menu {
    max-width: 472px !important; }
  .price-schedules-component .price-schedule-dropdown .text {
    display: block;
    overflow: hidden;
    padding-right: 25px;
    text-overflow: ellipsis; }
  .price-schedules-component .price-schedule-table {
    border: 1px solid #E5E5E5;
    border-bottom: none;
    margin-top: 20px; }
    .price-schedules-component .price-schedule-table .item {
      border-bottom: 1px solid #E5E5E5;
      padding: 20px; }
      .price-schedules-component .price-schedule-table .item .title {
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
        padding-bottom: 5px; }
      .price-schedules-component .price-schedule-table .item .range {
        font-size: 14px;
        font-style: normal;
        line-height: 20px;
        padding-bottom: 20px; }
    .price-schedules-component .price-schedule-table .price-change-wrapper .buttons {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: 100%; }
      .price-schedules-component .price-schedule-table .price-change-wrapper .buttons button {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; }
    .price-schedules-component .price-schedule-table .price-change-wrapper .blue.buttons.input {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      /* Chrome, Safari, Edge, Opera */
      /* Firefox */ }
      .price-schedules-component .price-schedule-table .price-change-wrapper .blue.buttons.input .stretched.column {
        margin-right: 10px; }
      .price-schedules-component .price-schedule-table .price-change-wrapper .blue.buttons.input input::-webkit-outer-spin-button,
      .price-schedules-component .price-schedule-table .price-change-wrapper .blue.buttons.input input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0; }
      .price-schedules-component .price-schedule-table .price-change-wrapper .blue.buttons.input input[type=number] {
        -moz-appearance: textfield; }
      .price-schedules-component .price-schedule-table .price-change-wrapper .blue.buttons.input .ui.field.padded.stackable.grid {
        -webkit-box-shadow: none;
                box-shadow: none; }
        .price-schedules-component .price-schedule-table .price-change-wrapper .blue.buttons.input .ui.field.padded.stackable.grid input {
          border-color: #e5e5e5;
          border-left-width: 1px !important;
          border-radius: 0.28571429rem;
          font-size: 14px;
          line-height: 20px;
          min-width: 220px;
          padding-right: 30px !important; }
        .price-schedules-component .price-schedule-table .price-change-wrapper .blue.buttons.input .ui.field.padded.stackable.grid .circle.icon {
          margin-right: 10px;
          padding-top: 8px; }
        .price-schedules-component .price-schedule-table .price-change-wrapper .blue.buttons.input .ui.field.padded.stackable.grid.focused:after {
          -webkit-box-shadow: none;
                  box-shadow: none; }
        .price-schedules-component .price-schedule-table .price-change-wrapper .blue.buttons.input .ui.field.padded.stackable.grid.focused input {
          border-color: #009BF4; }
    @media only screen and (max-width: 767px) {
      .price-schedules-component .price-schedule-table .price-change-wrapper .blue.buttons.input {
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .price-schedules-component .price-schedule-table .price-change-wrapper .blue.buttons.input .stretched.column {
          margin-bottom: 10px;
          margin-right: 0px; }
        .price-schedules-component .price-schedule-table .price-change-wrapper .blue.buttons.input .ui.field.padded.stackable.grid input {
          min-width: auto; }
      .price-schedules-component .price-schedule-table .price-change-wrapper.ui.form.grid.padded.stackable .ui.selection.dropdown.price-schedule-dropdown {
        border: 1px solid #E5E5E5 !important; } }
  .price-schedules-component .error-message {
    border-radius: 0;
    font-weight: 800;
    margin-top: 20px !important;
    padding: .5714285em;
    text-align: center;
    width: 100%; }

.modifier-prep-times-table {
  padding: 0 !important;
  width: 100%; }
  .modifier-prep-times-table .row {
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px;
    line-height: 20px;
    padding: 15px 20px !important; }
  .modifier-prep-times-table .header {
    background: #f7f7f7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 800;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .modifier-prep-times-table .content {
    border-left: none !important;
    border-right: none !important; }
    .modifier-prep-times-table .content.title {
      font-weight: 800; }
    .modifier-prep-times-table .content.item {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 7px 20px !important;
      padding-left: 40px !important; }
      .modifier-prep-times-table .content.item .input {
        width: 90px !important; }
        .modifier-prep-times-table .content.item .input input {
          text-align: right; }
  .modifier-prep-times-table .input.error .field::after {
    -webkit-box-shadow: inset 0 0 0 1px #B00300;
            box-shadow: inset 0 0 0 1px #B00300; }

.date-override-form .error-message {
  margin-bottom: 8px !important; }

.date-override-form .overrides-group {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .date-override-form .overrides-group .grid {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin: 0 0 9px 0 !important; }
  .date-override-form .overrides-group .override-date-picker {
    margin: 0;
    padding: 0; }
  .date-override-form .overrides-group .group-remove-icon {
    background-color: #FFFFFF;
    max-width: 36px; }
  .date-override-form .overrides-group.error {
    border: 2px solid #f71414; }
    .date-override-form .overrides-group.error .group-remove-icon {
      border-right: solid #f71414; }
  @media only screen and (max-width: 767px) {
    .date-override-form .overrides-group .field.padded.list-item > label.column {
      width: 25% !important; }
    .date-override-form .overrides-group .group-remove-icon {
      margin: 0; } }

.field-selector-group .add-record {
  margin: 0 0 20px 16px; }

.dynamic-price-form.ui.grid {
  margin: -14px 0; }

.dynamic-price-form .error-row {
  padding: 0 !important; }

.dynamic-price-schedule {
  width: 100%; }
  .dynamic-price-schedule.disabled {
    background-color: #f7f7f7; }
  .dynamic-price-schedule.ui.field {
    margin-bottom: 1px;
    padding: 10px 20px 20px 20px; }
  .dynamic-price-schedule .title {
    font-weight: 800;
    margin-bottom: 4px; }
  .dynamic-price-schedule .description {
    margin-bottom: 4px; }
  .dynamic-price-schedule .revenue-centers {
    margin-bottom: 6px; }
  .dynamic-price-schedule .rounded-text-label-container {
    background: #136EF6;
    border-radius: .25em;
    color: white;
    display: inline-block;
    font-weight: bold;
    margin-left: 5px;
    padding: 3px;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; }

.custom-scheduling {
  padding-bottom: 10px !important; }
  .custom-scheduling .group-field {
    margin: 0px !important; }
  .custom-scheduling .red.segment {
    margin-top: 10px !important; }

.menu-viewer-button-container {
  position: relative;
  text-align: right;
  top: -86px; }
  @media only screen and (max-width: 767px) {
    .menu-viewer-button-container {
      top: -74px; } }

.page-content .feature-coming-soon {
  -ms-flex-item-align: start;
      align-self: flex-start;
  background-image: url("../img/shift4/skytab_gradient_background_blue_web.png");
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100vh - 350px);
  text-align: left;
  width: 100%; }
  .page-content .feature-coming-soon .coming-soon-message {
    -ms-flex-item-align: center;
        align-self: center;
    margin-left: 3%;
    width: 30%; }
    .page-content .feature-coming-soon .coming-soon-message h1 {
      font-weight: bold; }
    .page-content .feature-coming-soon .coming-soon-message h3 {
      font-weight: bold; }
    .page-content .feature-coming-soon .coming-soon-message .ui.button.v2 {
      background-color: #0E5BF3;
      border-radius: 5rem;
      -webkit-box-shadow: unset;
              box-shadow: unset;
      color: #FFFFFF; }
  @media (max-width: 768px) {
    .page-content .feature-coming-soon .coming-soon-message {
      -ms-flex-item-align: center;
          align-self: center;
      margin-left: 3%;
      width: 30%; }
      .page-content .feature-coming-soon .coming-soon-message h1 {
        font-size: 14px;
        font-weight: bold; }
      .page-content .feature-coming-soon .coming-soon-message h3 {
        font-size: 13px;
        font-weight: bold;
        line-height: 1em; }
      .page-content .feature-coming-soon .coming-soon-message p {
        font-size: 12px;
        font-size: 11px;
        line-height: 1em; }
      .page-content .feature-coming-soon .coming-soon-message .ui.button.v2 {
        background-color: #0E5BF3;
        border-radius: 5rem;
        -webkit-box-shadow: unset;
                box-shadow: unset;
        color: #FFFFFF;
        font-size: 10px;
        line-height: 1em; } }
  .page-content .feature-coming-soon .coming-soon-image {
    -ms-flex-item-align: center;
        align-self: center;
    width: 60%; }
    .page-content .feature-coming-soon .coming-soon-image img {
      height: auto;
      max-width: 100%; }

.hardware.mobile {
  padding: 16px; }

.hardware .ad-banner {
  border-radius: 10px; }

@media only screen and (max-width: 767px) {
  .skytab-orders .title-bar-menu {
    padding: 0 20px 0 20px !important; } }

.orders > .page-wrapper {
  width: 100% !important; }

.product-details .picture {
  display: block;
  max-height: 224px;
  width: auto; }
  .product-details .picture.vertical {
    max-height: 100%;
    max-width: 216px;
    width: 100%; }

.product-details .details .detail {
  border-bottom: 1px solid #D7D7D6;
  padding-bottom: 10px;
  padding-top: 10px; }
  .product-details .details .detail .type {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.15px;
    line-height: 24px; }
  .product-details .details .detail .text {
    font-size: 16px;
    letter-spacing: 0.25px;
    line-height: 24px; }

.product-list {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fill, minmax(370px, 1fr));
  margin-top: 16px; }
  @media only screen and (max-width: 450px) {
    .product-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .product-list > div {
        margin-bottom: 16px; } }
  .product-list .product-list-item {
    background: #FFFFFF;
    border-radius: 8px;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 32px; }
    @media only screen and (max-width: 450px) {
      .product-list .product-list-item {
        padding: 20px; } }
    .product-list .product-list-item .product-image {
      display: block;
      margin: 0px auto;
      max-height: 160px;
      max-width: 100%; }
    .product-list .product-list-item .product-title {
      color: rgba(0, 0, 0, 0.87);
      font-size: 24px;
      font-style: normal;
      font-weight: 400;
      line-height: 30px;
      margin: 32px 0; }
    .product-list .product-list-item .product-description {
      color: #666666;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px; }
    .product-list .product-list-item .action {
      margin-top: 36px; }
    .product-list .product-list-item .button {
      width: 100%; }

.successful-checkout {
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 30px;
  width: 700px; }
  .successful-checkout > .content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 560px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center; }
    .successful-checkout > .content .title {
      color: #101828;
      font-size: 28px;
      font-weight: 400;
      line-height: 34px;
      margin-bottom: 10px;
      margin-top: 20px; }
    .successful-checkout > .content .text {
      color: #333333;
      font-size: 14px;
      font-weight: 400;
      line-height: 20px; }
    .successful-checkout > .content .link {
      color: #009BF4;
      font-weight: 700; }
  .successful-checkout > .action {
    width: 100%; }
    .successful-checkout > .action button {
      width: 100%; }

@media only screen and (max-width: 1100px) {
  .successful-checkout {
    height: 470px;
    width: auto; } }

.item-card {
  background: #FFFFFF;
  border-radius: 8px;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 32px; }
  @media only screen and (max-width: 450px) {
    .item-card {
      padding: 20px; } }
  .item-card .notification {
    position: relative; }
    .item-card .notification .notification-items {
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      left: -17px;
      position: absolute;
      top: -12px; }
      @media only screen and (max-width: 768px) {
        .item-card .notification .notification-items {
          left: 0px;
          top: 0px; } }
      .item-card .notification .notification-items .text {
        background: #e5f5fe;
        border-radius: 100px;
        color: #333333;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 5px;
        padding: 5px 10px; }
  .item-card .about .title .image {
    display: block;
    margin: 0px auto;
    max-height: 160px;
    max-width: 100%; }
  .item-card .about .title .text {
    color: rgba(0, 0, 0, 0.87);
    font-size: 24px;
    line-height: 30px;
    margin: 32px 0; }
  .item-card .about .description {
    color: #666666;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 30px; }
  .item-card .about .disclaimer {
    background: #f7f7f7;
    border-radius: 4px;
    color: #333333;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 15px;
    padding: 10px 15px; }
  .item-card .action .learn-more-link {
    margin-bottom: 16px; }
    .item-card .action .learn-more-link a {
      font-size: 16px;
      font-weight: 800;
      line-height: 24px; }
  .item-card .action .info {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .item-card .action .info .price {
      color: #333333;
      font-size: 18px;
      line-height: 24px; }
  .item-card .action .action-button {
    margin-top: 16px;
    width: 100%; }

.no-image {
  background-color: #ececec;
  border-radius: 4px;
  height: 59px;
  margin: 5px 0;
  width: 59px; }

.tax-form .toggle-header {
  width: 100%; }
  .tax-form .toggle-header .toggle {
    float: right; }

.tax-form .form .column:nth-child(5) {
  margin-top: 20px; }

.tax-form .form .column:nth-child(10) {
  margin-bottom: 0; }

.tax-form .flash-messages-container {
  margin-bottom: 20px; }

.tax-form .order-types-message {
  padding: 20px 0; }

.tax-form .ticket-is-liquor {
  padding: 20px 0 0 0; }

.tax-form .ui.info.message {
  margin-bottom: 16px; }

.tax-form .group-field .grid {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
  .tax-form .group-field .grid .column:has(> .toggle) {
    margin: auto;
    width: auto !important; }
  .tax-form .group-field .grid .dropdown .item-label {
    padding-right: 8px; }

@media only screen and (max-width: 767px) {
  .tax-form .group-field .grid {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top: 9px !important; }
    .tax-form .group-field .grid .column:has(> .toggle) {
      width: 100% !important; } }

.tax-form .items-list .list-item {
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  border-bottom: 1px solid #EEEEEE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 0.2em; }
  .tax-form .items-list .list-item .icon {
    color: #CCCCCC; }

.tax-form .items-list .header {
  background-color: #f7f7f7;
  color: #333333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  padding: 7px; }
  .tax-form .items-list .header :first-child {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding-left: 25px;
    text-align: left; }
  .tax-form .items-list .header :not(:first-child) {
    text-align: center;
    width: 80px; }

.tax-form .items-list .item-name {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.tax-form .items-list .rule-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 80px; }
  .tax-form .items-list .rule-field .no-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    padding: 0 !important; }
  .tax-form .items-list .rule-field .rule-checkbox {
    padding: 0; }
    .tax-form .items-list .rule-field .rule-checkbox label {
      padding: 0 !important; }

.ad-banner {
  overflow: hidden;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .ad-banner {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      margin: 0 14px; } }
  .ad-banner > .close-link {
    padding: 1.42857em;
    position: absolute;
    right: 0;
    z-index: 2; }
    .ad-banner > .close-link .icon {
      background-color: white; }
  .ad-banner > .steps-container {
    bottom: 0;
    position: absolute;
    right: 1.42857em;
    z-index: 2; }
  .ad-banner > .carousel-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    position: relative;
    right: 0;
    -webkit-transition: right 0.2s;
    transition: right 0.2s; }
    .ad-banner > .carousel-wrapper .ad {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 250px;
      text-align: center;
      width: 100%; }
      .ad-banner > .carousel-wrapper .ad .image-wrapper {
        height: 250px; }
        .ad-banner > .carousel-wrapper .ad .image-wrapper .banner {
          height: inherit; }
          .ad-banner > .carousel-wrapper .ad .image-wrapper .banner img {
            height: 100%;
            max-width: 100%;
            -o-object-fit: contain;
               object-fit: contain; }
    .ad-banner > .carousel-wrapper.no-pointer {
      pointer-events: none; }
      .ad-banner > .carousel-wrapper.no-pointer .ad {
        height: 100%; }
        .ad-banner > .carousel-wrapper.no-pointer .ad .image-wrapper {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          height: 100%;
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .ad-banner > .carousel-wrapper.no-pointer .ad .image-wrapper {
              -webkit-box-orient: vertical;
              -webkit-box-direction: reverse;
                  -ms-flex-direction: column-reverse;
                      flex-direction: column-reverse;
              -webkit-box-pack: center;
                  -ms-flex-pack: center;
                      justify-content: center; }
              .ad-banner > .carousel-wrapper.no-pointer .ad .image-wrapper img {
                margin-top: 15px; } }
          .ad-banner > .carousel-wrapper.no-pointer .ad .image-wrapper .redirect {
            -ms-flex-item-align: center;
                align-self: center;
            margin-left: 5%;
            text-align: start;
            width: 256px; }
            .ad-banner > .carousel-wrapper.no-pointer .ad .image-wrapper .redirect .button {
              pointer-events: all;
              white-space: nowrap; }
            .ad-banner > .carousel-wrapper.no-pointer .ad .image-wrapper .redirect .subheader {
              color: #B4B3B5;
              font-size: 18px;
              white-space: normal; }
            .ad-banner > .carousel-wrapper.no-pointer .ad .image-wrapper .redirect .header {
              -ms-flex-item-align: center;
                  align-self: center;
              color: white;
              font-size: 32px;
              font-weight: bold;
              margin-bottom: -15px; }
            @media only screen and (max-width: 767px) {
              .ad-banner > .carousel-wrapper.no-pointer .ad .image-wrapper .redirect {
                margin-left: 0;
                padding-bottom: 25px; }
                .ad-banner > .carousel-wrapper.no-pointer .ad .image-wrapper .redirect .subheader {
                  margin-bottom: 20%; }
                .ad-banner > .carousel-wrapper.no-pointer .ad .image-wrapper .redirect .button {
                  width: 100%; } }

@media only screen and (max-width: 767px) {
  .skytab-orders .ad-banner {
    margin: 0 !important; } }

.dispute-form .container {
  padding-left: 0px !important;
  padding-right: 0px !important; }
  .dispute-form .container.contest-details-completed .contest-detail-label {
    font-weight: bold; }
  .dispute-form .container.contest-details-completed .contest-detail-value {
    margin-bottom: 10px; }

.dispute-form .responsive-table {
  margin-bottom: 25px;
  padding: 0;
  width: 100%; }
  .dispute-form .responsive-table td {
    overflow: visible !important; }
  .dispute-form .responsive-table th, .dispute-form .responsive-table td {
    padding-left: 6px !important;
    padding-right: 6px !important; }
  .dispute-form .responsive-table td:first-child, .dispute-form .responsive-table th:first-child {
    padding-left: 14px !important; }
  .dispute-form .responsive-table td:nth-child(3), .dispute-form .responsive-table th:nth-child(3) {
    padding-left: 0px !important; }

.dispute-form h2 {
  display: block;
  width: 100%; }

.dispute-form strong {
  padding: 0 !important; }

.dispute-form .latest-activity {
  margin-bottom: 16px !important; }

.dispute-form .multi-file-upload, .dispute-form .submitted-date {
  margin-top: 16px; }

.dispute-form .supporting-documents .documents {
  max-height: 278px;
  overflow-y: auto; }
  .dispute-form .supporting-documents .documents .document {
    background: #e5f5fe;
    color: #009BF4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: bold;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 8px 0;
    padding: 11px 10px;
    vertical-align: center; }

.dispute-form .supporting-documents .button {
  margin-bottom: 8px;
  margin-top: 16px; }

.dispute-form .dispute-activity-list {
  border: 1px solid #d3d3d3;
  list-style: none;
  margin: 0;
  overflow-wrap: break-word;
  padding: 0;
  width: 100%; }
  .dispute-form .dispute-activity-list .activity-list-item {
    border-bottom: 1px solid #d3d3d3;
    padding: .5em .7em; }
  .dispute-form .dispute-activity-list .activity-list-item:last-child {
    border-bottom: none; }

.dispute-form .required-uploads {
  margin-top: 16px; }
  .dispute-form .required-uploads .header {
    margin-bottom: 5px; }
  .dispute-form .required-uploads ol {
    margin-top: 0px;
    padding-left: 17.5px; }

.dispute-form .reason-title {
  font-size: 14px;
  font-weight: 800;
  padding: 0 0 0.5em 0; }

.dispute-form .submit-evidence-button {
  margin-top: 16px; }

.dispute-form .ui.form {
  padding: 0; }
  .dispute-form .ui.form .field {
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
    .dispute-form .ui.form .field input {
      border: 1px solid rgba(34, 36, 38, 0.15) !important;
      border-radius: 0.28571429rem !important; }
    .dispute-form .ui.form .field .input-label {
      background-color: #ffffff !important;
      font-weight: 800;
      padding: .5em 0 !important; }
  .dispute-form .ui.form .submit-questionnaire-warning {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }

.ingredient-name {
  margin-bottom: 1px; }

.items-list.ingredient-list {
  display: block; }
  .items-list.ingredient-list label {
    display: block;
    font-size: x-large;
    font-weight: 100;
    margin: 1em 0; }
  .items-list.ingredient-list .launch-modal {
    font-weight: 800;
    margin: 0 0 3% 0;
    min-width: 120px; }
  .items-list.ingredient-list .list-item {
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    border-bottom: 1px solid #EEEEEE;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    height: 50px;
    padding: 0.2em; }
    .items-list.ingredient-list .list-item .icon {
      color: #CCCCCC; }
  .items-list.ingredient-list .header {
    -ms-flex-line-pack: justify;
        align-content: space-between;
    background-color: #F7F7F7;
    border-bottom: 1px solid #CCCCCC;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-weight: 800;
    height: 3.6em; }
    .items-list.ingredient-list .header:first-child {
      font-weight: 200; }
    .items-list.ingredient-list .header .header-column {
      font-size: 14px;
      line-height: 1.428573em;
      margin: 0;
      padding: 1.17142857rem 0.71428571em; }
      .items-list.ingredient-list .header .header-column:first-child {
        padding-left: 1.65em; }
      .items-list.ingredient-list .header .header-column:last-child {
        padding-right: 2em; }
  .items-list.ingredient-list .item-name {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    line-height: 3.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .items-list.ingredient-list .quantity {
    border-radius: 0.28571429rem; }
    .items-list.ingredient-list .quantity input {
      max-width: 15em; }

.update-create-form, .deploy-create-form {
  padding: 0px !important; }
  .update-create-form .checkbox-container, .deploy-create-form .checkbox-container {
    background-color: #fff;
    border-color: transparent;
    border-left-width: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 1px #E5E5E5;
    box-shadow: 0 0 0 1px #E5E5E5;
    color: #333;
    position: relative; }
    .update-create-form .checkbox-container .vertical-checkbox, .deploy-create-form .checkbox-container .vertical-checkbox {
      padding: 8px 10px !important; }
  .update-create-form .dropdown, .deploy-create-form .dropdown {
    padding: 9px !important; }
  .update-create-form .apply-immediately, .deploy-create-form .apply-immediately {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 50%; }
    .update-create-form .apply-immediately .tooltip, .deploy-create-form .apply-immediately .tooltip {
      padding-top: 8px; }

.update-edit-form .empty-spacing {
  padding-bottom: 20px; }

.update-edit-form .locations-static-field > div.ui.stackable.grid > div.ui.twelve.wide.column {
  padding: 0 !important; }

.update-edit-form .location-version {
  border-top-color: #E5E5E5;
  border-top-style: solid;
  border-top-width: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 8px 10px; }
  .update-edit-form .location-version:first-child {
    border-top: none; }
  .update-edit-form .location-version .name {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .update-edit-form .location-version .status {
    font-weight: 800; }
    .update-edit-form .location-version .status.pending {
      color: #F6A735; }
    .update-edit-form .location-version .status.complete {
      color: #48AA2F; }

.update-edit-form .disabled label, .update-edit-form .disabled input {
  background-color: #FFFFFF !important;
  color: #333333 !important; }

.update-edit-form .disabled i.dropdown {
  display: none; }

.location-overview-table {
  padding: 0px !important;
  width: 100%; }
  .location-overview-table .rounded-text-container, .location-overview-table p {
    font-weight: bold; }
  .location-overview-table .rounded-text-container {
    border-radius: .25em;
    color: white;
    text-align: center; }
  .location-overview-table .in-sync {
    background: #48AA2F; }
  .location-overview-table .out-of-sync {
    background: #B00300; }
  .location-overview-table .green-text {
    color: #48AA2F; }
  .location-overview-table .red-text {
    color: #B00300; }

.tooltip-content.padded {
  padding-left: 20px; }

.tooltip-content.bold {
  font-weight: bold; }
  .tooltip-content.bold .tooltip-icon.cross {
    padding-right: 3px; }

.tooltip-title h3 {
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 10px; }

.ui.form input.clear-textbox {
  margin-right: 16px; }
  .ui.form input.clear-textbox + .clear-icon {
    color: #CCCCCC;
    margin: 0px;
    padding: 8px 15px 0px 0px;
    position: absolute;
    right: 5px;
    text-align: center;
    width: 16px; }
    .ui.form input.clear-textbox + .clear-icon.hidden {
      display: none; }
  .ui.form input.clear-textbox[disabled] + .clear-icon {
    display: none; }

.ui.form .disabled input.clear-textbox {
  margin-right: 0px; }
  .ui.form .disabled input.clear-textbox + .clear-icon {
    display: none; }

.ui.form .mini input.clear-textbox {
  margin-right: 0px; }
  .ui.form .mini input.clear-textbox + .clear-icon {
    padding: 6px 4px 0px 0px;
    width: 12px; }

.ui.segment.ticket-turnaround-data {
  background-color: #48aa2f; }

.ui.segment.deposits-data {
  background-color: #00446e; }

.ui.segment.deposit-summary-data .date {
  font-size: 0.8em;
  opacity: 0.8; }

.ui.segment.deposit-summary-data .row:not(.action-target) .content {
  font-size: 1.5rem !important; }

.ui.segment.social-media-exposure-data:not(.show-signup) {
  padding-bottom: 5em !important;
  padding-top: 5em !important; }

.ui.segment.social-media-exposure-data.show-signup {
  background-color: #1aa5f5; }

.ui.segment.online-reputation-data.show-signup {
  background-color: #48aa2f; }

.ui.segment.online-reputation-data:not(.show-signup) i.star.icon {
  padding-left: 0.5em; }

.ui.segment.online-reputation-data .content.no-stars {
  font-size: 1.4em !important; }

.ui.segment.discounts-data {
  padding-bottom: 7em !important;
  padding-top: 7em !important; }

.ui.segment.voids-data {
  padding-bottom: 7em !important;
  padding-top: 7em !important; }

.ui.segment.email-campaigns-data:not(.show-signup) .row > .label > .stats {
  font-size: 14px;
  opacity: 0.6; }

.ui.segment.email-campaigns-data:not(.show-signup) .row > .label > span {
  line-height: 1.5em; }

.ui.segment.email-campaigns-data:not(.show-signup).skeleton .row > .label > span {
  background-color: #bcbcbc;
  border-radius: 1em;
  color: #bcbcbc; }

.ui.segment.email-campaigns-data.show-signup {
  background-color: #f6a735; }

.ui.segment.guests-data .row {
  padding: 1.5rem !important; }
  .ui.segment.guests-data .row.chart-row {
    -webkit-box-align: inherit !important;
        -ms-flex-align: inherit !important;
            align-items: inherit !important;
    padding: 0 !important; }

.ui.segment.guests-data .column-chart {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.ui.segment.payment-methods-data .row {
  height: 100%;
  padding: 1.5rem !important; }
  .ui.segment.payment-methods-data .row.chart-row {
    -webkit-box-align: inherit !important;
        -ms-flex-align: inherit !important;
            align-items: inherit !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 !important; }

.ui.segment.payment-methods-data .pie-chart {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.ui.segment.sales-data.single-value-widget {
  background-color: #00446e; }

.ui.segment.sales-data .row.collapsing {
  padding: 1.5rem !important; }

.ui.segment.sales-data .row.chart-row {
  -webkit-box-align: inherit !important;
      -ms-flex-align: inherit !important;
          align-items: inherit !important;
  padding: 0 !important; }

.ui.segment.sales-data .line-chart {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .ui.segment.sales-data .line-chart circle {
    stroke: inherit;
    stroke-width: inherit; }

.ui.segment.clearbanc-data {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #0191B3;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 18px; }
  .ui.segment.clearbanc-data .text {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin: auto 0;
    max-width: 100%;
    text-align: center; }
    .ui.segment.clearbanc-data .text .logo {
      margin: 0 auto;
      margin-bottom: 1em;
      max-width: 80%; }
      .ui.segment.clearbanc-data .text .logo img {
        height: 100%;
        width: 100%; }
  .ui.segment.clearbanc-data.skeleton > .text > div:not(.logo) {
    background-color: #bcbcbc;
    border-radius: 1em;
    color: #bcbcbc; }

.dashboard2 .body {
  /* MS IE11 */
  /* MS Edge V13+ */ }
  .dashboard2 .body .dashboard-widget.add-new:hover {
    opacity: 0.5; }
  .dashboard2 .body .dashboard-widget.add-new .ui.segment:last-child {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .dashboard2 .body .dashboard-widget.add-new .ui.segment:last-child .icon {
      margin: 0 auto; }
  .dashboard2 .body .carousel.row {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1em, transparent), color-stop(1em, rgba(6, 6, 6, 0.85)), color-stop(rgba(6, 6, 6, 0.85)), color-stop(1em, transparent));
    background: linear-gradient(to bottom, transparent 1em, rgba(6, 6, 6, 0.85) 1em, rgba(6, 6, 6, 0.85) calc(100% - 1em), transparent 1em);
    overflow: hidden;
    padding: 0em !important; }
    .dashboard2 .body .carousel.row h2 {
      color: white;
      margin-left: 1rem;
      margin-right: 1rem; }
      .dashboard2 .body .carousel.row h2 span {
        float: right; }
    .dashboard2 .body .carousel.row .column.layout-mode {
      margin: 2em 0em; }
      .dashboard2 .body .carousel.row .column.layout-mode .add-new-carousel {
        position: relative; }
        .dashboard2 .body .carousel.row .column.layout-mode .add-new-carousel .carousel-wrapper {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          overflow: hidden; }
          .dashboard2 .body .carousel.row .column.layout-mode .add-new-carousel .carousel-wrapper .dashboard-widget {
            -webkit-box-flex: 0;
                -ms-flex: none;
                    flex: none;
            padding: 1em; }
            .dashboard2 .body .carousel.row .column.layout-mode .add-new-carousel .carousel-wrapper .dashboard-widget .dimmer {
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column;
              opacity: 1;
              -webkit-transition: opacity 0.2s;
              transition: opacity 0.2s; }
              .dashboard2 .body .carousel.row .column.layout-mode .add-new-carousel .carousel-wrapper .dashboard-widget .dimmer .plus.icon {
                -webkit-box-flex: 0;
                    -ms-flex: none;
                        flex: none; }
              .dashboard2 .body .carousel.row .column.layout-mode .add-new-carousel .carousel-wrapper .dashboard-widget .dimmer .plus.icon:active {
                font-size: 3.5em;
                height: 4rem;
                padding-top: 0.25rem; }
              .dashboard2 .body .carousel.row .column.layout-mode .add-new-carousel .carousel-wrapper .dashboard-widget .dimmer .added-text-wrapper {
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-flex: 1;
                    -ms-flex: 1;
                        flex: 1; }
                .dashboard2 .body .carousel.row .column.layout-mode .add-new-carousel .carousel-wrapper .dashboard-widget .dimmer .added-text-wrapper .added-text {
                  background: rgba(6, 6, 6, 0.85);
                  border-radius: 5px;
                  color: white;
                  font-size: 1.5em;
                  margin: auto;
                  opacity: 0;
                  padding: 1em; }
                  .dashboard2 .body .carousel.row .column.layout-mode .add-new-carousel .carousel-wrapper .dashboard-widget .dimmer .added-text-wrapper .added-text.visible {
                    -webkit-animation: fadeInOut 2s;
                            animation: fadeInOut 2s; }
          .dashboard2 .body .carousel.row .column.layout-mode .add-new-carousel .carousel-wrapper.three.wide > .dashboard-widget {
            width: 33.33333%; }
          .dashboard2 .body .carousel.row .column.layout-mode .add-new-carousel .carousel-wrapper.two.wide > .dashboard-widget {
            width: 50%; }
          .dashboard2 .body .carousel.row .column.layout-mode .add-new-carousel .carousel-wrapper.one.wide > .dashboard-widget {
            width: 100%; }
  @media (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .dashboard2 .body .carousel.row {
      background: -webkit-gradient(linear, left top, left bottom, color-stop(1em, transparent), color-stop(1em, rgba(6, 6, 6, 0.85)));
      background: linear-gradient(to bottom, transparent 1em, rgba(6, 6, 6, 0.85) 1em); } }
  @supports (-ms-ime-align: auto) {
    .dashboard2 .body .carousel.row {
      background: -webkit-gradient(linear, left top, left bottom, color-stop(1em, transparent), color-stop(1em, rgba(6, 6, 6, 0.85)));
      background: linear-gradient(to bottom, transparent 1em, rgba(6, 6, 6, 0.85) 1em); } }

@-webkit-keyframes fadeInOut {
  0%,
  100% {
    opacity: 0; }
  10%,
  75% {
    opacity: 1; } }

@keyframes fadeInOut {
  0%,
  100% {
    opacity: 0; }
  10%,
  75% {
    opacity: 1; } }

.ui.modal.batch-summary-modal {
  border-radius: 0; }
  .ui.modal.batch-summary-modal .close.icon {
    color: #c5c5c5;
    font-size: 2rem;
    right: 0;
    top: 0; }
  .ui.modal.batch-summary-modal .header {
    font-size: 2em;
    font-weight: normal;
    text-align: center; }
  .ui.modal.batch-summary-modal .content .ui.table {
    border: none;
    border-radius: 0; }
    .ui.modal.batch-summary-modal .content .ui.table thead tr:first-child th {
      border-radius: 0; }
    .ui.modal.batch-summary-modal .content .ui.table.mobile tbody td {
      border: none;
      padding: 5px; }
    .ui.modal.batch-summary-modal .content .ui.table tbody tr:last-child td {
      border-bottom: 1px solid rgba(34, 36, 38, 0.1);
      font-weight: 800; }
    .ui.modal.batch-summary-modal .content .ui.table tbody tr:last-child td:nth-child(2) {
      color: #48aa2f; }
    .ui.modal.batch-summary-modal .content .ui.table tbody tr:last-child td:nth-child(3) {
      color: #b00300; }
    .ui.modal.batch-summary-modal .content .ui.table.mobile tbody tr td:first-child {
      font-weight: 800; }
    .ui.modal.batch-summary-modal .content .ui.table.mobile tbody tr:first-child td {
      padding-top: 1em; }
    .ui.modal.batch-summary-modal .content .ui.table.mobile tbody tr:last-child td {
      font-weight: normal;
      padding-bottom: 1em; }
      .ui.modal.batch-summary-modal .content .ui.table.mobile tbody tr:last-child td:first-child {
        font-weight: 800; }
      .ui.modal.batch-summary-modal .content .ui.table.mobile tbody tr:last-child td:nth-child(2) {
        color: inherit; }
      .ui.modal.batch-summary-modal .content .ui.table.mobile tbody tr:last-child td:nth-child(3) {
        color: inherit; }
    .ui.modal.batch-summary-modal .content .ui.table.mobile tbody:last-child tr:last-child td {
      border: none; }
    .ui.modal.batch-summary-modal .content .ui.table.mobile tbody:last-child tr:first-child td:last-child {
      color: #48aa2f;
      font-weight: 800; }
    .ui.modal.batch-summary-modal .content .ui.table.mobile tbody:last-child tr:last-child td:last-child {
      color: #b00300;
      font-weight: 800; }

.ui.segment.batch-summary-data .row:not(.action-target) .content {
  font-size: 1.5rem !important; }

.ui.segment.weather-data:not(.not-supported) {
  background-color: #1aa5f5;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 1em !important; }
  .ui.segment.weather-data:not(.not-supported).night {
    background-color: #003e61; }
  .ui.segment.weather-data:not(.not-supported) .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: 50%; }
    .ui.segment.weather-data:not(.not-supported) .top .icon {
      margin: 0 auto;
      max-height: 100%; }
      .ui.segment.weather-data:not(.not-supported) .top .icon img {
        height: 100%;
        width: 100%; }
    .ui.segment.weather-data:not(.not-supported) .top .content .temp {
      font-size: 28px;
      font-weight: bolder;
      line-height: 34px; }
    .ui.segment.weather-data:not(.not-supported) .top .content .summary {
      font-weight: bold;
      line-height: 20px;
      padding: 1em 0em; }
    .ui.segment.weather-data:not(.not-supported) .top .content .wind, .ui.segment.weather-data:not(.not-supported) .top .content .humidity {
      line-height: 20px; }
    .ui.segment.weather-data:not(.not-supported) .top .icon, .ui.segment.weather-data:not(.not-supported) .top .content {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
  .ui.segment.weather-data:not(.not-supported) .week {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto 0; }
    .ui.segment.weather-data:not(.not-supported) .week .day {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      font-size: 12px;
      line-height: 20px;
      text-align: center; }
      .ui.segment.weather-data:not(.not-supported) .week .day .name {
        font-weight: bolder; }
      .ui.segment.weather-data:not(.not-supported) .week .day .high {
        font-weight: bolder; }
      .ui.segment.weather-data:not(.not-supported) .week .day img {
        height: 30px; }

.ui.segment.tickets-data {
  padding-bottom: 7em !important;
  padding-top: 7em !important; }

.ui.segment.skytab-data {
  background-color: #0082bf; }
  .ui.segment.skytab-data.carousel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    overflow: hidden;
    padding: 0 !important; }
    .ui.segment.skytab-data.carousel > .item {
      color: white;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 100%;
      padding: 2.5rem 1.5rem 1.5rem 1.5rem;
      text-align: center;
      width: 100%; }
      .ui.segment.skytab-data.carousel > .item .header {
        font-size: 1.75rem;
        line-height: 1em; }
      .ui.segment.skytab-data.carousel > .item .number {
        font-size: 4.5rem;
        font-weight: bold;
        line-height: 1em;
        margin: auto; }
      .ui.segment.skytab-data.carousel > .item .super {
        font-size: 0.5em;
        font-weight: normal;
        vertical-align: super; }

.ui.segment.skytab-email-data.table-widget {
  padding-bottom: 0.71429em !important; }

.ui.segment.skytab-email-data.percent-widget {
  background-color: #e5f5fe;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .ui.segment.skytab-email-data.percent-widget .percent-container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%; }
  .ui.segment.skytab-email-data.percent-widget .current-value {
    color: #009bf4;
    font-size: 3em;
    font-weight: 800;
    line-height: 1.19;
    position: relative; }
    .ui.segment.skytab-email-data.percent-widget .current-value > sup {
      font-size: .33333em;
      line-height: 1;
      overflow: hidden;
      position: absolute;
      right: -90px;
      text-overflow: ellipsis;
      top: -.25em;
      white-space: nowrap;
      width: 80px; }
    .ui.segment.skytab-email-data.percent-widget .current-value.positive > sup {
      color: #48aa2f; }
    .ui.segment.skytab-email-data.percent-widget .current-value.negative > sup {
      color: #b00300; }

.ui.segment.skytab-email-data .row.chart-row {
  -webkit-box-align: inherit !important;
      -ms-flex-align: inherit !important;
          align-items: inherit !important;
  padding: 0 !important; }

.ui.segment.skytab-email-data .line-chart {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .ui.segment.skytab-email-data .line-chart circle {
    stroke: inherit;
    stroke-width: inherit; }

.ui.segment.skytab-ratings-data.table-widget {
  padding-bottom: 0.71429em !important; }

.ui.segment.skytab-ratings-data.percent-widget {
  background-color: #e5f5fe;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .ui.segment.skytab-ratings-data.percent-widget .percent-container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%; }
  .ui.segment.skytab-ratings-data.percent-widget .current-value {
    color: #009bf4;
    font-size: 3em;
    font-weight: 800;
    line-height: 1.19;
    position: relative; }
    .ui.segment.skytab-ratings-data.percent-widget .current-value > sup {
      font-size: .33333em;
      line-height: 1;
      overflow: hidden;
      position: absolute;
      right: -90px;
      text-overflow: ellipsis;
      top: -.25em;
      white-space: nowrap;
      width: 80px; }
    .ui.segment.skytab-ratings-data.percent-widget .current-value.positive > sup {
      color: #48aa2f; }
    .ui.segment.skytab-ratings-data.percent-widget .current-value.negative > sup {
      color: #b00300; }
  .ui.segment.skytab-ratings-data.percent-widget .votes {
    text-align: center; }

.ui.segment.skytab-ratings-data .row.chart-row {
  -webkit-box-align: inherit !important;
      -ms-flex-align: inherit !important;
          align-items: inherit !important;
  padding: 0 !important; }

.ui.segment.skytab-ratings-data .line-chart {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .ui.segment.skytab-ratings-data .line-chart circle {
    stroke: inherit;
    stroke-width: inherit; }

.ui.segment.skytab-volume-data.single-value-widget {
  background-color: #00446e; }

.ui.segment.skytab-volume-data .row.collapsing {
  padding: 1.5rem !important; }

.ui.segment.skytab-volume-data .row.chart-row {
  -webkit-box-align: inherit !important;
      -ms-flex-align: inherit !important;
          align-items: inherit !important;
  padding: 0 !important; }

.ui.segment.skytab-volume-data .line-chart {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .ui.segment.skytab-volume-data .line-chart circle {
    stroke: inherit;
    stroke-width: inherit; }

.dashboard2 .body .dashboard-widget.widget-capital {
  container-name: capitalwidget;
  /* stylelint-disable-line property-no-unknown */
  container-type: inline-size;
  /* stylelint-disable-line property-no-unknown */
  /* stylelint-disable-next-line at-rule-no-unknown */ }
  .dashboard2 .body .dashboard-widget.widget-capital .capital-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .dashboard2 .body .dashboard-widget.widget-capital .capital-title i {
      color: #48AA2F; }
    .dashboard2 .body .dashboard-widget.widget-capital .capital-title .badge {
      left: 0;
      margin: 0;
      top: 0; }
      .dashboard2 .body .dashboard-widget.widget-capital .capital-title .badge.green {
        background-color: #EFFCF3;
        border: 1px solid #C3E8CE; }
        .dashboard2 .body .dashboard-widget.widget-capital .capital-title .badge.green .badge-text {
          color: #207A3C; }
      .dashboard2 .body .dashboard-widget.widget-capital .capital-title .badge.yellow {
        background-color: #FEFBE6;
        border: 1px solid #F3E2B8; }
        .dashboard2 .body .dashboard-widget.widget-capital .capital-title .badge.yellow .badge-text {
          color: #7A450A; }
    .dashboard2 .body .dashboard-widget.widget-capital .capital-title .hide-small {
      display: none; }
  .dashboard2 .body .dashboard-widget.widget-capital .ui.segment.capital-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 12px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 12px 12px 4px 12px; }
    .dashboard2 .body .dashboard-widget.widget-capital .ui.segment.capital-data button {
      margin-bottom: 3px;
      padding: 8px;
      width: 100%; }
      .dashboard2 .body .dashboard-widget.widget-capital .ui.segment.capital-data button i {
        display: none;
        line-height: 14px;
        margin-left: 5px; }
    .dashboard2 .body .dashboard-widget.widget-capital .ui.segment.capital-data h2 {
      font-size: 34px;
      font-weight: normal;
      line-height: 36px;
      margin: 8px 0 0 0; }
    .dashboard2 .body .dashboard-widget.widget-capital .ui.segment.capital-data h3 {
      font-size: 18px;
      font-weight: normal;
      line-height: 20px;
      margin: 8px 0 0 0;
      text-align: center; }
    .dashboard2 .body .dashboard-widget.widget-capital .ui.segment.capital-data .message {
      font-size: 10px;
      letter-spacing: 1px;
      line-height: 16px;
      text-transform: uppercase; }
    .dashboard2 .body .dashboard-widget.widget-capital .ui.segment.capital-data .state {
      letter-spacing: 0.2px; }
    .dashboard2 .body .dashboard-widget.widget-capital .ui.segment.capital-data .aside {
      color: #333333;
      font-size: 11px;
      font-style: italic;
      text-align: center; }
    .dashboard2 .body .dashboard-widget.widget-capital .ui.segment.capital-data .bullets {
      overflow: hidden; }
      .dashboard2 .body .dashboard-widget.widget-capital .ui.segment.capital-data .bullets .bullet {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        padding: 4px; }
        .dashboard2 .body .dashboard-widget.widget-capital .ui.segment.capital-data .bullets .bullet .bullet-icon {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
          .dashboard2 .body .dashboard-widget.widget-capital .ui.segment.capital-data .bullets .bullet .bullet-icon img {
            height: 20px;
            width: 20px; }
        .dashboard2 .body .dashboard-widget.widget-capital .ui.segment.capital-data .bullets .bullet .bullet-text {
          font-size: 12px;
          letter-spacing: 0.4px;
          margin: 0 8px;
          text-wrap: nowrap; }

@container capitalwidget (min-width: 340px) {
  .dashboard2 .body .dashboard-widget.widget-capital .capital-title .hide-small {
    display: inline; }
  .dashboard2 .body .dashboard-widget.widget-capital .ui.segment.capital-data {
    padding: 16px 24px 8px 24px; }
    .dashboard2 .body .dashboard-widget.widget-capital .ui.segment.capital-data button i {
      display: inline; }
    .dashboard2 .body .dashboard-widget.widget-capital .ui.segment.capital-data .bullets {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly; }
      .dashboard2 .body .dashboard-widget.widget-capital .ui.segment.capital-data .bullets .bullet {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 4px; }
        .dashboard2 .body .dashboard-widget.widget-capital .ui.segment.capital-data .bullets .bullet .bullet-icon img {
          height: 32px;
          width: 32px; }
        .dashboard2 .body .dashboard-widget.widget-capital .ui.segment.capital-data .bullets .bullet .bullet-text {
          margin: 0;
          text-align: center;
          text-wrap: wrap; } }

.logo-image-upload #image-input {
  display: none; }

.logo-image-upload .preview-image {
  height: auto;
  max-width: 100%; }

.logo-image-upload .disclaimer {
  font-style: italic;
  margin-top: 0.5rem; }

.internet-payments-wrapper .range-dropdown-wrapper {
  padding: 0.6rem 1.15rem; }
  .internet-payments-wrapper .range-dropdown-wrapper .text {
    line-height: 24px; }
  .internet-payments-wrapper .range-dropdown-wrapper .range-dropdown {
    border: none !important; }
    .internet-payments-wrapper .range-dropdown-wrapper .range-dropdown .icon.chevron {
      margin-left: 0; }

.internet-payments-wrapper div.form-wizard {
  background-color: #FAFAFA;
  border-top: 1px solid #D8D8D8;
  padding: 1rem 2rem;
  width: 100%; }
  .internet-payments-wrapper div.form-wizard ol {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) calc(50% - 1px), #d8d8d8 calc(50%), rgba(0, 0, 0, 0) calc(50% + 1px));
    counter-reset: wizard-counter 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0; }
    .internet-payments-wrapper div.form-wizard ol li {
      background: #FAFAFA;
      color: #ACACAC;
      counter-increment: wizard-counter;
      opacity: 1;
      padding: 0 1rem; }
      .internet-payments-wrapper div.form-wizard ol li:first-of-type {
        padding-left: 0; }
      .internet-payments-wrapper div.form-wizard ol li:last-of-type {
        padding-right: 0; }
      .internet-payments-wrapper div.form-wizard ol li::before {
        background-color: #989898;
        border-radius: 50%;
        color: #FFFFFF;
        content: counter(wizard-counter);
        display: inline-block;
        height: 1.5rem;
        line-height: 1.5;
        margin-right: 4px;
        text-align: center;
        width: 1.5rem; }
      .internet-payments-wrapper div.form-wizard ol li.completed, .internet-payments-wrapper div.form-wizard ol li.active {
        color: #090304; }
      .internet-payments-wrapper div.form-wizard ol li.completed::before {
        background-color: #48AA2F;
        content: "\2713"; }
      .internet-payments-wrapper div.form-wizard ol li.active::before {
        background-color: #136EF6; }
      @media only screen and (max-width: 767px) {
        .internet-payments-wrapper div.form-wizard ol li span {
          display: none; } }

.internet-payments-wrapper .list-search {
  font-size: 1.14286rem; }
  .internet-payments-wrapper .list-search .search-icon {
    left: 8px;
    position: absolute;
    top: 20%; }
    .internet-payments-wrapper .list-search .search-icon svg {
      fill: #666666;
      height: 24px;
      width: 24px; }
  .internet-payments-wrapper .list-search .close-icon {
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 20%; }
    .internet-payments-wrapper .list-search .close-icon svg {
      fill: rgba(0, 0, 0, 0.38);
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
  .internet-payments-wrapper .list-search input {
    background-color: #f0f0f0;
    border: 1px solid #f0f0f0;
    border-radius: 40px;
    padding-left: 39px;
    padding-right: 36px; }
    .internet-payments-wrapper .list-search input::-webkit-input-placeholder {
      color: #090304;
      text-align: left; }
    .internet-payments-wrapper .list-search input::-moz-placeholder {
      color: #090304;
      text-align: left; }
    .internet-payments-wrapper .list-search input::-ms-input-placeholder {
      color: #090304;
      text-align: left; }
    .internet-payments-wrapper .list-search input::placeholder {
      color: #090304;
      text-align: left; }
    .internet-payments-wrapper .list-search input:hover {
      border: 1px solid rgba(0, 0, 0, 0.38); }
    .internet-payments-wrapper .list-search input:focus {
      border-color: #0E5BF3; }
  .internet-payments-wrapper .list-search.error input {
    background: #FFF6F6;
    border-color: #E0B4B4;
    color: #B00020; }
    .internet-payments-wrapper .list-search.error input::-webkit-input-placeholder {
      color: #B00020; }
    .internet-payments-wrapper .list-search.error input::-moz-placeholder {
      color: #B00020; }
    .internet-payments-wrapper .list-search.error input::-ms-input-placeholder {
      color: #B00020; }
    .internet-payments-wrapper .list-search.error input::placeholder {
      color: #B00020; }
  .internet-payments-wrapper .list-search:focus-within .search-icon svg,
  .internet-payments-wrapper .list-search:focus-within .close-icon svg {
    fill: #0E5BF3; }

.internet-payments-wrapper .transactions-controls-mobile .list-search input {
  height: 100%; }

.internet-payments-wrapper .transactions-controls-mobile .list-search .search-button {
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 50%;
  margin-right: 0.35714em;
  padding: 9px 9px 0 9px; }

.internet-payments-wrapper .slideout-search {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .internet-payments-wrapper .slideout-search .search-button {
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s; }
  .internet-payments-wrapper .slideout-search .list-search-container {
    overflow: hidden;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    width: 0; }
    .internet-payments-wrapper .slideout-search .list-search-container .list-search {
      width: 232px; }
  .internet-payments-wrapper .slideout-search.open .search-button {
    margin-right: -37px;
    visibility: hidden; }
  .internet-payments-wrapper .slideout-search.open .list-search-container {
    width: 232px; }

.internet-payments-wrapper .internet-payments-input-container .sub-text {
  color: rgba(0, 0, 0, 0.6);
  display: block;
  font-size: 0.85714rem;
  padding-left: 10px;
  padding-top: 4px; }
  .internet-payments-wrapper .internet-payments-input-container .sub-text.error {
    color: #B00020; }

.internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input {
  position: relative; }
  .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input .placeholder {
    color: rgba(0, 0, 0, 0.6);
    font-size: 1rem;
    left: 10px;
    pointer-events: none;
    position: absolute;
    top: 15px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input .placeholder.shrink {
      font-size: .857rem;
      top: 5px; }
  .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input textarea {
    line-height: 1.3;
    max-width: 100%;
    min-height: 46px;
    min-width: 150px;
    padding: 21px 10px 0 10px;
    resize: none; }
    .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input textarea.resize {
      resize: both; }
  .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input textarea,
  .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input input {
    border: 1px solid rgba(0, 0, 0, 0.16);
    color: transparent;
    padding: 21px 10px 7px 10px;
    width: 100%; }
    .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input textarea:hover,
    .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input input:hover {
      border-color: rgba(0, 0, 0, 0.38);
      cursor: pointer; }
    .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input textarea:-webkit-autofill + span.placeholder,
    .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input input:-webkit-autofill + span.placeholder {
      font-size: .857rem;
      top: 5px; }
    .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input textarea:focus-visible,
    .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input input:focus-visible {
      outline: unset; }
    .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input textarea[type=number],
    .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input input[type=number] {
      -moz-appearance: textfield; }
      .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input textarea[type=number]::-webkit-outer-spin-button, .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input textarea[type=number]::-webkit-inner-spin-button,
      .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input input[type=number]::-webkit-outer-spin-button,
      .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input input[type=number]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0; }
    .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input textarea:disabled,
    .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input input:disabled {
      background-color: rgba(239, 239, 239, 0.3);
      border-color: rgba(0, 0, 0, 0.16);
      cursor: default; }
  .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input:focus-within .placeholder {
    color: #136EF6; }
  .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input:focus-within textarea,
  .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input:focus-within input {
    border: 1px solid #136EF6;
    color: #000000; }
  .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input.error .placeholder {
    color: #B00020; }
  .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input.error textarea,
  .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input.error input {
    background-color: #FFF6F6;
    border-color: #E0B4B4; }
  .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input.active textarea,
  .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input.active input {
    color: #000000; }
  .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input.active .placeholder, .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input:focus-within .placeholder {
    font-size: .857rem;
    top: 5px; }

.internet-payments-wrapper .internet-payments-input.input input[type=text]::-webkit-credentials-auto-fill-button, .internet-payments-wrapper .internet-payments-input.input input[type=password]::-webkit-credentials-auto-fill-button {
  background: #136EF6;
  margin-top: 2.5px;
  position: absolute;
  right: 43px;
  top: 50%;
  -webkit-transform: scale(1.3) translateY(-50%);
          transform: scale(1.3) translateY(-50%); }

.internet-payments-wrapper .internet-payments-input.input .show-password {
  cursor: pointer;
  fill: rgba(0, 0, 0, 0.6);
  height: 25px;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 25px; }

.internet-payments-wrapper .internet-payments-input.input:focus-within .show-password {
  fill: #136EF6; }

.internet-payments-wrapper .internet-payments-input-wrapper .sub-text {
  color: rgba(0, 0, 0, 0.522);
  padding: 10px; }

.internet-payments-wrapper .internet-payments-input-wrapper .internet-payments-input-container.copy.with-header .header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F5F5F5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 6px 8px;
  width: 100%; }
  .internet-payments-wrapper .internet-payments-input-wrapper .internet-payments-input-container.copy.with-header .header .copy-btn-container {
    height: 23px;
    position: relative;
    width: 26px; }
    .internet-payments-wrapper .internet-payments-input-wrapper .internet-payments-input-container.copy.with-header .header .copy-btn-container .copy-btn {
      background-color: transparent;
      border: unset; }
      .internet-payments-wrapper .internet-payments-input-wrapper .internet-payments-input-container.copy.with-header .header .copy-btn-container .copy-btn svg {
        fill: rgba(0, 0, 0, 0.522);
        height: 22px;
        width: 14px; }
      .internet-payments-wrapper .internet-payments-input-wrapper .internet-payments-input-container.copy.with-header .header .copy-btn-container .copy-btn:hover svg {
        fill: #090304; }
      .internet-payments-wrapper .internet-payments-input-wrapper .internet-payments-input-container.copy.with-header .header .copy-btn-container .copy-btn .copy-message {
        background-color: #090304;
        color: #FFFFFF;
        left: -161px;
        padding: 3px 6px;
        position: absolute;
        top: 2px; }
        .internet-payments-wrapper .internet-payments-input-wrapper .internet-payments-input-container.copy.with-header .header .copy-btn-container .copy-btn .copy-message svg {
          display: inline-block;
          height: auto;
          margin: 0 6px -2px 0;
          width: 14px; }
        .internet-payments-wrapper .internet-payments-input-wrapper .internet-payments-input-container.copy.with-header .header .copy-btn-container .copy-btn .copy-message:hover svg {
          fill: #090304; }

.internet-payments-wrapper .internet-payments-input-wrapper .internet-payments-input-container.copy.with-header .numbered-code-block {
  background-color: #FAFAFA;
  border: unset;
  counter-reset: item;
  list-style-type: none;
  margin: 0;
  overflow-x: auto;
  padding-left: 22px;
  padding-right: 22px;
  white-space: unset; }
  .internet-payments-wrapper .internet-payments-input-wrapper .internet-payments-input-container.copy.with-header .numbered-code-block.highlighting-invisible .numbered-line::-moz-selection {
    background-color: transparent; }
  .internet-payments-wrapper .internet-payments-input-wrapper .internet-payments-input-container.copy.with-header .numbered-code-block.highlighting-invisible .numbered-line::selection {
    background-color: transparent; }
  .internet-payments-wrapper .internet-payments-input-wrapper .internet-payments-input-container.copy.with-header .numbered-code-block .numbered-line {
    counter-increment: item;
    margin: 4px 0;
    padding-left: 18px;
    position: relative;
    white-space: nowrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; }
    .internet-payments-wrapper .internet-payments-input-wrapper .internet-payments-input-container.copy.with-header .numbered-code-block .numbered-line::before {
      color: rgba(0, 0, 0, 0.522);
      content: counter(item);
      left: -15px;
      position: absolute;
      text-align: right;
      width: 20px; }

.internet-payments-wrapper .internet-payments-input-wrapper .internet-payments-input-container.copy .input-container {
  background-color: #F5F5F5;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 5px;
  font-family: monospace;
  overflow-x: auto;
  padding: 0.75rem 2.75rem 0.75rem 1rem;
  text-align: left;
  white-space: pre-wrap;
  width: 100%;
  word-break: break-all; }

.internet-payments-wrapper .internet-payments-input-wrapper .internet-payments-input-container.copy .button-container {
  background-color: #F5F5F5;
  border-right: 1px solid rgba(0, 0, 0, 0.16);
  height: 25px;
  padding-right: 4px;
  position: absolute;
  right: 0;
  top: 8px; }
  .internet-payments-wrapper .internet-payments-input-wrapper .internet-payments-input-container.copy .button-container button {
    background-color: transparent;
    border: none;
    border-radius: 50%;
    cursor: pointer; }
    .internet-payments-wrapper .internet-payments-input-wrapper .internet-payments-input-container.copy .button-container button:hover {
      background-color: rgba(14, 83, 243, 0.09);
      color: #0E5BF3;
      outline: rgba(14, 83, 243, 0.09) solid 5px; }

.internet-payments-wrapper .datetime-range-picker.ui.icon .icon.chevron {
  color: #090304;
  opacity: 0.6; }

.internet-payments-wrapper .datetime-range-picker .datetime-range-picker-input {
  min-width: 210px; }
  .internet-payments-wrapper .datetime-range-picker .datetime-range-picker-input.hidden {
    visibility: hidden; }

.internet-payments-wrapper .datetime-range-picker .datetime-range-picker-empty-input {
  min-width: 210px;
  position: absolute; }

.internet-payments-wrapper .datetime-range-picker .datetime-input-with-placeholder {
  padding: 21px 10px 7px 10px !important; }

.internet-payments-wrapper .datetime-range-picker .placeholder {
  color: rgba(0, 0, 0, 0.6);
  font-size: 1rem;
  left: 10px;
  pointer-events: none;
  position: absolute;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .internet-payments-wrapper .datetime-range-picker .placeholder.center {
    bottom: 15px; }

.internet-payments-wrapper .mobile-datetine-range-picker {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.04);
  border: 1px solid transparent;
  border-radius: 0px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
  padding: 0.8rem;
  width: 100%; }
  .internet-payments-wrapper .mobile-datetine-range-picker .period-text {
    color: rgba(0, 0, 0, 0.38);
    margin: 5px; }
  .internet-payments-wrapper .mobile-datetine-range-picker .datetime-range-picker-input {
    background: transparent !important;
    border: 0px !important;
    border: none;
    color: #333333;
    letter-spacing: 0.05rem;
    line-height: 1; }
  .internet-payments-wrapper .mobile-datetine-range-picker .icon {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right; }

.internet-payments-wrapper .desktop-datepicker {
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 20px;
  cursor: pointer;
  padding: 0px 7px; }
  .internet-payments-wrapper .desktop-datepicker.dropdown.standard {
    padding: 10px; }
  .internet-payments-wrapper .desktop-datepicker .period-text {
    color: rgba(0, 0, 0, 0.38);
    margin: 3px 5px;
    padding-top: 7px; }
  .internet-payments-wrapper .desktop-datepicker input {
    background: none;
    border: none;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    cursor: pointer;
    line-height: normal;
    padding: 0; }
  .internet-payments-wrapper .desktop-datepicker:hover {
    border: 1px solid rgba(0, 0, 0, 0.38) !important; }
  .internet-payments-wrapper .desktop-datepicker.active {
    background-color: #FFFFFF;
    border: 1px solid #136EF6 !important; }
    .internet-payments-wrapper .desktop-datepicker.active:focus {
      border-color: #0E5BF3 !important; }
    .internet-payments-wrapper .desktop-datepicker.active .period-text {
      color: #136EF6; }

.internet-payments-wrapper .list-button {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 60px;
  padding: 27px 38px 7px 10px;
  position: relative;
  width: 100%; }
  .internet-payments-wrapper .list-button .label {
    color: rgba(0, 0, 0, 0.6);
    font-size: 1.14286rem;
    left: 16px;
    pointer-events: none;
    position: absolute;
    top: 20px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .internet-payments-wrapper .list-button .label.hasList {
      font-size: 1rem;
      top: 5px; }
  .internet-payments-wrapper .list-button i.chevron {
    color: rgba(0, 0, 0, 0.6);
    position: absolute;
    right: 11px;
    top: calc(50% - 7px); }
  .internet-payments-wrapper .list-button:hover {
    border-color: rgba(0, 0, 0, 0.38);
    cursor: pointer; }
  .internet-payments-wrapper .list-button:focus-within {
    border: 1px solid #136EF6;
    color: #000000; }
    .internet-payments-wrapper .list-button:focus-within .label {
      color: #136EF6; }

.internet-payments-wrapper .pill-button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #F5F5F5;
  border: 1px solid #F5F5F5;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 5px 5px;
  padding: 4px 5px 4px 14px; }
  .internet-payments-wrapper .pill-button i {
    background: #626262;
    border-radius: 50%;
    color: #FFFFFF;
    font-size: 0.85714rem;
    height: 15px;
    margin-left: 10px;
    padding: 1px;
    position: relative;
    width: 15px; }
    .internet-payments-wrapper .pill-button i:before {
      left: 4px;
      position: absolute;
      top: 1px; }
  .internet-payments-wrapper .pill-button:hover {
    border-color: rgba(0, 0, 0, 0.38);
    cursor: pointer; }
  .internet-payments-wrapper .pill-button:focus-within {
    border: 1px solid #136EF6;
    color: #000000; }
    .internet-payments-wrapper .pill-button:focus-within i {
      background: #136EF6; }

.internet-payments-wrapper .internet-payments-dropdown-wrapper .sub-text {
  color: rgba(0, 0, 0, 0.6);
  display: block;
  font-size: 0.85714rem;
  padding-left: 10px;
  padding-top: 4px; }

.internet-payments-wrapper .internet-payments-dropdown-wrapper .dropdown .icon.chevron {
  color: #090304;
  font-size: 0.92857rem;
  margin-left: 9px;
  margin-top: -7px;
  opacity: 0.6; }

.internet-payments-wrapper .internet-payments-dropdown-wrapper .dropdown:hover {
  border: 1px solid rgba(0, 0, 0, 0.38); }

.internet-payments-wrapper .internet-payments-dropdown-wrapper .dropdown.active {
  background-color: #FFFFFF;
  border: 1px solid #136EF6; }
  .internet-payments-wrapper .internet-payments-dropdown-wrapper .dropdown.active .icon.chevron {
    color: #136EF6;
    opacity: 1;
    -webkit-transform: rotate(180deg) translateY(-6px);
            transform: rotate(180deg) translateY(-6px); }

.internet-payments-wrapper .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown {
  border: 1px solid rgba(0, 0, 0, 0.16);
  max-height: 46px;
  padding: 21px 10px 7px 10px;
  position: relative;
  width: 100%; }
  .internet-payments-wrapper .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown:hover {
    border: 1px solid rgba(0, 0, 0, 0.38); }
  .internet-payments-wrapper .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown .icon {
    float: right;
    margin-top: -5px; }
    .internet-payments-wrapper .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown .icon.chevron {
      font-size: 0.85714rem; }
  .internet-payments-wrapper .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown .default.text {
    color: #000000; }
  .internet-payments-wrapper .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown .menu {
    margin-top: 7px;
    max-height: 300px;
    overflow-y: auto;
    width: 100%; }
    .internet-payments-wrapper .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown .menu > .item {
      font-size: 1rem; }
      .internet-payments-wrapper .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown .menu > .item.selected {
        background: rgba(14, 91, 243, 0.06); }
  .internet-payments-wrapper .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown .label {
    color: rgba(0, 0, 0, 0.6);
    font-size: 1rem;
    left: 10px;
    pointer-events: none;
    position: absolute;
    top: 15px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .internet-payments-wrapper .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown .label.active-text {
      font-size: 0.85714rem;
      top: 5px; }
  .internet-payments-wrapper .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown.active {
    border: 1px solid #136EF6; }
    .internet-payments-wrapper .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown.active .label {
      color: #136EF6;
      font-size: 0.85714rem;
      top: 5px; }
    .internet-payments-wrapper .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown.active .icon {
      color: #136EF6;
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }

.internet-payments-wrapper .internet-payments-dropdown-wrapper.error .internet-payments-dropdown.dropdown {
  background-color: #FFF6F6;
  border-color: #E0B4B4; }
  .internet-payments-wrapper .internet-payments-dropdown-wrapper.error .internet-payments-dropdown.dropdown .label {
    color: #B00020; }

.internet-payments-wrapper .ip-button.large-dropdown {
  background: #fff;
  border: none;
  color: #0E5BF3;
  padding: 0; }
  .internet-payments-wrapper .ip-button.large-dropdown:hover {
    background-color: #fff;
    border-color: #0E5BF3; }
  .internet-payments-wrapper .ip-button.large-dropdown .internet-payments-dropdown.dropdown {
    border: 1px solid #0E5BF3; }
    .internet-payments-wrapper .ip-button.large-dropdown .internet-payments-dropdown.dropdown:hover {
      border: 1px solid #0E5BF3; }
    .internet-payments-wrapper .ip-button.large-dropdown .internet-payments-dropdown.dropdown .label {
      color: #0E5BF3;
      pointer-events: none; }
    .internet-payments-wrapper .ip-button.large-dropdown .internet-payments-dropdown.dropdown .icon {
      font-size: 1.72rem;
      margin-top: -8px; }

.internet-payments-wrapper .internet-payments-minimal-dropdown-wrapper .internet-payments-minimal-dropdown:hover {
  background: rgba(14, 91, 243, 0.06); }

.internet-payments-wrapper .internet-payments-minimal-dropdown-wrapper .internet-payments-minimal-dropdown .text.default {
  color: #090304; }

.internet-payments-wrapper .grouped.ui.dropdown {
  background-color: #F5F5F5;
  border: 1px solid #F5F5F5;
  border-radius: 100px;
  height: 100%;
  padding: 10px; }
  .internet-payments-wrapper .grouped.ui.dropdown .label,
  .internet-payments-wrapper .grouped.ui.dropdown .text,
  .internet-payments-wrapper .grouped.ui.dropdown .icon.chevron {
    vertical-align: middle; }
  .internet-payments-wrapper .grouped.ui.dropdown .text {
    white-space: nowrap; }
  .internet-payments-wrapper .grouped.ui.dropdown .label {
    color: rgba(0, 0, 0, 0.38);
    margin: 0 5px;
    pointer-events: none; }
  .internet-payments-wrapper .grouped.ui.dropdown .icon.chevron {
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.92857rem;
    margin-left: 9px; }
  .internet-payments-wrapper .grouped.ui.dropdown:hover {
    border: 1px solid rgba(0, 0, 0, 0.38); }
  .internet-payments-wrapper .grouped.ui.dropdown.active {
    background-color: #FFFFFF;
    border: 1px solid #136EF6; }
    .internet-payments-wrapper .grouped.ui.dropdown.active .label {
      color: #136EF6; }
    .internet-payments-wrapper .grouped.ui.dropdown.active .icon.chevron.down {
      color: #136EF6;
      opacity: 1;
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
  .internet-payments-wrapper .grouped.ui.dropdown .menu {
    margin-top: 1px;
    padding: 1.5rem 0 0.7rem !important; }
    .internet-payments-wrapper .grouped.ui.dropdown .menu .list-container {
      padding-bottom: 0.5rem; }
      .internet-payments-wrapper .grouped.ui.dropdown .menu .list-container:not(:first-of-type) {
        border-top: 1px solid rgba(0, 0, 0, 0.12);
        padding-top: 1.3rem; }
      .internet-payments-wrapper .grouped.ui.dropdown .menu .list-container .title {
        font-size: 1rem;
        font-weight: bold;
        padding: 0 1.15rem; }
      .internet-payments-wrapper .grouped.ui.dropdown .menu .list-container .item {
        border: none;
        cursor: pointer;
        font-size: 1.14286rem;
        font-weight: normal;
        letter-spacing: 0.25px;
        line-height: 24px;
        padding: 0.6rem 2rem 0.6em 1.15rem !important;
        white-space: nowrap; }
        .internet-payments-wrapper .grouped.ui.dropdown .menu .list-container .item:hover {
          background: rgba(14, 91, 243, 0.06); }
  @media only screen and (max-width: 767px) {
    .internet-payments-wrapper .grouped.ui.dropdown {
      width: 100%; }
      .internet-payments-wrapper .grouped.ui.dropdown .icon.chevron {
        float: right; }
      .internet-payments-wrapper .grouped.ui.dropdown .menu {
        width: 100%; } }

.internet-payments-wrapper .dropdown-file-selector .menu {
  list-style: none; }

.internet-payments-wrapper .dropdown-multi-select-container {
  position: relative;
  z-index: 1; }
  .internet-payments-wrapper .dropdown-multi-select-container .sub-text {
    color: rgba(0, 0, 0, 0.6);
    display: block;
    font-size: 0.85714rem;
    padding-left: 10px;
    padding-top: 4px; }
  .internet-payments-wrapper .dropdown-multi-select-container .dropdown-multi-select {
    display: grid;
    height: 50px;
    line-height: 50px;
    min-width: 210px;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; }
    .internet-payments-wrapper .dropdown-multi-select-container .dropdown-multi-select .ui.dropdown {
      height: 3.5rem; }
      .internet-payments-wrapper .dropdown-multi-select-container .dropdown-multi-select .ui.dropdown > .dropdown.icon {
        background: none;
        border: none;
        padding-top: 14px; }
    .internet-payments-wrapper .dropdown-multi-select-container .dropdown-multi-select .placeholder {
      color: #136EF6;
      font-size: 0.85714rem;
      left: 10px;
      pointer-events: none;
      position: absolute;
      top: 7px; }
      .internet-payments-wrapper .dropdown-multi-select-container .dropdown-multi-select .placeholder.center {
        color: rgba(0, 0, 0, 0.38);
        font-size: 1rem;
        top: 15px; }
    .internet-payments-wrapper .dropdown-multi-select-container .dropdown-multi-select span {
      font-size: 1rem;
      left: 10px;
      pointer-events: none;
      position: absolute;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .internet-payments-wrapper .dropdown-multi-select-container .dropdown-multi-select .label {
      color: rgba(0, 0, 0, 0.38);
      margin: 5px;
      pointer-events: none; }
    .internet-payments-wrapper .dropdown-multi-select-container .dropdown-multi-select .menu {
      margin-top: 7px !important;
      width: 100% !important; }
      .internet-payments-wrapper .dropdown-multi-select-container .dropdown-multi-select .menu .title {
        font-size: 1rem;
        font-weight: bold;
        padding: 0 1.15rem; }
      .internet-payments-wrapper .dropdown-multi-select-container .dropdown-multi-select .menu .item {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        border: none;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 1rem !important;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        letter-spacing: 0.25px;
        line-height: 24px;
        padding: 0.6rem 2rem 0.6em 1.15rem !important;
        white-space: normal !important;
        width: 100%; }
        .internet-payments-wrapper .dropdown-multi-select-container .dropdown-multi-select .menu .item .name {
          max-width: 92%;
          overflow-wrap: break-word; }
        .internet-payments-wrapper .dropdown-multi-select-container .dropdown-multi-select .menu .item i.trash {
          height: 100%;
          margin: 0px !important; }
        .internet-payments-wrapper .dropdown-multi-select-container .dropdown-multi-select .menu .item i.icon-loader {
          height: 20px;
          width: 20px; }
        .internet-payments-wrapper .dropdown-multi-select-container .dropdown-multi-select .menu .item.selected {
          background-color: rgba(14, 91, 243, 0.06);
          color: #136EF6 !important;
          font-weight: bold !important; }
        .internet-payments-wrapper .dropdown-multi-select-container .dropdown-multi-select .menu .item .multi-select {
          display: none; }
    .internet-payments-wrapper .dropdown-multi-select-container .dropdown-multi-select.disabled .dropdown {
      background-color: #F7F7F7;
      border-color: #F7F7F7;
      -webkit-box-shadow: unset !important;
              box-shadow: unset !important;
      color: #999999 !important;
      pointer-events: none; }
      .internet-payments-wrapper .dropdown-multi-select-container .dropdown-multi-select.disabled .dropdown .menu {
        padding: 0px; }

.internet-payments-wrapper .dropdown-mini-settings-container {
  display: inline-block; }
  .internet-payments-wrapper .dropdown-mini-settings-container .dropdown-mini-settings .clear-dropdown {
    background-color: #666666;
    border: none;
    border-radius: 50%;
    color: white;
    display: none;
    left: -6px;
    line-height: 1;
    margin: 0;
    padding: 2px;
    position: relative; }
    .internet-payments-wrapper .dropdown-mini-settings-container .dropdown-mini-settings .clear-dropdown i.icon.times {
      float: none;
      height: 1em;
      margin: 0;
      padding: 0;
      width: 1em; }
  .internet-payments-wrapper .dropdown-mini-settings-container .dropdown-mini-settings .actions {
    border-top: 1px solid #E5E5E5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    margin-top: 8px;
    padding-left: 80px;
    padding-right: 10px; }
    .internet-payments-wrapper .dropdown-mini-settings-container .dropdown-mini-settings .actions button {
      margin: 10px;
      margin-top: 16px; }
      .internet-payments-wrapper .dropdown-mini-settings-container .dropdown-mini-settings .actions button.reset {
        border: none; }
  .internet-payments-wrapper .dropdown-mini-settings-container .dropdown-mini-settings.dropdown:hover {
    border-color: #989898 !important; }
  .internet-payments-wrapper .dropdown-mini-settings-container .dropdown-mini-settings.active {
    border-color: #0E5BF3 !important; }
    .internet-payments-wrapper .dropdown-mini-settings-container .dropdown-mini-settings.active:focus {
      border-color: #0E5BF3 !important; }
  .internet-payments-wrapper .dropdown-mini-settings-container .dropdown-mini-settings .menu .item:hover {
    background: #F2F6FE !important; }
  .internet-payments-wrapper .dropdown-mini-settings-container.has-error {
    background-color: #F8E5E8 !important;
    border-radius: 20px;
    margin-right: 10px; }
    .internet-payments-wrapper .dropdown-mini-settings-container.has-error .dropdown-mini-settings {
      background-color: transparent;
      margin-right: 0; }
  .internet-payments-wrapper .dropdown-mini-settings-container.has-previews .dropdown-mini-settings {
    padding-bottom: 9px !important;
    padding-top: 9px !important; }
    .internet-payments-wrapper .dropdown-mini-settings-container.has-previews .dropdown-mini-settings .clear-dropdown {
      display: inline-block;
      pointer-events: auto; }

.radiobutton-card {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  cursor: pointer;
  margin-bottom: 1em; }
  .radiobutton-card:last-child {
    margin-bottom: 0; }
  .radiobutton-card.selected {
    border: 1px solid #0E5BF3;
    -webkit-box-shadow: 0px 2px 5px 0px #0E5BF340;
            box-shadow: 0px 2px 5px 0px #0E5BF340;
    -webkit-transition: border 0.25s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
    transition: border 0.25s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
    transition: border 0.25s ease-in-out, box-shadow 0.3s ease-in-out;
    transition: border 0.25s ease-in-out, box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; }
  .radiobutton-card.disabled {
    opacity: 0.7;
    pointer-events: none; }

.radiobutton-card-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 400;
  letter-spacing: 0.25px;
  line-height: 20px;
  padding: 1em;
  text-align: left; }
  .radiobutton-card-holder .radiobutton-card-radio {
    padding: 0.125em 0.7em 0 0; }
    .radiobutton-card-holder .radiobutton-card-radio input {
      cursor: pointer;
      height: 20px;
      width: 20px; }
  .radiobutton-card-holder .radiobutton-card-content h3 {
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    margin: 0; }
  .radiobutton-card-holder .radiobutton-card-content p {
    color: rgba(0, 0, 0, 0.6); }

.internet-payments-wrapper .page-top-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 16px; }
  .internet-payments-wrapper .page-top-nav h2 {
    margin: 4px 20px;
    padding: 0; }
  .internet-payments-wrapper .page-top-nav .page-top-nav-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .internet-payments-wrapper .page-top-nav .page-top-nav-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .internet-payments-wrapper .page-top-nav .page-top-nav-buttons button {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background: transparent;
      border: 1px solid #136EF6;
      border-radius: 50px;
      color: #136EF6;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .internet-payments-wrapper .page-top-nav .page-top-nav-buttons button span {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 75px; }
      .internet-payments-wrapper .page-top-nav .page-top-nav-buttons button:hover {
        background: #F2F6FE; }
      .internet-payments-wrapper .page-top-nav .page-top-nav-buttons button:first-of-type span {
        margin-right: 10px;
        margin-top: 3px; }
      .internet-payments-wrapper .page-top-nav .page-top-nav-buttons button:first-of-type i {
        margin-left: 6px; }
      .internet-payments-wrapper .page-top-nav .page-top-nav-buttons button:last-of-type {
        margin-left: 8px; }
        .internet-payments-wrapper .page-top-nav .page-top-nav-buttons button:last-of-type span {
          margin-left: 10px;
          margin-top: 3px; }
        .internet-payments-wrapper .page-top-nav .page-top-nav-buttons button:last-of-type i {
          margin-right: 6px; }

.internet-payments-wrapper .hover-list {
  position: relative; }
  .internet-payments-wrapper .hover-list .list {
    background: #FFFFFF;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    display: none;
    left: -18px;
    list-style: none;
    padding: 12px 20px;
    position: absolute;
    top: 12px;
    z-index: 1; }
    .internet-payments-wrapper .hover-list .list li {
      margin-bottom: 10px;
      white-space: nowrap; }
      .internet-payments-wrapper .hover-list .list li:last-child {
        margin-bottom: 0; }
  .internet-payments-wrapper .hover-list:hover .list {
    display: block; }

.internet-payments-wrapper .kebab-menu {
  color: #FFFFFF;
  cursor: pointer;
  float: right; }
  .internet-payments-wrapper .kebab-menu svg path {
    fill: #666666; }
  .internet-payments-wrapper .kebab-menu:hover {
    color: #0E5BF3; }
    .internet-payments-wrapper .kebab-menu:hover svg path {
      fill: #0E5BF3; }
  .internet-payments-wrapper .kebab-menu.disabled {
    cursor: default;
    opacity: 0.5;
    pointer-events: none; }

.internet-payments-wrapper .value-revealer {
  color: #136EF6;
  font-weight: bold;
  white-space: nowrap; }
  .internet-payments-wrapper .value-revealer .copy-to-clipboard i.copy {
    color: #ACACAC;
    display: initial;
    font-size: 1.14286rem;
    top: -2px; }
  .internet-payments-wrapper .value-revealer .copy-to-clipboard .confirm-copy {
    right: -60px; }

.internet-payments-wrapper .ip-credit-card {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }
  .internet-payments-wrapper .ip-credit-card:before {
    height: 24px;
    margin-right: 8px;
    width: 32px; }
  .internet-payments-wrapper .ip-credit-card.visa:before {
    content: url("/img/credit-cards/visa.svg"); }
  .internet-payments-wrapper .ip-credit-card.amex:before {
    content: url("/img/credit-cards/amex.svg"); }
  .internet-payments-wrapper .ip-credit-card.mastercard:before {
    content: url("/img/credit-cards/mastercard.svg"); }
  .internet-payments-wrapper .ip-credit-card.discover:before {
    content: url("/img/credit-cards/discover.svg"); }
  .internet-payments-wrapper .ip-credit-card.jcb:before {
    content: url("/img/credit-cards/jcb.svg"); }
  .internet-payments-wrapper .ip-credit-card.unknown:before {
    content: url("/img/unknown.svg"); }

.internet-payments-wrapper .apm-services-wrapper .scroll-table table .button {
  background-color: transparent;
  border: none;
  color: #0E5BF3;
  cursor: pointer;
  font-weight: bold;
  height: 36px;
  margin-right: 8px;
  padding: 7px 12px;
  position: relative; }
  .internet-payments-wrapper .apm-services-wrapper .scroll-table table .button.inactive {
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #989898; }
    .internet-payments-wrapper .apm-services-wrapper .scroll-table table .button.inactive:hover {
      background-color: transparent; }
  .internet-payments-wrapper .apm-services-wrapper .scroll-table table .button:hover {
    background-color: rgba(14, 91, 243, 0.06);
    -webkit-box-shadow: 0 0 0 0 transparent inset;
            box-shadow: 0 0 0 0 transparent inset; }

.internet-payments-wrapper .apm-services-wrapper .scroll-table table .info-pill {
  display: inline-block; }

.internet-payments-wrapper .apm-services-wrapper .scroll-table table .apm-services {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }
  .internet-payments-wrapper .apm-services-wrapper .scroll-table table .apm-services:before {
    height: 24px;
    margin-right: 8px;
    width: 32px; }
  .internet-payments-wrapper .apm-services-wrapper .scroll-table table .apm-services.ach:before {
    content: url("/img/internet-payments/payment-methods/ach.svg"); }

.internet-payments-wrapper .color-dot-label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .internet-payments-wrapper .color-dot-label .color-dot-value {
    margin-top: 1px; }
    .internet-payments-wrapper .color-dot-label .color-dot-value .color-dot-second-label {
      color: #666666;
      display: block;
      font-size: 0.85714rem;
      line-height: 12px; }
  .internet-payments-wrapper .color-dot-label.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .internet-payments-wrapper .color-dot-label .dot.approved, .internet-payments-wrapper .color-dot-label .dot.won, .internet-payments-wrapper .color-dot-label .dot.active, .internet-payments-wrapper .color-dot-label .dot.success, .internet-payments-wrapper .color-dot-label .dot.green {
    border-radius: 50%;
    display: inline-block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 0.76em;
    margin: 0px 6px;
    width: 0.76em;
    background-color: #48AA2F; }
  .internet-payments-wrapper .color-dot-label .dot.review, .internet-payments-wrapper .color-dot-label .dot.not.registered, .internet-payments-wrapper .color-dot-label .dot.orange {
    border-radius: 50%;
    display: inline-block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 0.76em;
    margin: 0px 6px;
    width: 0.76em;
    background-color: #FFA500; }
  .internet-payments-wrapper .color-dot-label .dot.verified, .internet-payments-wrapper .color-dot-label .dot.gray {
    border-radius: 50%;
    display: inline-block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 0.76em;
    margin: 0px 6px;
    width: 0.76em;
    background-color: rgba(0, 0, 0, 0.38); }
  .internet-payments-wrapper .color-dot-label .dot.response, .internet-payments-wrapper .color-dot-label .dot.declined, .internet-payments-wrapper .color-dot-label .dot.not.active, .internet-payments-wrapper .color-dot-label .dot.failed, .internet-payments-wrapper .color-dot-label .dot.red {
    border-radius: 50%;
    display: inline-block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 0.76em;
    margin: 0px 6px;
    width: 0.76em;
    background-color: #ff0000; }
  .internet-payments-wrapper .color-dot-label .dot.lost {
    border-radius: 50%;
    display: inline-block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 0.76em;
    margin: 0px 6px;
    width: 0.76em;
    background-color: #B00020; }

.internet-payments-wrapper .customer-summary-panel .risk-block-list-tooltip-container, .internet-payments-wrapper .customer-details-panel .risk-status-icon .risk-block-list-tooltip-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .internet-payments-wrapper .customer-summary-panel .risk-block-list-tooltip-container .tooltip, .internet-payments-wrapper .customer-details-panel .risk-status-icon .risk-block-list-tooltip-container .tooltip {
    left: 10px; }
  .internet-payments-wrapper .customer-summary-panel .risk-block-list-tooltip-container i.icon, .internet-payments-wrapper .customer-details-panel .risk-status-icon .risk-block-list-tooltip-container i.icon {
    font-size: 1.71429rem;
    padding-left: 0.57143em; }
    .internet-payments-wrapper .customer-summary-panel .risk-block-list-tooltip-container i.icon.exclamation.circle, .internet-payments-wrapper .customer-details-panel .risk-status-icon .risk-block-list-tooltip-container i.icon.exclamation.circle {
      color: #B00020; }
    .internet-payments-wrapper .customer-summary-panel .risk-block-list-tooltip-container i.icon.exclamation.circle.outline, .internet-payments-wrapper .customer-details-panel .risk-status-icon .risk-block-list-tooltip-container i.icon.exclamation.circle.outline {
      color: #f6a735; }
    .internet-payments-wrapper .customer-summary-panel .risk-block-list-tooltip-container i.icon.check.circle, .internet-payments-wrapper .customer-details-panel .risk-status-icon .risk-block-list-tooltip-container i.icon.check.circle {
      color: #48AA2F; }

.risk-block-list-tooltip-container {
  float: right;
  position: relative; }
  .risk-block-list-tooltip-container .icon.risk-color-A {
    color: #48AA2F; }
  .risk-block-list-tooltip-container .icon.risk-color-D {
    color: #B00020; }
  .risk-block-list-tooltip-container .tooltip {
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    color: #090304;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 25px;
    -webkit-transition: width 0s 0.5s, opacity 0.5s ease-in-out;
    transition: width 0s 0.5s, opacity 0.5s ease-in-out;
    width: 0;
    z-index: 3; }
    .risk-block-list-tooltip-container .tooltip > div {
      padding: 1.28571em; }
    .risk-block-list-tooltip-container .tooltip .header {
      color: #333333;
      font-weight: 600;
      margin-bottom: 0.71429em; }
    .risk-block-list-tooltip-container .tooltip .body {
      word-break: keep-all; }
    .risk-block-list-tooltip-container .tooltip.left {
      left: auto !important; }
  @media only screen and (min-width: 768px) {
    .risk-block-list-tooltip-container:hover .tooltip {
      opacity: 1;
      -webkit-transition: width 0s 0s, opacity 0.5s ease-in-out;
      transition: width 0s 0s, opacity 0.5s ease-in-out;
      width: 350px; } }
  @media only screen and (max-width: 767px) {
    .risk-block-list-tooltip-container.mobile-tooltip-active .tooltip {
      opacity: 1;
      -webkit-transition: width 0s 0s, opacity 0.5s ease-in-out;
      transition: width 0s 0s, opacity 0.5s ease-in-out;
      width: 350px; } }

.internet-payments-wrapper .risk-tray .actions {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important; }
  .internet-payments-wrapper .risk-tray .actions .button {
    width: 100% !important; }

.internet-payments-wrapper .rule-change-request-form {
  border: 1px solid #f6a735;
  border-radius: 8px;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 14px;
  margin-bottom: 1.71429em;
  padding: 1.14286em; }
  .internet-payments-wrapper .rule-change-request-form .ui.stackable.grid.field > .wide.column {
    padding: 0 !important; }
  .internet-payments-wrapper .rule-change-request-form .notification-block {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: rgba(246, 167, 53, 0.08);
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    letter-spacing: 0.35px;
    line-height: 16px;
    padding: 0.71429em 1.14286em;
    pointer-events: none; }
    .internet-payments-wrapper .rule-change-request-form .notification-block .field div {
      background-color: inherit; }
    .internet-payments-wrapper .rule-change-request-form .notification-block .field label {
      font-size: 1rem;
      font-weight: 400; }
    .internet-payments-wrapper .rule-change-request-form .notification-block img {
      height: 20px;
      width: 20px; }
  .internet-payments-wrapper .rule-change-request-form .content-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 9px; }
    .internet-payments-wrapper .rule-change-request-form .content-block .internet-payments-input-container .internet-payments-input.input {
      border: none !important; }
      .internet-payments-wrapper .rule-change-request-form .content-block .internet-payments-input-container .internet-payments-input.input .placeholder {
        color: #000000;
        font-size: 1rem;
        font-weight: bold;
        left: 0px;
        letter-spacing: -0.2px; }
      .internet-payments-wrapper .rule-change-request-form .content-block .internet-payments-input-container .internet-payments-input.input input {
        border: none;
        padding: 2.28571em 0px 0.57143em 0px; }
        .internet-payments-wrapper .rule-change-request-form .content-block .internet-payments-input-container .internet-payments-input.input input:hover {
          cursor: default; }
  .internet-payments-wrapper .rule-change-request-form button.ui.basic.primary.button {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid #0E5BF3;
    border-radius: 4px;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    color: #0E5BF3 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    isolation: isolate;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    letter-spacing: 0.25px;
    padding: 0.57143em;
    text-transform: uppercase;
    width: 100%; }

.internet-payments-wrapper .download-label-button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%; }
  .internet-payments-wrapper .download-label-button .label {
    margin: 0 10px; }
  .internet-payments-wrapper .download-label-button a {
    color: inherit; }
  .internet-payments-wrapper .download-label-button .new {
    background: #48AA2F;
    border-radius: 4px;
    color: #FFFFFF;
    padding: 1px 7px; }

.internet-payments-wrapper .responsive-table .ui.table thead th {
  background: none;
  color: #000000;
  font-size: 1rem;
  font-weight: 700; }

.internet-payments-wrapper .responsive-table .ui.table tbody td {
  color: #000000;
  font-size: 1rem;
  font-weight: 400; }

.internet-payments-wrapper .responsive-table .ui.padded.table th, .internet-payments-wrapper .responsive-table .ui.padded.table td {
  line-height: 20px;
  padding: 16px 0px 18px 16px; }

.internet-payments-wrapper .responsive-table footer {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .internet-payments-wrapper .responsive-table footer:before {
    content: "Rows per page"; }
  .internet-payments-wrapper .responsive-table footer .ui.selection.dropdown {
    border: none; }
    .internet-payments-wrapper .responsive-table footer .ui.selection.dropdown > .text {
      vertical-align: middle; }
  .internet-payments-wrapper .responsive-table footer .ui.pagination.menu .item {
    border: none; }
  .internet-payments-wrapper .responsive-table footer .ui.pagination.menu .relative.item {
    color: #6f6f6f; }
  .internet-payments-wrapper .responsive-table footer .ui.menu {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .internet-payments-wrapper .responsive-table footer .ip-page-info {
    margin: 0 10px 0 20px; }

.internet-payments-wrapper .sub-menu {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #090304 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 56px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 1.15rem; }
  .internet-payments-wrapper .sub-menu .logo-icon {
    padding-left: 1.15rem; }
  .internet-payments-wrapper .sub-menu .left-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .internet-payments-wrapper .sub-menu .right-container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
    .internet-payments-wrapper .sub-menu .right-container .user-dropdown {
      background: none;
      border: none; }
    .internet-payments-wrapper .sub-menu .right-container > div {
      margin-left: 0.6rem;
      margin-right: 0.6rem; }
    @media only screen and (max-width: 767px) {
      .internet-payments-wrapper .sub-menu .right-container > div {
        margin-left: 0.3rem;
        margin-right: 0.3rem; }
      .internet-payments-wrapper .sub-menu .right-container div:first-child {
        margin-left: 0;
        margin-right: 0.3rem; }
      .internet-payments-wrapper .sub-menu .right-container div:last-child {
        margin-left: 0.3rem;
        margin-right: 0; } }
    .internet-payments-wrapper .sub-menu .right-container div:first-child {
      margin-left: 0;
      margin-right: 0.6rem; }
    .internet-payments-wrapper .sub-menu .right-container div:last-child {
      margin-left: 0.6rem;
      margin-right: 0; }
  .internet-payments-wrapper .sub-menu .menu {
    font-weight: normal; }
  .internet-payments-wrapper .sub-menu .logo-link {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .internet-payments-wrapper .sub-menu .icon-container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0.6rem; }
  @media only screen and (max-width: 767px) {
    .internet-payments-wrapper .sub-menu {
      padding: 0 0.6rem; }
      .internet-payments-wrapper .sub-menu .logo-icon {
        padding-left: 0.6rem; } }

.internet-payments-wrapper .locations-sidebar-wrapper {
  bottom: 0;
  left: 0;
  position: fixed;
  top: 0;
  width: 0;
  z-index: 1000;
  /* stylelint-disable no-duplicate-selectors */
  /* stylelint-disable no-descending-specificity */ }
  .internet-payments-wrapper .locations-sidebar-wrapper .locations-sidebar {
    background: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    left: 0;
    overflow: hidden;
    overflow-y: auto;
    position: relative;
    top: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
    width: 400px;
    z-index: 1002; }
    @media only screen and (max-width: 600px) {
      .internet-payments-wrapper .locations-sidebar-wrapper .locations-sidebar {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
        -webkit-transform: translateY(100%);
                transform: translateY(100%);
        width: 100vw; } }
    .internet-payments-wrapper .locations-sidebar-wrapper .locations-sidebar .widget-section {
      border-bottom: 1px solid rgba(0, 0, 0, 0.16);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 20px 10px; }
      .internet-payments-wrapper .locations-sidebar-wrapper .locations-sidebar .widget-section .kebab-dropdown.ui.dropdown:hover svg rect, .internet-payments-wrapper .locations-sidebar-wrapper .locations-sidebar .widget-section .kebab-dropdown.ui.dropdown.active svg rect {
        fill: rgba(14, 91, 243, 0.06);
        fill-opacity: unset; }
      .internet-payments-wrapper .locations-sidebar-wrapper .locations-sidebar .widget-section .kebab-dropdown.ui.dropdown:hover svg path, .internet-payments-wrapper .locations-sidebar-wrapper .locations-sidebar .widget-section .kebab-dropdown.ui.dropdown.active svg path {
        fill: #0E5BF3; }
      .internet-payments-wrapper .locations-sidebar-wrapper .locations-sidebar .widget-section .kebab-dropdown.ui.dropdown .menu {
        left: unset;
        right: 0; }
        .internet-payments-wrapper .locations-sidebar-wrapper .locations-sidebar .widget-section .kebab-dropdown.ui.dropdown .menu .item svg {
          vertical-align: text-bottom; }
        .internet-payments-wrapper .locations-sidebar-wrapper .locations-sidebar .widget-section .kebab-dropdown.ui.dropdown .menu .item.disabled {
          color: #666666;
          opacity: 0.6; }
          .internet-payments-wrapper .locations-sidebar-wrapper .locations-sidebar .widget-section .kebab-dropdown.ui.dropdown .menu .item.disabled svg path {
            fill: #666666 !important; }
      .internet-payments-wrapper .locations-sidebar-wrapper .locations-sidebar .widget-section .list-search {
        width: 320px; }
    .internet-payments-wrapper .locations-sidebar-wrapper .locations-sidebar .no-results {
      font-size: 1.14286rem;
      font-weight: 700;
      padding: 0.71429em; }
    .internet-payments-wrapper .locations-sidebar-wrapper .locations-sidebar .ui.segments {
      border: none;
      border-bottom: 1px solid rgba(0, 0, 0, 0.16);
      -webkit-box-shadow: none;
              box-shadow: none;
      margin: 0; }
      .internet-payments-wrapper .locations-sidebar-wrapper .locations-sidebar .ui.segments .legal-name {
        background-color: #FAFAFA;
        font-size: 1.14286rem;
        font-weight: 700;
        left: 0;
        letter-spacing: 0.15px;
        line-height: 1.7rem;
        margin: 0;
        padding: 1.42857em 0 1em 1.57143em;
        position: sticky;
        text-transform: uppercase;
        top: 0;
        z-index: 3; }
      .internet-payments-wrapper .locations-sidebar-wrapper .locations-sidebar .ui.segments .ui.segment {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin: 1em 0;
        padding: 0.57143em 1.71429em 0.57143em 2.64286em;
        -webkit-transition: background-color 0.3s linear;
        transition: background-color 0.3s linear; }
        .internet-payments-wrapper .locations-sidebar-wrapper .locations-sidebar .ui.segments .ui.segment .location-wrapper {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; }
          .internet-payments-wrapper .locations-sidebar-wrapper .locations-sidebar .ui.segments .ui.segment .location-wrapper .name-container .icon {
            display: inline-block;
            height: 24px;
            vertical-align: text-bottom;
            width: 24px; }
            .internet-payments-wrapper .locations-sidebar-wrapper .locations-sidebar .ui.segments .ui.segment .location-wrapper .name-container .icon svg path {
              fill: #0E5BF3 !important; }
          .internet-payments-wrapper .locations-sidebar-wrapper .locations-sidebar .ui.segments .ui.segment .location-wrapper .name-container .name {
            font-size: 1.14286rem;
            font-weight: 700;
            letter-spacing: 0.15px;
            line-height: 1.7rem;
            text-transform: uppercase; }
          .internet-payments-wrapper .locations-sidebar-wrapper .locations-sidebar .ui.segments .ui.segment .location-wrapper .merchant {
            color: rgba(0, 0, 0, 0.6);
            font-size: 1rem;
            letter-spacing: 0.25px;
            line-height: 1.42rem; }
        .internet-payments-wrapper .locations-sidebar-wrapper .locations-sidebar .ui.segments .ui.segment:hover {
          background-color: rgba(14, 91, 243, 0.06); }
        .internet-payments-wrapper .locations-sidebar-wrapper .locations-sidebar .ui.segments .ui.segment.active-location {
          background-color: rgba(14, 91, 243, 0.06); }
        .internet-payments-wrapper .locations-sidebar-wrapper .locations-sidebar .ui.segments .ui.segment:not(:last-child) {
          margin-bottom: 0.57rem; }
    .internet-payments-wrapper .locations-sidebar-wrapper .locations-sidebar .title-section {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-bottom: 1px solid rgba(0, 0, 0, 0.16);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 0.58rem 1.15rem; }
      .internet-payments-wrapper .locations-sidebar-wrapper .locations-sidebar .title-section h1 {
        color: #000000;
        font-size: 1.42857rem;
        line-height: 1.7;
        margin: 0; }
  .internet-payments-wrapper .locations-sidebar-wrapper .ui.dimmer {
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s; }
  .internet-payments-wrapper .locations-sidebar-wrapper.active {
    width: 100%; }
    .internet-payments-wrapper .locations-sidebar-wrapper.active .locations-sidebar {
      -webkit-transform: translateX(0%);
              transform: translateX(0%); }
      @media only screen and (max-width: 600px) {
        .internet-payments-wrapper .locations-sidebar-wrapper.active .locations-sidebar {
          -webkit-transform: translateY(0%);
                  transform: translateY(0%); } }
    .internet-payments-wrapper .locations-sidebar-wrapper.active .ui.dimmer {
      background-color: rgba(0, 0, 0, 0.4); }
  .internet-payments-wrapper .locations-sidebar-wrapper.active {
    width: 100%; }
  .internet-payments-wrapper .locations-sidebar-wrapper .sidebar {
    background: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
    width: 400px;
    z-index: 1002; }
    @media only screen and (max-width: 600px) {
      .internet-payments-wrapper .locations-sidebar-wrapper .sidebar {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
        -webkit-transform: translateY(100%);
                transform: translateY(100%);
        width: 100vw; } }
    .internet-payments-wrapper .locations-sidebar-wrapper .sidebar .ui.segments {
      border: none;
      -webkit-box-shadow: none;
              box-shadow: none;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      margin: 0;
      overflow-y: auto;
      padding: 1.15rem 1.7rem; }
      .internet-payments-wrapper .locations-sidebar-wrapper .sidebar .ui.segments .ui.segment {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 0.57rem 1.7rem 0.57rem 1.15rem;
        -webkit-transition: background-color 0.3s linear;
        transition: background-color 0.3s linear; }
        .internet-payments-wrapper .locations-sidebar-wrapper .sidebar .ui.segments .ui.segment .location-wrapper {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; }
          .internet-payments-wrapper .locations-sidebar-wrapper .sidebar .ui.segments .ui.segment .location-wrapper .name {
            font-size: 1.14286rem;
            font-weight: 700;
            letter-spacing: 0.15px;
            line-height: 1.7rem; }
          .internet-payments-wrapper .locations-sidebar-wrapper .sidebar .ui.segments .ui.segment .location-wrapper .merchant {
            color: rgba(0, 0, 0, 0.6);
            font-size: 1rem;
            letter-spacing: 0.25px;
            line-height: 1.42rem; }
        .internet-payments-wrapper .locations-sidebar-wrapper .sidebar .ui.segments .ui.segment .icon {
          color: rgba(0, 0, 0, 0.6); }
        .internet-payments-wrapper .locations-sidebar-wrapper .sidebar .ui.segments .ui.segment .default-location-button {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          border-radius: 50%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          height: 40px;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          margin-left: 10px;
          min-width: 40px;
          opacity: 0;
          position: relative;
          -webkit-transition: opacity ease-in-out 0.5s;
          transition: opacity ease-in-out 0.5s;
          width: 40px;
          z-index: 1; }
          .internet-payments-wrapper .locations-sidebar-wrapper .sidebar .ui.segments .ui.segment .default-location-button .tooltip {
            background: #090304;
            bottom: -29px;
            color: #FFFFFF;
            font-size: 1rem;
            opacity: 0;
            padding: 2px 9px;
            pointer-events: none;
            position: absolute;
            right: -27px;
            -webkit-transition: opacity ease-in-out 0.5s;
            transition: opacity ease-in-out 0.5s;
            white-space: nowrap; }
          .internet-payments-wrapper .locations-sidebar-wrapper .sidebar .ui.segments .ui.segment .default-location-button svg {
            pointer-events: none; }
          .internet-payments-wrapper .locations-sidebar-wrapper .sidebar .ui.segments .ui.segment .default-location-button:hover {
            background-color: rgba(14, 91, 243, 0.06) !important; }
        .internet-payments-wrapper .locations-sidebar-wrapper .sidebar .ui.segments .ui.segment:hover {
          background-color: rgba(14, 91, 243, 0.06); }
          .internet-payments-wrapper .locations-sidebar-wrapper .sidebar .ui.segments .ui.segment:hover .default-location-button {
            opacity: 1; }
        .internet-payments-wrapper .locations-sidebar-wrapper .sidebar .ui.segments .ui.segment.active-location {
          background-color: rgba(14, 91, 243, 0.06); }
        .internet-payments-wrapper .locations-sidebar-wrapper .sidebar .ui.segments .ui.segment.default .default-location-button {
          opacity: 1; }
        .internet-payments-wrapper .locations-sidebar-wrapper .sidebar .ui.segments .ui.segment:not(:last-child) {
          margin-bottom: 0.57rem; }
        .internet-payments-wrapper .locations-sidebar-wrapper .sidebar .ui.segments .ui.segment:not(.default) .default-location-button:hover .tooltip {
          opacity: 1; }
        .internet-payments-wrapper .locations-sidebar-wrapper .sidebar .ui.segments .ui.segment:not(.default):hover .default-location-button {
          background-color: rgba(0, 0, 0, 0.04); }
    .internet-payments-wrapper .locations-sidebar-wrapper .sidebar .title-section {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-bottom: 1px solid rgba(0, 0, 0, 0.16);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 0.58rem 1.15rem; }
      .internet-payments-wrapper .locations-sidebar-wrapper .sidebar .title-section h1 {
        color: #000000;
        font-size: 1.42857rem;
        line-height: 1.7rem;
        margin: 0; }
    .internet-payments-wrapper .locations-sidebar-wrapper .sidebar.active {
      -webkit-transform: translateX(0%);
              transform: translateX(0%); }
      @media only screen and (max-width: 600px) {
        .internet-payments-wrapper .locations-sidebar-wrapper .sidebar.active {
          -webkit-transform: translateY(0%);
                  transform: translateY(0%); } }
  .internet-payments-wrapper .locations-sidebar-wrapper .ui.dimmer {
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s; }
    .internet-payments-wrapper .locations-sidebar-wrapper .ui.dimmer.active {
      background-color: rgba(0, 0, 0, 0.4); }

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-business-date-totals .ui.celled.table .header-row.header-level-0 .header-col::after {
  content: none; }

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-business-date-totals .ui.celled.table .header-row.header-level-0 .header-col:first-child.sticky-col {
  position: static; }

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-business-date-totals .ui.celled.table .header-row.header-level-1 .header-col::after {
  content: none; }

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-business-date-totals .ui.celled.table .header-row.header-level-1 .header-col:first-child.sticky-col {
  position: static; }

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-business-date-totals .ui.celled.table .header-row.header-level-1 .header-col:nth-child(1) {
  border-left: 1px solid #E5E5E5;
  text-align: right; }

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-business-date-totals .ui.celled.table .header-row.header-level-1 .header-col:nth-child(2) {
  border-right: 1px solid #E5E5E5; }

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-business-date-totals .ui.celled.table .header-row.header-level-1 .header-col:nth-child(4) {
  border-right: 1px solid #E5E5E5; }

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-business-date-totals .ui.celled.table .header-row.header-level-1 .header-col:nth-child(6) {
  border-right: 1px solid #E5E5E5; }

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-business-date-totals .ui.celled.table tfoot {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  position: static; }
  .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-business-date-totals .ui.celled.table tfoot .footer-level-0 {
    border-top: 1px solid #E5E5E5; }
    .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-business-date-totals .ui.celled.table tfoot .footer-level-0 .footer-col::after {
      content: none; }
    .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-business-date-totals .ui.celled.table tfoot .footer-level-0 .footer-col:first-child.sticky-col {
      position: static; }
    .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-business-date-totals .ui.celled.table tfoot .footer-level-0 .footer-col[colspan="1"][rowspan="1"]:last-child {
      padding-right: 0.71429em; }
    .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-business-date-totals .ui.celled.table tfoot .footer-level-0 .footer-col:nth-child(3) {
      border-left: 1px solid #E5E5E5; }
    .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-business-date-totals .ui.celled.table tfoot .footer-level-0 .footer-col:nth-child(4) {
      border-right: 1px solid #E5E5E5; }
    .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-business-date-totals .ui.celled.table tfoot .footer-level-0 .footer-col:nth-child(6) {
      border-right: 1px solid #E5E5E5; }
    .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-business-date-totals .ui.celled.table tfoot .footer-level-0 .footer-col:nth-child(8) {
      border-right: 1px solid #E5E5E5; }
    .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-business-date-totals .ui.celled.table tfoot .footer-level-0.total {
      background: #f7f7f7;
      color: #333333; }
      .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-business-date-totals .ui.celled.table tfoot .footer-level-0.total .footer-col {
        font-weight: bold; }

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-business-date-totals .ui.celled.table .row.level-1 .col::after {
  content: none; }

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-business-date-totals .ui.celled.table .row.level-1 .col:first-child.sticky-col {
  position: static; }

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-business-date-totals .ui.celled.table .row.level-1 .col[colspan="1"][rowspan="1"]:last-child .content {
  padding-right: 0.71429em; }

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-business-date-totals .ui.celled.table .row.level-1 .col:nth-child(3) {
  border-left: 1px solid #E5E5E5; }

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-business-date-totals .ui.celled.table .row.level-1 .col:nth-child(4) {
  border-right: 1px solid #E5E5E5; }

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-business-date-totals .ui.celled.table .row.level-1 .col:nth-child(6) {
  border-right: 1px solid #E5E5E5; }

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-business-date-totals .ui.celled.table .row.level-1 .col:nth-child(8) {
  border-right: 1px solid #E5E5E5; }

.internet-payments-wrapper #drill-down-report-table-wrapper {
  border-top: 1px solid #E5E5E5;
  max-height: calc(100vh - 280px);
  max-width: 100%;
  overflow: auto;
  scrollbar-width: thin; }
  @media only screen and (max-width: 767px) {
    .internet-payments-wrapper #drill-down-report-table-wrapper {
      max-height: 80vh;
      scrollbar-width: none; }
      .internet-payments-wrapper #drill-down-report-table-wrapper::-webkit-scrollbar {
        display: none; } }
  .internet-payments-wrapper #drill-down-report-table-wrapper::-webkit-scrollbar {
    height: 5px;
    width: 5px; }
  .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table .content {
    font-weight: 100;
    text-align: left; }
    .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table .content.integer, .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table .content.float, .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table .content.percent, .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table .content.money {
      text-align: right; }
    .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table .content.empty > div {
      text-align: inherit; }
  .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr td {
    border-left: none; }
    .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr td .info-tooltip {
      color: #666666;
      margin-right: -0.35714em; }
    .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr td:last-child {
      border-right: none; }
      .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr td:last-child .content {
        padding-right: 24px; }
  .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr.above-header {
    pointer-events: none;
    z-index: 30; }
    .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr.above-header td {
      background-color: #FAFAFA !important;
      -webkit-box-shadow: none;
              box-shadow: none;
      font-weight: normal; }
      .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr.above-header td.header-col.header {
        text-align: right; }
      .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr.above-header td.header, .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr.above-header td.string {
        font-weight: bold; }
  .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr.row.level-1 {
    top: 0; }
    .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr.row.level-1 > td:first-child .content {
      border-left: none; }
  .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr:hover td {
    background-color: #F2F6FE; }
  .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr.header-row td[rowspan="2"]:first-child {
    -webkit-box-shadow: none;
            box-shadow: none; }
    .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr.header-row td[rowspan="2"]:first-child::before {
      background-color: #FFFFFF;
      content: '';
      display: block;
      height: 100%;
      margin-left: -0.78571em;
      position: absolute;
      top: 0;
      width: 3px; }
    .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr.header-row td[rowspan="2"]:first-child::after {
      border-right: 1px solid #E5E5E5;
      content: '';
      display: block;
      height: 65%;
      position: absolute;
      right: 0;
      top: 36%; }
  .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr.header-row td {
    background-color: #FFFFFF; }
    .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr.header-row td.header-col {
      text-align: left; }
      .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr.header-row td.header-col.integer, .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr.header-row td.header-col.float, .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr.header-row td.header-col.percent, .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr.header-row td.header-col.money {
        text-align: right; }
  .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr.header-row.header-level-0 {
    -webkit-box-shadow: 0 1px #E5E5E5;
            box-shadow: 0 1px #E5E5E5;
    z-index: 20; }
    .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr.header-row.header-level-0 td {
      vertical-align: bottom; }
      .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr.header-row.header-level-0 td[colspan="2"] > div {
        background-color: #FFFFFF;
        left: 50%;
        padding: 0 0.35714em 0 0.35714em;
        position: absolute;
        text-align: center;
        -webkit-transform: translate(-50%, 25%);
                transform: translate(-50%, 25%); }
        .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr.header-row.header-level-0 td[colspan="2"] > div.tooltip {
          -webkit-transform: translate(-50%, 20%);
                  transform: translate(-50%, 20%); }
    .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr.header-row.header-level-0 td:last-child {
      padding-right: 24px; }
  .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tfoot {
    background-color: #FAFAFA;
    -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.38), 0 1px 0 rgba(0, 0, 0, 0.38) !important;
            box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.38), 0 1px 0 rgba(0, 0, 0, 0.38) !important;
    inset-block-end: 0;
    pointer-events: none;
    position: sticky; }
    .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tfoot tr.footer.totals {
      /* stylelint-disable no-descending-specificity */ }
      .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tfoot tr.footer.totals td {
        background-color: #FAFAFA; }
      .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tfoot tr.footer.totals.bottom td[rowspan="1"]:last-child, .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tfoot tr.footer.totals.total td[rowspan="1"]:last-child {
        padding-right: 24px; }
      .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tfoot tr.footer.totals.bottom td, .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tfoot tr.footer.totals.total td {
        font-weight: normal; }
        .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tfoot tr.footer.totals.bottom td.footer-col, .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tfoot tr.footer.totals.total td.footer-col {
          min-height: 100%;
          padding: 1em 0.71429em; }
          .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tfoot tr.footer.totals.bottom td.footer-col.header, .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tfoot tr.footer.totals.bottom td.footer-col.string, .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tfoot tr.footer.totals.total td.footer-col.header, .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tfoot tr.footer.totals.total td.footer-col.string {
            font-weight: bold; }
  .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table.sticky-height-2 tr.level-1, .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table.sticky-height-2 tr.header-level-0 {
    top: 0; }
  .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table.sticky-height-2 tr.header-level-1 {
    -webkit-box-shadow: 0 1px #E5E5E5;
            box-shadow: 0 1px #E5E5E5;
    top: 28px; }
  .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table.sticky-height-2 tr.level-1 td:first-child::before {
    background-color: #FFFFFF;
    content: '';
    display: block;
    height: 100%;
    margin-left: -2px;
    position: absolute;
    width: 3px; }

.internet-payments-wrapper .report-coming-soon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 20vh; }
  @media only screen and (max-width: 767px) {
    .internet-payments-wrapper .report-coming-soon {
      padding-top: 12vh; } }
  .internet-payments-wrapper .report-coming-soon div {
    max-width: 320px; }
  .internet-payments-wrapper .report-coming-soon .coming-soon-support-link {
    padding-top: 32px; }
    .internet-payments-wrapper .report-coming-soon .coming-soon-support-link a {
      color: #0E5BF3;
      font-weight: 700; }

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-reserve-balance {
  border-top: 1px solid rgba(0, 0, 0, 0.38); }
  .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-reserve-balance .ui.celled.table tfoot tr.footer-totals td {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-reserve-balance .ui.celled.table tr.header-row.header-level-0 {
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38);
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); }
  .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-reserve-balance .ui.celled.table tr.header td:first-child {
    border-left: none;
    -webkit-box-shadow: inset -10px 0px 1px -9px #E5E5E5;
            box-shadow: inset -10px 0px 1px -9px #E5E5E5; }
  .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-reserve-balance .ui.celled.table.sticky-height-2 tr.header-level-1 {
    top: 48px; }

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-interchange-summary .ui.celled.table tr.header-row.header-level-1 > td:nth-child(2n) {
  border-right: 1px solid #E5E5E5; }

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-interchange-summary .ui.celled.table tr.row.level-1 > .col:nth-last-child(3), .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-interchange-summary .ui.celled.table tr.row.level-1 > .col:nth-last-child(5), .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-interchange-summary .ui.celled.table tr.row.level-1 > .col:nth-last-child(7) {
  border-right: 1px solid #E5E5E5;
  -webkit-box-shadow: none;
          box-shadow: none; }

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-interchange-summary .ui.celled.table tr.row.level-1 > .col:nth-last-child(7):before {
  background-color: #E5E5E5;
  content: '';
  display: block;
  height: 100%;
  margin-left: 0px;
  position: absolute;
  width: 1px; }

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-interchange-summary .ui.celled.table tfoot tr.footer-totals.total td.footer-col.number, .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-interchange-summary .ui.celled.table tfoot tr.footer-totals.total td.footer-col.integer, .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-interchange-summary .ui.celled.table tfoot tr.footer-totals.total td.footer-col.float, .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-interchange-summary .ui.celled.table tfoot tr.footer-totals.total td.footer-col.percent, .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-interchange-summary .ui.celled.table tfoot tr.footer-totals.total td.footer-col.money {
  text-align: right; }

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-interchange-summary .ui.celled.table tfoot tr.footer-totals.total td.footer-col:nth-last-child(3), .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-interchange-summary .ui.celled.table tfoot tr.footer-totals.total td.footer-col:nth-last-child(5), .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-interchange-summary .ui.celled.table tfoot tr.footer-totals.total td.footer-col:nth-last-child(7) {
  border-right: 1px solid #E5E5E5; }

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-detail-with-fee .ui.celled.table tr.header-row.header-level-1 > td:nth-child(4), .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-details .ui.celled.table tr.header-row.header-level-1 > td:nth-child(4) {
  border-right: 1px solid #E5E5E5; }

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-detail-with-fee .ui.celled.table tr.header-row.header-level-0 td, .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-details .ui.celled.table tr.header-row.header-level-0 td {
  vertical-align: bottom; }
  .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-detail-with-fee .ui.celled.table tr.header-row.header-level-0 td[colspan="4"] > div, .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-details .ui.celled.table tr.header-row.header-level-0 td[colspan="4"] > div {
    background-color: #FFFFFF;
    left: 50%;
    padding: 0 0.35714em 0 0.35714em;
    position: absolute;
    text-align: center;
    -webkit-transform: translate(-50%, 25%);
            transform: translate(-50%, 25%); }
    .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-detail-with-fee .ui.celled.table tr.header-row.header-level-0 td[colspan="4"] > div.tooltip, .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-details .ui.celled.table tr.header-row.header-level-0 td[colspan="4"] > div.tooltip {
      -webkit-transform: translate(-50%, 20%);
              transform: translate(-50%, 20%); }

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-detail-with-fee .ui.celled.table tr.row.level-1 > td.col:nth-child(8), .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-details .ui.celled.table tr.row.level-1 > td.col:nth-child(8) {
  border-right: 1px solid #E5E5E5; }

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-detail-with-fee .ui.celled.table tr.row.level-1 > td.col:nth-child(12), .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-details .ui.celled.table tr.row.level-1 > td.col:nth-child(12) {
  border-right: 1px solid #E5E5E5; }

@media only screen and (max-width: 767px) {
  .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-ach-deposit .report-node .sticky-col, .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-ach-transaction .report-node .sticky-col {
    -webkit-box-shadow: none;
            box-shadow: none;
    left: auto;
    position: relative;
    z-index: auto; } }

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-settlement-detail .ui.celled.table tr.header-row.header-level-1 > td:nth-child(3) {
  border-right: 1px solid #E5E5E5; }

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-settlement-detail .ui.celled.table tr.header-row.header-level-1 > td:nth-child(6) {
  border-right: 1px solid #E5E5E5; }

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-settlement-detail .ui.celled.table tr.header-row.header-level-0 td {
  vertical-align: bottom; }
  .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-settlement-detail .ui.celled.table tr.header-row.header-level-0 td[colspan="3"] > div {
    background-color: #FFFFFF;
    left: 50%;
    padding: 0 0.35714em 0 0.35714em;
    position: absolute;
    text-align: center;
    -webkit-transform: translate(-50%, 25%);
            transform: translate(-50%, 25%); }
    .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-settlement-detail .ui.celled.table tr.header-row.header-level-0 td[colspan="3"] > div.tooltip {
      -webkit-transform: translate(-50%, 20%);
              transform: translate(-50%, 20%); }

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-settlement-detail .ui.celled.table tr.row.level-1 > td.col:nth-child(13) {
  border-right: 1px solid #E5E5E5; }

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-settlement-detail .ui.celled.table tr.row.level-1 > td.col:nth-child(16) {
  border-right: 1px solid #E5E5E5; }

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-settlement-detail .ui.celled.table tr.row.level-1 > td.col:nth-child(19) {
  border-right: 1px solid #E5E5E5; }

.internet-payments-wrapper .subscriptions-tray .content .subscriptions-form > div {
  margin-bottom: 1.07143em; }

.internet-payments-wrapper .subscriptions-tray .content .internet-payments-input-container .card-breakdown-toggle {
  border: 1px solid rgba(0, 0, 0, 0.16);
  max-height: 46px;
  padding: 4px 10px; }
  .internet-payments-wrapper .subscriptions-tray .content .internet-payments-input-container .card-breakdown-toggle label {
    font-weight: initial; }

.internet-payments-wrapper .subscriptions-tray .content .menu > .item {
  max-width: 350px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  @media only screen and (max-width: 767px) {
    .internet-payments-wrapper .subscriptions-tray .content .menu > .item {
      max-width: 275px; } }
  @media only screen and (max-width: 320px) {
    .internet-payments-wrapper .subscriptions-tray .content .menu > .item {
      max-width: 200px; } }

.internet-payments-wrapper .delete-confirmation-modal {
  max-width: 560px; }

.internet-payments-wrapper .pagination-footer {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px; }
  .internet-payments-wrapper .pagination-footer .ui.selection.dropdown {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-left: 5px;
    padding-left: 18px; }
    .internet-payments-wrapper .pagination-footer .ui.selection.dropdown i {
      margin-bottom: 0;
      margin-left: 12px; }
    .internet-payments-wrapper .pagination-footer .ui.selection.dropdown.active {
      background: #f1f5fe; }
      .internet-payments-wrapper .pagination-footer .ui.selection.dropdown.active i {
        color: #0E5BF3;
        -webkit-transform: none;
                transform: none; }
    .internet-payments-wrapper .pagination-footer .ui.selection.dropdown:hover {
      background: #f1f5fe; }
      .internet-payments-wrapper .pagination-footer .ui.selection.dropdown:hover .dropdown.icon {
        color: #0E5BF3; }
    .internet-payments-wrapper .pagination-footer .ui.selection.dropdown > .text {
      vertical-align: middle; }
    @media only screen and (max-width: 767px) {
      .internet-payments-wrapper .pagination-footer .ui.selection.dropdown {
        margin-left: 0px; } }
  .internet-payments-wrapper .pagination-footer .ui.pagination.menu .pagination-first-btn,
  .internet-payments-wrapper .pagination-footer .ui.pagination.menu .pagination-previous-btn,
  .internet-payments-wrapper .pagination-footer .ui.pagination.menu .pagination-next-btn,
  .internet-payments-wrapper .pagination-footer .ui.pagination.menu .pagination-last-btn {
    border-radius: 100%;
    color: rgba(0, 0, 0, 0.38); }
    .internet-payments-wrapper .pagination-footer .ui.pagination.menu .pagination-first-btn:not(.disabled):hover,
    .internet-payments-wrapper .pagination-footer .ui.pagination.menu .pagination-previous-btn:not(.disabled):hover,
    .internet-payments-wrapper .pagination-footer .ui.pagination.menu .pagination-next-btn:not(.disabled):hover,
    .internet-payments-wrapper .pagination-footer .ui.pagination.menu .pagination-last-btn:not(.disabled):hover {
      background: #f1f5fe; }
      .internet-payments-wrapper .pagination-footer .ui.pagination.menu .pagination-first-btn:not(.disabled):hover svg,
      .internet-payments-wrapper .pagination-footer .ui.pagination.menu .pagination-previous-btn:not(.disabled):hover svg,
      .internet-payments-wrapper .pagination-footer .ui.pagination.menu .pagination-next-btn:not(.disabled):hover svg,
      .internet-payments-wrapper .pagination-footer .ui.pagination.menu .pagination-last-btn:not(.disabled):hover svg {
        color: #0E5BF3; }
  .internet-payments-wrapper .pagination-footer .ui.pagination.menu .item {
    border: none; }
  .internet-payments-wrapper .pagination-footer .ui.pagination.menu .relative.item {
    color: rgba(0, 0, 0, 0.38); }
  .internet-payments-wrapper .pagination-footer .ui.menu {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .internet-payments-wrapper .pagination-footer .page-info {
    margin: 0 10px 0 20px; }

.internet-payments-wrapper .page-content .settings iframe.account-maintenance,
.internet-payments-wrapper .account-settings .page-content iframe.account-settings {
  border: 0;
  height: 2000px;
  padding-top: 20px;
  width: 100%; }

.internet-payments-wrapper .support-wrap-container {
  color: rgba(0, 0, 0, 0.87);
  margin: 0;
  max-width: 800px; }
  .internet-payments-wrapper .support-wrap-container h1, .internet-payments-wrapper .support-wrap-container p, .internet-payments-wrapper .support-wrap-container h4, .internet-payments-wrapper .support-wrap-container h3 {
    margin: 0; }
  .internet-payments-wrapper .support-wrap-container h4 {
    font-size: 2.42857rem;
    font-weight: 400;
    padding-bottom: 0.71429em; }
  .internet-payments-wrapper .support-wrap-container p {
    font-size: 1.14286rem;
    letter-spacing: 0.15px;
    line-height: 1.7em;
    padding-bottom: 1.14286em; }
  .internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments {
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin: 0;
    padding: 1.14286em 0em 1.14286em 0em; }
    .internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments .ui.segment {
      background: #FAFAFA;
      border: none;
      border-radius: 8px;
      padding: 1.71429em; }
      .internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments .ui.segment .ui.list {
        margin: 0; }
      .internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments .ui.segment .segment-title {
        font-size: 1.71429rem;
        letter-spacing: 0.18px;
        margin: 0; }
      .internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments .ui.segment .contacts-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        .internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments .ui.segment .contacts-container div:nth-child(2) {
          padding-left: 2.14286em; }
          @media only screen and (max-width: 767px) {
            .internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments .ui.segment .contacts-container div:nth-child(2) {
              padding-left: 0;
              padding-top: 1.07143em; } }
      .internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments .ui.segment .item {
        font-size: 1.14286rem;
        letter-spacing: 0.15px;
        line-height: 1.7em; }
        .internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments .ui.segment .item .description {
          font-size: 1.14286rem;
          font-weight: normal;
          padding: 1.14286em 0 1.14286em 0; }
        .internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments .ui.segment .item .link, .internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments .ui.segment .item .mail-link {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          padding: 0.42857em; }
          .internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments .ui.segment .item .link img, .internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments .ui.segment .item .link svg, .internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments .ui.segment .item .mail-link img, .internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments .ui.segment .item .mail-link svg {
            margin-right: 0.42857em; }
        .internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments .ui.segment .item .link {
          border-radius: 4px;
          color: rgba(0, 0, 0, 0.87);
          font-weight: bold; }
          @media only screen and (max-width: 767px) {
            .internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments .ui.segment .item .link {
              background: #0E5BF3;
              color: #FFFFFF; } }
        .internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments .ui.segment .item .mail-link, .internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments .ui.segment .item .url-link {
          color: #0E5BF3; }

@media only screen and (max-width: 767px) {
  .internet-payments-wrapper .support-wrap-container > .ui.fluid.container {
    margin: 0 !important; }
  .internet-payments-wrapper .support-wrap-container h4, .internet-payments-wrapper .support-wrap-container p {
    padding-bottom: 0.42857em; }
  .internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments .ui.segment {
    padding: 1.14286em;
    text-align: center; }
  .internet-payments-wrapper .support-wrap-container .support-wrap .contacts-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .internet-payments-wrapper .support-wrap-container .support-wrap .contacts-container .item {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      .internet-payments-wrapper .support-wrap-container .support-wrap .contacts-container .item .link, .internet-payments-wrapper .support-wrap-container .support-wrap .contacts-container .item .mail-link {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; } }

.internet-payments-wrapper .ui.checkbox {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }

.internet-payments-wrapper .page-container {
  width: 100%; }
  .internet-payments-wrapper .page-container .page-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    overflow: hidden; }
  .internet-payments-wrapper .page-container .article.pusher {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%; }

.internet-payments-wrapper main.site-content {
  height: 100vh;
  -webkit-tap-highlight-color: transparent; }
  .internet-payments-wrapper main.site-content.microfrontend {
    height: calc(100vh - 56px); }
  .internet-payments-wrapper main.site-content .page-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  @media only screen and (min-width: 1025px) {
    .internet-payments-wrapper main.site-content.sidebar-open .page-wrapper {
      width: calc(100vw - 256px); } }
  .internet-payments-wrapper main.site-content.sidebar-open .ui.dimmer.transactions-loader-container {
    left: 256px !important;
    top: 56px !important; }
    .internet-payments-wrapper main.site-content.sidebar-open .ui.dimmer.transactions-loader-container > div {
      left: calc(50vw - 128px);
      position: absolute;
      top: calc(50vh);
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
  .internet-payments-wrapper main.site-content .article, .internet-payments-wrapper main.site-content .article.dashboard {
    background: #FFFFFF;
    left: -256px;
    min-height: 100%;
    position: relative; }
    .internet-payments-wrapper main.site-content .article.microfrontend, .internet-payments-wrapper main.site-content .article.dashboard.microfrontend {
      left: 0; }
    @media only screen and (max-width: 1024px) {
      .internet-payments-wrapper main.site-content .article, .internet-payments-wrapper main.site-content .article.dashboard {
        left: 0; } }
    .internet-payments-wrapper main.site-content .article.pusher, .internet-payments-wrapper main.site-content .article.dashboard.pusher {
      height: 100%;
      max-width: 100%;
      overflow-y: auto; }
    .internet-payments-wrapper main.site-content .article .page-wrapper, .internet-payments-wrapper main.site-content .article.dashboard .page-wrapper {
      padding: 30px 30px 30px 48px;
      width: 100%; }
      .internet-payments-wrapper main.site-content .article .page-wrapper .page-content, .internet-payments-wrapper main.site-content .article.dashboard .page-wrapper .page-content {
        margin: 0; }
      .internet-payments-wrapper main.site-content .article .page-wrapper .ui.header, .internet-payments-wrapper main.site-content .article.dashboard .page-wrapper .ui.header {
        margin-bottom: 32px; }
        @media only screen and (max-width: 767px) {
          .internet-payments-wrapper main.site-content .article .page-wrapper .ui.header, .internet-payments-wrapper main.site-content .article.dashboard .page-wrapper .ui.header {
            margin-bottom: 24px; } }
      .internet-payments-wrapper main.site-content .article .page-wrapper .title-bar, .internet-payments-wrapper main.site-content .article.dashboard .page-wrapper .title-bar {
        font-size: 1.71429rem;
        margin-bottom: 2.2rem;
        padding: 0 0 1.2rem 0 !important; }
        .internet-payments-wrapper main.site-content .article .page-wrapper .title-bar span, .internet-payments-wrapper main.site-content .article.dashboard .page-wrapper .title-bar span {
          padding: 0; }
    .internet-payments-wrapper main.site-content .article.article.dashboard, .internet-payments-wrapper main.site-content .article.dashboard.article.dashboard {
      background-color: #F2F2F2; }
  .internet-payments-wrapper main.site-content .article.pusher.devices .page-content, .internet-payments-wrapper main.site-content .article.pusher.quick-menu .page-content, .internet-payments-wrapper main.site-content .article.pusher.settings .page-content, .internet-payments-wrapper main.site-content .article.pusher.taxes .page-content, .internet-payments-wrapper main.site-content .article.pusher.reporting .page-content {
    padding-top: 1.14286em; }
  .internet-payments-wrapper main.site-content .article.pusher.devices .list-controls button.ui.primary.button, .internet-payments-wrapper main.site-content .article.pusher.devices .row-direction-list-controls button.ui.primary.button, .internet-payments-wrapper main.site-content .article.pusher.quick-menu .list-controls button.ui.primary.button, .internet-payments-wrapper main.site-content .article.pusher.quick-menu .row-direction-list-controls button.ui.primary.button, .internet-payments-wrapper main.site-content .article.pusher.settings .list-controls button.ui.primary.button, .internet-payments-wrapper main.site-content .article.pusher.settings .row-direction-list-controls button.ui.primary.button, .internet-payments-wrapper main.site-content .article.pusher.taxes .list-controls button.ui.primary.button, .internet-payments-wrapper main.site-content .article.pusher.taxes .row-direction-list-controls button.ui.primary.button, .internet-payments-wrapper main.site-content .article.pusher.reporting .list-controls button.ui.primary.button, .internet-payments-wrapper main.site-content .article.pusher.reporting .row-direction-list-controls button.ui.primary.button {
    margin: 0px; }
  .internet-payments-wrapper main.site-content .article.pusher.devices div.pagination.client-pagination-buttons-comp a.pagination-page-btn.active, .internet-payments-wrapper main.site-content .article.pusher.quick-menu div.pagination.client-pagination-buttons-comp a.pagination-page-btn.active, .internet-payments-wrapper main.site-content .article.pusher.settings div.pagination.client-pagination-buttons-comp a.pagination-page-btn.active, .internet-payments-wrapper main.site-content .article.pusher.taxes div.pagination.client-pagination-buttons-comp a.pagination-page-btn.active, .internet-payments-wrapper main.site-content .article.pusher.reporting div.pagination.client-pagination-buttons-comp a.pagination-page-btn.active {
    background-color: #136EF6; }
  .internet-payments-wrapper main.site-content .article.pusher.reporting .report-location-bar {
    margin-bottom: 1em; }
  .internet-payments-wrapper main.site-content .article.pusher.reporting .ui.header {
    -webkit-box-pack: normal;
        -ms-flex-pack: normal;
            justify-content: normal; }
    .internet-payments-wrapper main.site-content .article.pusher.reporting .ui.header.report-header {
      margin-bottom: 0; }
  @media only screen and (max-width: 1025px) {
    .internet-payments-wrapper main.site-content.sidebar-open .article.pusher {
      z-index: 9; } }

@media only screen and (min-width: 1025px) {
  .internet-payments-wrapper main.site-content.sidebar-open .article {
    left: 0px; } }

@media only screen and (max-width: 767px) {
  .internet-payments-wrapper main.site-content .article .page-wrapper, .internet-payments-wrapper main.site-content .article.dashboard .page-wrapper {
    padding: 1.7rem 1.17rem; }
    .internet-payments-wrapper main.site-content .article .page-wrapper .title-bar, .internet-payments-wrapper main.site-content .article.dashboard .page-wrapper .title-bar {
      border: none;
      margin: 0;
      padding: 0 0 1.7rem 0; }
    .internet-payments-wrapper main.site-content .article .page-wrapper h1, .internet-payments-wrapper main.site-content .article.dashboard .page-wrapper h1 {
      font-size: 2.42857rem; }
  .internet-payments-wrapper main.site-content.sidebar-open .article > .ui.dimmer.active {
    opacity: 75%; } }

.internet-payments-wrapper .ui.dropdown .menu {
  border: none;
  padding: 0.6rem 0;
  width: auto;
  z-index: 1001; }
  .internet-payments-wrapper .ui.dropdown .menu .item {
    border: none;
    font-size: 1.15rem;
    font-weight: normal;
    letter-spacing: 0.25px;
    line-height: 24px;
    padding: 0.6rem 1.15rem !important;
    white-space: nowrap; }
    .internet-payments-wrapper .ui.dropdown .menu .item:hover {
      background: #f1f5fe; }

.internet-payments-wrapper .ui.dropdown.active.dropdown .menu {
  border: none;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2); }
  .internet-payments-wrapper .ui.dropdown.active.dropdown .menu .item:hover {
    background: #f1f5fe; }

.internet-payments-wrapper .article.dashboard .ip-dashboard h2 {
  font-size: 2rem; }

.internet-payments-wrapper .article.dashboard .ip-dashboard .summary-data-card .amcharts-balloon-div p {
  margin: 0;
  padding: 0;
  text-align: left;
  text-transform: lowercase; }
  .internet-payments-wrapper .article.dashboard .ip-dashboard .summary-data-card .amcharts-balloon-div p::first-letter {
    text-transform: uppercase; }
  .internet-payments-wrapper .article.dashboard .ip-dashboard .summary-data-card .amcharts-balloon-div p.range {
    font-weight: bold; }

.internet-payments-wrapper .article.dashboard .locations-filter {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.6);
  width: 320px; }
  .internet-payments-wrapper .article.dashboard .locations-filter.active, .internet-payments-wrapper .article.dashboard .locations-filter.active:hover {
    border-color: #0E5BF3; }
  .internet-payments-wrapper .article.dashboard .locations-filter:hover {
    border-color: rgba(0, 0, 0, 0.87); }

.internet-payments-wrapper .reports .ui.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.internet-payments-wrapper .reports .filter-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .internet-payments-wrapper .reports .filter-container .settings {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .internet-payments-wrapper .reports .filter-container .settings .dropdown, .internet-payments-wrapper .reports .filter-container .settings .locations-filter, .internet-payments-wrapper .reports .filter-container .settings .datetime-picker {
      height: 42px;
      margin: 0 0.71429em 0.71429em 0; }
    @media only screen and (max-width: 768px) {
      .internet-payments-wrapper .reports .filter-container .settings .locations-filter {
        width: 100%; } }
    .internet-payments-wrapper .reports .filter-container .settings .report-dropdown {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .internet-payments-wrapper .reports .filter-container .settings .report-dropdown .icon {
        color: #00000099;
        padding-bottom: 1.42857em; }
    .internet-payments-wrapper .reports .filter-container .settings .desktop-datepicker > .datetime-range-picker-input {
      min-width: 175px; }
    .internet-payments-wrapper .reports .filter-container .settings .button-loader {
      width: 115px; }
    .internet-payments-wrapper .reports .filter-container .settings .loading-button {
      border-radius: 2rem; }
    .internet-payments-wrapper .reports .filter-container .settings .card-type-toggle {
      margin: 0.71429em 0.71429em 0.71429em 1.42857em; }

.internet-payments-wrapper .reports .report-actions {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  margin-right: 1em; }

@media only screen and (max-width: 767px) {
  .internet-payments-wrapper .reports .page-wrapper > .page-content > .ui.fluid.container {
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .internet-payments-wrapper .reports .filter-container {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    .internet-payments-wrapper .reports .filter-container .settings {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      width: 100%; }
      .internet-payments-wrapper .reports .filter-container .settings .report-dropdown {
        display: inline-block;
        margin-bottom: 0.71429em; }
      .internet-payments-wrapper .reports .filter-container .settings .date-picker {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-bottom: 0.71429em;
        width: 100%; }
        .internet-payments-wrapper .reports .filter-container .settings .date-picker .custom-timerange-inputs {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          width: 100%; }
      .internet-payments-wrapper .reports .filter-container .settings .loading-button, .internet-payments-wrapper .reports .filter-container .settings .button-loader {
        width: 100%; } }

.internet-payments-wrapper .subscriptions .filter-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 1.42857em;
  position: relative; }
  .internet-payments-wrapper .subscriptions .filter-container .ui.dropdown.standard {
    margin-right: 0.57143em; }

.internet-payments-wrapper .subscriptions .scroll-table thead th:last-of-type,
.internet-payments-wrapper .subscriptions .scroll-table tbody tr td:last-of-type {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis; }

.internet-payments-wrapper .pre-generated-reports {
  padding-top: 31px; }
  .internet-payments-wrapper .pre-generated-reports .scroll-table {
    overflow-x: initial; }

.internet-payments-wrapper .trust-and-block-list h1 {
  font-size: 1.71429rem !important;
  line-height: 24px !important;
  padding-top: 10px; }

.internet-payments-wrapper .trust-and-block-list p {
  font-size: 1.42857rem !important; }

@media only screen and (max-width: 767px) {
  .internet-payments-wrapper .transactions .ui.header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

@media only screen and (max-width: 767px) {
  .internet-payments-wrapper .transactions .search {
    margin-bottom: 0.71429em; } }

.internet-payments-wrapper .transactions-filter-tray .general-search input {
  background-color: #F5F5F5;
  border: 1px solid #F5F5F5;
  border-radius: 40px; }
  .internet-payments-wrapper .transactions-filter-tray .general-search input::-webkit-input-placeholder {
    color: #000000; }
  .internet-payments-wrapper .transactions-filter-tray .general-search input::-moz-placeholder {
    color: #000000; }
  .internet-payments-wrapper .transactions-filter-tray .general-search input::-ms-input-placeholder {
    color: #000000; }
  .internet-payments-wrapper .transactions-filter-tray .general-search input::placeholder {
    color: #000000; }

.internet-payments-wrapper .transactions-filter-tray .general-search .ui.icon.input {
  width: 100%; }
  .internet-payments-wrapper .transactions-filter-tray .general-search .ui.icon.input i.icon {
    color: #000000; }

.internet-payments-wrapper .transactions-filter-tray .filterable-checklist-dropdown-input {
  padding: 0;
  position: relative; }

.internet-payments-wrapper .transactions-filter-tray .filterable-checklist-dropdown-options {
  margin-top: 0.85714em; }
  .internet-payments-wrapper .transactions-filter-tray .filterable-checklist-dropdown-options div.ui.checkbox {
    display: block;
    margin: 16px 0; }

.internet-payments-wrapper .menu-sliding-filter-tray .input-chip-container .sub-text {
  color: rgba(0, 0, 0, 0.6);
  display: block;
  font-size: 0.85714rem;
  padding-left: 10px;
  padding-top: 4px; }
  .internet-payments-wrapper .menu-sliding-filter-tray .input-chip-container .sub-text.error {
    color: #B00020; }

.internet-payments-wrapper .menu-sliding-filter-tray .body .general-search input {
  background-color: #F5F5F5;
  border: 1px solid #F5F5F5;
  border-radius: 40px; }
  .internet-payments-wrapper .menu-sliding-filter-tray .body .general-search input::-webkit-input-placeholder {
    color: #000000; }
  .internet-payments-wrapper .menu-sliding-filter-tray .body .general-search input::-moz-placeholder {
    color: #000000; }
  .internet-payments-wrapper .menu-sliding-filter-tray .body .general-search input::-ms-input-placeholder {
    color: #000000; }
  .internet-payments-wrapper .menu-sliding-filter-tray .body .general-search input::placeholder {
    color: #000000; }

.internet-payments-wrapper .menu-sliding-filter-tray .body .general-search .ui.icon.input {
  width: 100%; }
  .internet-payments-wrapper .menu-sliding-filter-tray .body .general-search .ui.icon.input i.icon {
    color: #000000; }

.internet-payments-wrapper .menu-sliding-filter-tray .body .checkbox {
  display: block;
  margin: 19px 0 !important; }
  .internet-payments-wrapper .menu-sliding-filter-tray .body .checkbox label {
    font-size: 1.1rem; }
  @media only screen and (max-width: 767px) {
    .internet-payments-wrapper .menu-sliding-filter-tray .body .checkbox .checked, .internet-payments-wrapper .menu-sliding-filter-tray .body .checkbox.ui:not(.toggle):hover::before {
      background-color: transparent; } }

.internet-payments-wrapper .menu-sliding-filter-tray .body .container > .ember-view {
  height: calc(100% - 29px); }
  @media only screen and (max-width: 767px) {
    .internet-payments-wrapper .menu-sliding-filter-tray .body .container > .ember-view {
      height: calc(100% - 139px); } }
  .internet-payments-wrapper .menu-sliding-filter-tray .body .container > .ember-view .filterable-checklist-dropdown-input {
    padding: 0;
    position: relative; }
  .internet-payments-wrapper .menu-sliding-filter-tray .body .container > .ember-view .filterable-checklist-dropdown-options {
    margin-top: 15px;
    max-height: calc(100% - 51px);
    overflow-x: hidden;
    padding: 0 0.71429em; }

@media only screen and (max-width: 767px) {
  .internet-payments-wrapper .menu-sliding-filter-tray .body .container.business-date .single-date-picker .s4cal-input {
    width: 100% !important; } }

@media only screen and (min-width: 440px) {
  .internet-payments-wrapper .menu-sliding-filter-tray .body .container.business-date .single-date-picker .s4cal-days-container .s4cal-day,
  .internet-payments-wrapper .menu-sliding-filter-tray .body .container.business-date .single-date-picker .s4cal-days-container .s4cal-dayofweek {
    margin: 0 2%;
    width: 10%; } }

.internet-payments-wrapper .menu-sliding-filter-tray .body .total-amount .internet-payments-input-container {
  margin-bottom: 17px; }
  .internet-payments-wrapper .menu-sliding-filter-tray .body .total-amount .internet-payments-input-container.max-amount .error + .sub-text {
    color: #B00020; }

.internet-payments-wrapper .transactions-loader-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 90px 16px; }
  .internet-payments-wrapper .transactions-loader-container .loader-container {
    height: initial; }
  .internet-payments-wrapper .transactions-loader-container .transactions-loading-text-container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    max-width: 365px;
    text-align: center; }
    .internet-payments-wrapper .transactions-loader-container .transactions-loading-text-container .transactions-loading-title {
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      margin: 0;
      text-align: center; }

.internet-payments-wrapper .insights-auth > div {
  margin-bottom: 15px; }

.internet-payments-wrapper .insights-auth .internet-payments-minimal-dropdown:hover {
  background: none;
  border: none; }

.internet-payments-wrapper .insights-risk .suspicious-customers {
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
  margin-top: 22px;
  padding: 1.42857em 0 0.57143em 0; }
  .internet-payments-wrapper .insights-risk .suspicious-customers h3 {
    margin: 0 0 20px 20px; }
  .internet-payments-wrapper .insights-risk .suspicious-customers .dropdown {
    margin-left: 15px; }
  .internet-payments-wrapper .insights-risk .suspicious-customers .pagination-footer {
    margin: 8px 0 0 15px; }
  .internet-payments-wrapper .insights-risk .suspicious-customers i.info {
    color: #989898;
    cursor: pointer;
    font-size: 1.1em; }
  .internet-payments-wrapper .insights-risk .suspicious-customers i.info:hover {
    color: #136EF6; }
  .internet-payments-wrapper .insights-risk .suspicious-customers [tooltip]::after {
    background: #000000;
    border-radius: 5px;
    color: #FFFFFF;
    content: attr(tooltip);
    font-family: Arial, Helvetica, sans-serif;
    font-size: .8em;
    opacity: 0;
    padding: 0 9px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    -webkit-transform: translateX(-68%) translateY(95%);
            transform: translateX(-68%) translateY(95%); }
  .internet-payments-wrapper .insights-risk .suspicious-customers [tooltip]:hover::after {
    opacity: 1; }
  .internet-payments-wrapper .insights-risk .suspicious-customers table {
    border-top: none; }
    .internet-payments-wrapper .insights-risk .suspicious-customers table .referenceCount {
      background: #ececec;
      border-radius: 8px;
      font-size: 0.9em;
      padding: 0 0.57143em; }
    .internet-payments-wrapper .insights-risk .suspicious-customers table .ancillary-header th {
      height: 48px;
      position: relative;
      text-align: center; }
      .internet-payments-wrapper .insights-risk .suspicious-customers table .ancillary-header th .header-value {
        background: #FFFFFF;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        padding: 0.14286em 0.57143em;
        position: absolute;
        -webkit-transform: translateY(38%);
                transform: translateY(38%); }
    .internet-payments-wrapper .insights-risk .suspicious-customers table .ancillary-header th:nth-child(2) .header-value {
      left: 35%; }
    .internet-payments-wrapper .insights-risk .suspicious-customers table .ancillary-header th:nth-child(n + 3) .header-value {
      left: 30%; }
    .internet-payments-wrapper .insights-risk .suspicious-customers table tr td:nth-child(2n + 3) {
      border-left: 1px solid #D8D8D8;
      text-align: center; }
    .internet-payments-wrapper .insights-risk .suspicious-customers table thead tr:nth-child(2) th:nth-child(2n + 3) {
      border-left: 1px solid #D8D8D8;
      border-top: 1px solid #D8D8D8; }
    .internet-payments-wrapper .insights-risk .suspicious-customers table thead tr:nth-child(2) th:nth-child(2n + 4) {
      border-top: 1px solid #D8D8D8; }
  .internet-payments-wrapper .insights-risk .suspicious-customers .show-more-button {
    border: none;
    margin-left: auto;
    text-transform: unset; }
    .internet-payments-wrapper .insights-risk .suspicious-customers .show-more-button .icon {
      font-size: 1rem;
      height: 100%;
      padding-left: 5px;
      vertical-align: middle; }

.internet-payments-wrapper .insights-coming-soon {
  margin: 100px auto;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }
  .internet-payments-wrapper .insights-coming-soon h2 {
    font-weight: bold; }

.internet-payments-wrapper .profile-account h3, .internet-payments-wrapper .profile-account h3:first-child {
  color: #000000;
  font-size: 1.42857rem;
  margin: 2rem 0; }

.internet-payments-wrapper .profile-account.ui.grid .form .button-container .button {
  background-color: #0E5BF3;
  text-transform: uppercase; }
  .internet-payments-wrapper .profile-account.ui.grid .form .button-container .button:hover {
    background-color: #136EF6; }

@media only screen and (max-width: 767px) {
  .internet-payments-wrapper .profile-account {
    min-height: calc(100vh - 132px); }
    .internet-payments-wrapper .profile-account.ui.grid .form {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: 100% !important; }
      .internet-payments-wrapper .profile-account.ui.grid .form .button-container {
        -ms-flex-item-align: end;
            align-self: flex-end;
        border-top: 1px solid #D8D8D8;
        padding-top: 20px;
        width: 100%; }
        .internet-payments-wrapper .profile-account.ui.grid .form .button-container .button {
          width: 100%; } }

.internet-payments-wrapper .users {
  margin: 10px 20px 0 0; }
  @media only screen and (max-width: 767px) {
    .internet-payments-wrapper .users {
      margin: 10px 0 0 0; } }
  .internet-payments-wrapper .users .users-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 8px; }
    @media only screen and (max-width: 767px) {
      .internet-payments-wrapper .users .users-controls {
        margin-bottom: 10px;
        position: relative; } }
    .internet-payments-wrapper .users .users-controls .locations-dropdown .menu .locations {
      max-height: 247px;
      overflow-y: auto; }
    .internet-payments-wrapper .users .users-controls .reset-button {
      border: none; }
    .internet-payments-wrapper .users .users-controls .search-add-controls {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .internet-payments-wrapper .users .users-controls .slideout-search, .internet-payments-wrapper .users .users-controls .ui.dropdown.standard {
      margin-right: 8px; }
  @media only screen and (max-width: 767px) {
    .internet-payments-wrapper .users .list-search {
      margin-bottom: 10px;
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .internet-payments-wrapper .users .ui.header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }

.internet-payments-wrapper:not(.redirect-from-lbm2) > .button {
  text-transform: uppercase; }

.internet-payments-wrapper .user-tray {
  padding: 0 !important; }

.internet-payments-wrapper .user-tray-content hr {
  margin-bottom: 20px; }

.internet-payments-wrapper .user-tray-content .general-search .ui.input {
  width: 100%; }
  .internet-payments-wrapper .user-tray-content .general-search .ui.input > i.icon {
    color: #ACACAC; }
  .internet-payments-wrapper .user-tray-content .general-search .ui.input input {
    background-color: #F5F5F5;
    border: 1px solid #F5F5F5;
    border-radius: 40px; }

.internet-payments-wrapper .user-tray-content .status {
  color: #000000;
  margin: 0;
  padding: 1em 1em; }

.internet-payments-wrapper .user-tray-content .checkbox-container {
  background: rgba(0, 0, 0, 0.04);
  padding: 0 20px;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .internet-payments-wrapper .user-tray-content .checkbox-container {
      padding: 0px 20px !important; } }

.internet-payments-wrapper .user-tray-content .user-tray-details-content {
  padding: 0 20px; }
  .internet-payments-wrapper .user-tray-content .user-tray-details-content .input {
    margin-bottom: 10px; }
  @media only screen and (max-width: 767px) {
    .internet-payments-wrapper .user-tray-content .user-tray-details-content {
      padding: 0px 20px !important; } }

.internet-payments-wrapper .user-tray-content .sticky-message {
  width: 100%; }

.internet-payments-wrapper .user-tray-content .details-text {
  padding: 0 0 0 20px; }

.internet-payments-wrapper .user-tray-content .ui.checkbox.toggle {
  width: 100%; }
  .internet-payments-wrapper .user-tray-content .ui.checkbox.toggle label {
    font-weight: bold;
    padding-left: 0;
    padding-right: 4rem; }
    .internet-payments-wrapper .user-tray-content .ui.checkbox.toggle label:before {
      left: unset;
      right: 0;
      -webkit-transform: scale(0.75);
              transform: scale(0.75);
      width: 3rem; }
    .internet-payments-wrapper .user-tray-content .ui.checkbox.toggle label:after {
      left: unset;
      right: 1.5rem;
      -webkit-transform: scale(1.2);
              transform: scale(1.2); }
  .internet-payments-wrapper .user-tray-content .ui.checkbox.toggle.checked label:before {
    background-color: #88B7FA !important;
    border: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    -webkit-transform: scale(0.75);
            transform: scale(0.75); }
  .internet-payments-wrapper .user-tray-content .ui.checkbox.toggle.checked label:after {
    background-color: #0E5BF3;
    border-color: #0E5BF3;
    left: unset;
    right: 0; }

.internet-payments-wrapper .user-tray-content .ui.checkbox.partially-selected input.hidden:not(:checked) + label:before {
  background-color: #0E5BF3;
  border-color: #0E5BF3; }

.internet-payments-wrapper .tray.permission-tray .checkbox-tree ul.tree-nodes,
.internet-payments-wrapper .tray.locations-tray .checkbox-tree ul.tree-nodes {
  height: unset; }

.internet-payments-wrapper .tray.permission-tray .user-tray-content .general-search input,
.internet-payments-wrapper .tray.locations-tray .user-tray-content .general-search input {
  background-color: #F5F5F5;
  border: 1px solid #F5F5F5;
  border-radius: 40px; }
  .internet-payments-wrapper .tray.permission-tray .user-tray-content .general-search input::-webkit-input-placeholder,
  .internet-payments-wrapper .tray.locations-tray .user-tray-content .general-search input::-webkit-input-placeholder {
    color: #000000; }
  .internet-payments-wrapper .tray.permission-tray .user-tray-content .general-search input::-moz-placeholder,
  .internet-payments-wrapper .tray.locations-tray .user-tray-content .general-search input::-moz-placeholder {
    color: #000000; }
  .internet-payments-wrapper .tray.permission-tray .user-tray-content .general-search input::-ms-input-placeholder,
  .internet-payments-wrapper .tray.locations-tray .user-tray-content .general-search input::-ms-input-placeholder {
    color: #000000; }
  .internet-payments-wrapper .tray.permission-tray .user-tray-content .general-search input::placeholder,
  .internet-payments-wrapper .tray.locations-tray .user-tray-content .general-search input::placeholder {
    color: #000000; }

.internet-payments-wrapper .tray.permission-tray .user-tray-content .general-search .ui.icon.input > i.icon,
.internet-payments-wrapper .tray.locations-tray .user-tray-content .general-search .ui.icon.input > i.icon {
  color: #000000; }

.internet-payments-wrapper .tray.permission-tray .template-form,
.internet-payments-wrapper .tray.locations-tray .template-form {
  margin-top: 10px;
  width: 100%; }
  .internet-payments-wrapper .tray.permission-tray .template-form .template-actions,
  .internet-payments-wrapper .tray.locations-tray .template-form .template-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.internet-payments-wrapper .tray.permission-tray button.save-template, .internet-payments-wrapper .tray.permission-tray button.discard,
.internet-payments-wrapper .tray.locations-tray button.save-template,
.internet-payments-wrapper .tray.locations-tray button.discard {
  padding: 8px; }
  .internet-payments-wrapper .tray.permission-tray button.save-template:hover, .internet-payments-wrapper .tray.permission-tray button.discard:hover,
  .internet-payments-wrapper .tray.locations-tray button.save-template:hover,
  .internet-payments-wrapper .tray.locations-tray button.discard:hover {
    background: #f0f0f0 !important; }

.internet-payments-wrapper .tray.locations-tray .expand-button {
  display: none; }

.internet-payments-wrapper .tray.locations-tray .checkbox-tree-header {
  border-bottom: 1px solid #ececec;
  margin-bottom: 4px;
  padding: 0;
  padding-bottom: 4px; }
  .internet-payments-wrapper .tray.locations-tray .checkbox-tree-header .checkbox.disabled label::before {
    background-color: #E5E5E5 !important;
    border-color: #E5E5E5 !important; }

.internet-payments-wrapper .tray.locations-tray .tree-nodes .tree-level-1 {
  padding-left: 0; }

.internet-payments-wrapper .tray.locations-tray .locations-list {
  list-style-type: none;
  margin: 0;
  margin-top: 20px;
  padding: 0; }

.internet-payments-wrapper .tray.locations-tray .no-locations-result .checkbox-tree .checkbox-tree-header {
  display: none; }

.internet-payments-wrapper .tray.locations-tray .no-locations-result .checkbox-tree .tree-nodes {
  display: none; }

.internet-payments-wrapper .tray.locations-tray .no-locations-result > p {
  display: block;
  margin-top: 30px;
  text-align: center; }

.internet-payments-wrapper .two-factor-page button.ui.button.primary {
  background-color: #0E5BF3;
  text-transform: uppercase; }

.internet-payments-wrapper .two-factor-page p {
  margin-bottom: 1.5rem;
  width: 60%; }

.internet-payments-wrapper .two-factor-page h3:first-child {
  color: black;
  margin: 2rem 0 1.5rem 0; }

.internet-payments-wrapper .two-factor-page div.toggle2fa {
  background-color: #F5F5F5;
  display: inline-block;
  margin-bottom: 2rem;
  padding: 1rem 1rem; }
  .internet-payments-wrapper .two-factor-page div.toggle2fa .ui.checkbox.toggle label {
    font-weight: bold;
    padding-left: 0;
    padding-right: 4rem; }
    .internet-payments-wrapper .two-factor-page div.toggle2fa .ui.checkbox.toggle label:before {
      background-color: #88B7FA;
      left: unset;
      right: 0;
      -webkit-transform: scale(0.75);
              transform: scale(0.75);
      width: 3rem; }
    .internet-payments-wrapper .two-factor-page div.toggle2fa .ui.checkbox.toggle label:after {
      background-color: #0E5BF3;
      border-color: #0E5BF3;
      left: unset;
      right: 1.5rem;
      -webkit-transform: scale(1.2);
              transform: scale(1.2); }
  .internet-payments-wrapper .two-factor-page div.toggle2fa .ui.checkbox.toggle.checked label:before {
    background-color: #88B7FA !important;
    -webkit-transform: scale(0.75);
            transform: scale(0.75); }
  .internet-payments-wrapper .two-factor-page div.toggle2fa .ui.checkbox.toggle.checked label:after {
    left: unset;
    right: 0; }

@media only screen and (max-width: 767px) {
  .internet-payments-wrapper .two-factor-page p, .internet-payments-wrapper .two-factor-page button {
    width: 100%; }
  .internet-payments-wrapper .two-factor-page h3 {
    display: none; } }

.internet-payments-wrapper .two-factor-generate-keys button.ui {
  width: 100% !important; }

.internet-payments-wrapper .two-factor-sliding-tray .tray-header {
  border-bottom: none !important; }

.internet-payments-wrapper .two-factor-sliding-tray .content {
  padding: 0 !important; }
  .internet-payments-wrapper .two-factor-sliding-tray .content .flash-message.error:first-letter {
    text-transform: uppercase; }
  .internet-payments-wrapper .two-factor-sliding-tray .content > div {
    padding: 17px 30px;
    text-align: center; }
  .internet-payments-wrapper .two-factor-sliding-tray .content div.step-one h3 {
    padding: 1rem 0; }
  .internet-payments-wrapper .two-factor-sliding-tray .content div.step-one p {
    margin: 0;
    padding: 0; }
  .internet-payments-wrapper .two-factor-sliding-tray .content div.step-one .downloads {
    display: inline-block;
    margin-top: 1rem; }
    .internet-payments-wrapper .two-factor-sliding-tray .content div.step-one .downloads .google {
      height: 60px; }
    .internet-payments-wrapper .two-factor-sliding-tray .content div.step-one .downloads p {
      display: inline-block;
      height: 75px;
      vertical-align: middle; }
    .internet-payments-wrapper .two-factor-sliding-tray .content div.step-one .downloads .apple {
      height: 43px;
      margin: 8px; }
  .internet-payments-wrapper .two-factor-sliding-tray .content div.step-two h3 {
    margin: 1rem 0 3rem 0; }
  .internet-payments-wrapper .two-factor-sliding-tray .content div.step-two img {
    height: 155px;
    margin: 0 auto;
    width: 155px; }
  .internet-payments-wrapper .two-factor-sliding-tray .content div.step-two .internet-payments-input-container {
    margin-top: 1rem; }
    @media only screen and (max-width: 767px) {
      .internet-payments-wrapper .two-factor-sliding-tray .content div.step-two .internet-payments-input-container.copy {
        font-size: 0.85714rem; } }
  .internet-payments-wrapper .two-factor-sliding-tray .content div.step-two .verify-instructions {
    color: #989898;
    font-size: 0.71429rem;
    margin: 6px 0 0 8px;
    text-align: left; }
  .internet-payments-wrapper .two-factor-sliding-tray .content div.step-two .error .verify-instructions {
    color: #B00020; }
  .internet-payments-wrapper .two-factor-sliding-tray .content div.step-three {
    text-align: left; }
    .internet-payments-wrapper .two-factor-sliding-tray .content div.step-three h3 {
      margin-bottom: 2rem; }
    .internet-payments-wrapper .two-factor-sliding-tray .content div.step-three .success {
      border: 1px solid #48AA2F;
      -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
              box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
      padding: 0.5rem;
      text-align: center; }
      .internet-payments-wrapper .two-factor-sliding-tray .content div.step-three .success::before {
        background-color: #48AA2F;
        border-radius: 50%;
        color: #FFFFFF;
        content: "\2713";
        display: inline-block;
        height: 1.25rem;
        margin-right: 10px;
        width: 1.25rem; }

.internet-payments-wrapper .two-factor-sliding-tray .actions button {
  width: 100% !important; }

@media only screen and (max-width: 767px) {
  .internet-payments-wrapper .two-factor-sliding-tray .content div.step-one .downloads a {
    display: block; }
  .internet-payments-wrapper .two-factor-sliding-tray .content div.step-one .downloads p {
    display: block;
    height: auto;
    padding-bottom: 1rem; }
  .internet-payments-wrapper .two-factor-sliding-tray .content div.step-two .desktop-only-instructions {
    display: none; }
  .internet-payments-wrapper .two-factor-sliding-tray .content div.step-two .ui.form.copy {
    margin-top: 4rem; } }

.internet-payments-wrapper .ip-documents h3 {
  font-size: 1.14286rem;
  font-weight: 700;
  letter-spacing: 0.15px;
  line-height: 24px;
  margin-bottom: 19px;
  opacity: 0.6; }

.internet-payments-wrapper .ip-documents .documents-controls {
  margin-top: 20px; }
  .internet-payments-wrapper .ip-documents .documents-controls .dropdown {
    margin-right: 20px; }

.internet-payments-wrapper .ip-documents .mobile-dropdown-select {
  background-color: #F5F5F5;
  border-radius: 20px;
  color: rgba(0, 0, 0, 0.38);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 11px 10px 18px; }
  .internet-payments-wrapper .ip-documents .mobile-dropdown-select:first-of-type {
    margin-bottom: 16px; }
  .internet-payments-wrapper .ip-documents .mobile-dropdown-select .selected {
    color: #090304; }
  .internet-payments-wrapper .ip-documents .mobile-dropdown-select .chevron {
    font-size: 0.85714rem; }

.internet-payments-wrapper .ip-documents .mobile-dropdown-item {
  border-radius: 3px;
  cursor: pointer;
  font-size: 1.14286rem;
  letter-spacing: 0.25px;
  line-height: 24px;
  padding: 6px 0; }
  .internet-payments-wrapper .ip-documents .mobile-dropdown-item:hover {
    background: #f1f5fe; }

.internet-payments-wrapper .ip-documents .card {
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
  margin-top: 16px;
  max-width: 600px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding: 20px; }
  .internet-payments-wrapper .ip-documents .card .card-ul {
    list-style: none;
    padding: 0 0 0 10px; }
    .internet-payments-wrapper .ip-documents .card .card-ul .card-li {
      margin-bottom: 13px; }

.internet-payments-wrapper .ip-documents .internet-payments-sliding-tray.open .content {
  padding: 16px; }

.internet-payments-wrapper .account-preferences-page h3 {
  margin: 2rem 0; }

.internet-payments-wrapper .account-preferences-page button {
  background-color: #0E5BF3 !important;
  margin: 2rem 0px 0px 0px !important; }

.internet-payments-wrapper .account-preferences-page .internet-payments-dropdown-wrapper {
  width: 30%; }
  @media only screen and (max-width: 767px) {
    .internet-payments-wrapper .account-preferences-page .internet-payments-dropdown-wrapper {
      width: 100%; } }

.internet-payments-wrapper .locations .locations-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 10px 0px; }
  .internet-payments-wrapper .locations .locations-controls .list-search {
    width: 320px; }

.internet-payments-wrapper .locations .scroll-table table tr {
  pointer-events: none; }
  .internet-payments-wrapper .locations .scroll-table table tr th:nth-last-child(1), .internet-payments-wrapper .locations .scroll-table table tr td:nth-last-child(1) {
    width: 154px; }
  .internet-payments-wrapper .locations .scroll-table table tr th:first-child.row-level-1, .internet-payments-wrapper .locations .scroll-table table tr td:first-child.row-level-1 {
    padding-left: 32px; }

@media only screen and (max-width: 767px) {
  .internet-payments-wrapper .locations .locations-controls {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column; }
    .internet-payments-wrapper .locations .locations-controls .list-search {
      width: 100%; } }

.location-groups {
  min-width: 288px; }
  .location-groups .ember-view {
    width: 100%; }
  @media only screen and (max-width: 458px) {
    .location-groups .circular-button, .location-groups .internet-payments-wrapper .dropdown-file-selector, .internet-payments-wrapper .location-groups .dropdown-file-selector, .location-groups .internet-payments-wrapper .download-label-button .download, .internet-payments-wrapper .download-label-button .location-groups .download, .location-groups .internet-payments-fullscreen-modal > .header.top-title .close-btn, .internet-payments-fullscreen-modal > .header.top-title .location-groups .close-btn {
      position: absolute;
      right: 0;
      top: -65px; } }
  .location-groups .circular-button.disabled, .location-groups .internet-payments-wrapper .disabled.dropdown-file-selector, .internet-payments-wrapper .location-groups .disabled.dropdown-file-selector, .location-groups .internet-payments-wrapper .download-label-button .disabled.download, .internet-payments-wrapper .download-label-button .location-groups .disabled.download, .location-groups .internet-payments-fullscreen-modal > .header.top-title .disabled.close-btn, .internet-payments-fullscreen-modal > .header.top-title .location-groups .disabled.close-btn {
    background: #F5F5F5; }
    @media only screen and (max-width: 458px) {
      .location-groups .circular-button.disabled, .location-groups .internet-payments-wrapper .disabled.dropdown-file-selector, .internet-payments-wrapper .location-groups .disabled.dropdown-file-selector, .location-groups .internet-payments-wrapper .download-label-button .disabled.download, .internet-payments-wrapper .download-label-button .location-groups .disabled.download, .location-groups .internet-payments-fullscreen-modal > .header.top-title .disabled.close-btn, .internet-payments-fullscreen-modal > .header.top-title .location-groups .disabled.close-btn {
        position: absolute;
        right: 0;
        top: -125px; } }
  @media only screen and (max-width: 458px) {
    .location-groups .circular-button.group-limit-hidden, .location-groups .internet-payments-wrapper .group-limit-hidden.dropdown-file-selector, .internet-payments-wrapper .location-groups .group-limit-hidden.dropdown-file-selector, .location-groups .internet-payments-wrapper .download-label-button .group-limit-hidden.download, .internet-payments-wrapper .download-label-button .location-groups .group-limit-hidden.download, .location-groups .internet-payments-fullscreen-modal > .header.top-title .group-limit-hidden.close-btn, .internet-payments-fullscreen-modal > .header.top-title .location-groups .group-limit-hidden.close-btn {
      top: -65px; } }
  .location-groups .group-limit-error {
    background: #fcf6e3;
    margin: 0 -5px;
    padding: 5px 14px; }
    .location-groups .group-limit-error i.icon {
      color: #F6A735; }
    @media only screen and (max-width: 458px) {
      .location-groups .group-limit-error {
        font-size: .8em;
        width: 100%; } }
  .location-groups .location-groups-controls {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 10px 0;
    position: relative; }
    .location-groups .location-groups-controls .list-search {
      width: 300px; }
      @media only screen and (max-width: 768px) {
        .location-groups .location-groups-controls .list-search {
          max-width: 360px;
          width: 100%; } }
      @media only screen and (max-width: 458px) {
        .location-groups .location-groups-controls .list-search {
          max-width: none;
          width: 100%; } }
  .location-groups .location-count {
    background: #F5F5F5;
    border-radius: 14px;
    padding: 0.28571em 0.64286em; }
  .location-groups .no-data-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .location-groups .no-data-message .message-items {
      margin-top: 100px; }
      .location-groups .no-data-message .message-items .message {
        font-size: 1.8em; }
        @media only screen and (max-width: 458px) {
          .location-groups .no-data-message .message-items .message {
            min-width: 316px; } }
      .location-groups .no-data-message .message-items .button-message {
        margin-top: 2px;
        text-transform: uppercase; }
      .location-groups .no-data-message .message-items .circular-button, .location-groups .no-data-message .message-items .internet-payments-wrapper .dropdown-file-selector, .internet-payments-wrapper .location-groups .no-data-message .message-items .dropdown-file-selector, .location-groups .no-data-message .message-items .internet-payments-wrapper .download-label-button .download, .internet-payments-wrapper .download-label-button .location-groups .no-data-message .message-items .download, .location-groups .no-data-message .message-items .internet-payments-fullscreen-modal > .header.top-title .close-btn, .internet-payments-fullscreen-modal > .header.top-title .location-groups .no-data-message .message-items .close-btn {
        margin: 40px auto;
        padding-right: 1em;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content; }
        @media only screen and (max-width: 458px) {
          .location-groups .no-data-message .message-items .circular-button, .location-groups .no-data-message .message-items .internet-payments-wrapper .dropdown-file-selector, .internet-payments-wrapper .location-groups .no-data-message .message-items .dropdown-file-selector, .location-groups .no-data-message .message-items .internet-payments-wrapper .download-label-button .download, .internet-payments-wrapper .download-label-button .location-groups .no-data-message .message-items .download, .location-groups .no-data-message .message-items .internet-payments-fullscreen-modal > .header.top-title .close-btn, .internet-payments-fullscreen-modal > .header.top-title .location-groups .no-data-message .message-items .close-btn {
            margin: 40px; } }

.location-groups-management-tray .content {
  padding-left: 20px;
  padding-right: 20px; }
  .location-groups-management-tray .content .active-toggle-header {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 16px;
    margin-top: 20px; }
    .location-groups-management-tray .content .active-toggle-header h3 {
      display: inline-block;
      margin: 0; }
  .location-groups-management-tray .content .ui.checkbox.toggle label:before {
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
    width: 3rem; }
  .location-groups-management-tray .content .ui.checkbox.toggle label:after {
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  .location-groups-management-tray .content .ui.checkbox.toggle.checked label:before {
    background-color: #88B7FA !important;
    border: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    -webkit-transform: scale(0.75);
            transform: scale(0.75); }
  .location-groups-management-tray .content .ui.checkbox.toggle.checked label:after {
    background-color: #0E5BF3;
    border-color: #0E5BF3; }
  .location-groups-management-tray .content .checkbox-tree .general-search .ui.icon.input > i.icon {
    color: #000000; }
  .location-groups-management-tray .content .checkbox-tree .general-search .ui.input input {
    background-color: #F5F5F5;
    border: none;
    border-radius: 40px; }
    .location-groups-management-tray .content .checkbox-tree .general-search .ui.input input::-webkit-input-placeholder {
      color: #000000; }
    .location-groups-management-tray .content .checkbox-tree .general-search .ui.input input::-moz-placeholder {
      color: #000000; }
    .location-groups-management-tray .content .checkbox-tree .general-search .ui.input input::-ms-input-placeholder {
      color: #000000; }
    .location-groups-management-tray .content .checkbox-tree .general-search .ui.input input::placeholder {
      color: #000000; }
  .location-groups-management-tray .content .checkbox-tree .ui.checkbox.partially-selected:not(.disabled) label::before,
  .location-groups-management-tray .content .checkbox-tree .ui.checkbox:not(.disabled) input:checked label::before {
    background-color: #0E5BF3 !important;
    border: 1px solid #0E5BF3 !important; }
  .location-groups-management-tray .content .no-locations-result .checkbox-tree .checkbox-tree-header {
    display: none; }
  .location-groups-management-tray .content .no-locations-result .checkbox-tree .tree-nodes {
    display: none; }
  .location-groups-management-tray .content .no-locations-result > p {
    display: block;
    margin-top: 30px;
    text-align: center; }

.location-groups-v2 {
  min-width: 288px; }
  .location-groups-v2 .ember-view {
    width: 100%; }
  @media only screen and (max-width: 458px) {
    .location-groups-v2 .circular-button, .location-groups-v2 .internet-payments-wrapper .dropdown-file-selector, .internet-payments-wrapper .location-groups-v2 .dropdown-file-selector, .location-groups-v2 .internet-payments-wrapper .download-label-button .download, .internet-payments-wrapper .download-label-button .location-groups-v2 .download, .location-groups-v2 .internet-payments-fullscreen-modal > .header.top-title .close-btn, .internet-payments-fullscreen-modal > .header.top-title .location-groups-v2 .close-btn {
      position: absolute;
      right: 0;
      top: -65px; } }
  .location-groups-v2 .circular-button.disabled, .location-groups-v2 .internet-payments-wrapper .disabled.dropdown-file-selector, .internet-payments-wrapper .location-groups-v2 .disabled.dropdown-file-selector, .location-groups-v2 .internet-payments-wrapper .download-label-button .disabled.download, .internet-payments-wrapper .download-label-button .location-groups-v2 .disabled.download, .location-groups-v2 .internet-payments-fullscreen-modal > .header.top-title .disabled.close-btn, .internet-payments-fullscreen-modal > .header.top-title .location-groups-v2 .disabled.close-btn {
    background: #F5F5F5; }
    @media only screen and (max-width: 458px) {
      .location-groups-v2 .circular-button.disabled, .location-groups-v2 .internet-payments-wrapper .disabled.dropdown-file-selector, .internet-payments-wrapper .location-groups-v2 .disabled.dropdown-file-selector, .location-groups-v2 .internet-payments-wrapper .download-label-button .disabled.download, .internet-payments-wrapper .download-label-button .location-groups-v2 .disabled.download, .location-groups-v2 .internet-payments-fullscreen-modal > .header.top-title .disabled.close-btn, .internet-payments-fullscreen-modal > .header.top-title .location-groups-v2 .disabled.close-btn {
        position: absolute;
        right: 0;
        top: -125px; } }
  @media only screen and (max-width: 458px) {
    .location-groups-v2 .circular-button.group-limit-hidden, .location-groups-v2 .internet-payments-wrapper .group-limit-hidden.dropdown-file-selector, .internet-payments-wrapper .location-groups-v2 .group-limit-hidden.dropdown-file-selector, .location-groups-v2 .internet-payments-wrapper .download-label-button .group-limit-hidden.download, .internet-payments-wrapper .download-label-button .location-groups-v2 .group-limit-hidden.download, .location-groups-v2 .internet-payments-fullscreen-modal > .header.top-title .group-limit-hidden.close-btn, .internet-payments-fullscreen-modal > .header.top-title .location-groups-v2 .group-limit-hidden.close-btn {
      top: -65px; } }
  .location-groups-v2 .group-limit-error {
    background: #fcf6e3;
    margin: 0 -5px;
    padding: 5px 14px; }
    .location-groups-v2 .group-limit-error i.icon {
      color: #F6A735; }
    @media only screen and (max-width: 458px) {
      .location-groups-v2 .group-limit-error {
        font-size: .8em;
        width: 100%; } }
  .location-groups-v2 .location-groups-controls {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 10px 0;
    position: relative; }
    .location-groups-v2 .location-groups-controls .list-search {
      width: 300px; }
      @media only screen and (max-width: 768px) {
        .location-groups-v2 .location-groups-controls .list-search {
          max-width: 360px;
          width: 100%; } }
      @media only screen and (max-width: 458px) {
        .location-groups-v2 .location-groups-controls .list-search {
          max-width: none;
          width: 100%; } }
  .location-groups-v2 .location-count {
    background: #F5F5F5;
    border-radius: 14px;
    padding: 0.28571em 0.64286em; }
  .location-groups-v2 .no-data-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .location-groups-v2 .no-data-message .message-items {
      margin-top: 100px;
      width: 720px; }
      .location-groups-v2 .no-data-message .message-items .message {
        font-size: 1.8em;
        text-align: center; }
        @media only screen and (max-width: 458px) {
          .location-groups-v2 .no-data-message .message-items .message {
            min-width: 316px; } }
      .location-groups-v2 .no-data-message .message-items .button-message {
        margin-top: 2px;
        text-transform: uppercase; }
      .location-groups-v2 .no-data-message .message-items .circular-button, .location-groups-v2 .no-data-message .message-items .internet-payments-wrapper .dropdown-file-selector, .internet-payments-wrapper .location-groups-v2 .no-data-message .message-items .dropdown-file-selector, .location-groups-v2 .no-data-message .message-items .internet-payments-wrapper .download-label-button .download, .internet-payments-wrapper .download-label-button .location-groups-v2 .no-data-message .message-items .download, .location-groups-v2 .no-data-message .message-items .internet-payments-fullscreen-modal > .header.top-title .close-btn, .internet-payments-fullscreen-modal > .header.top-title .location-groups-v2 .no-data-message .message-items .close-btn {
        margin: 40px auto;
        padding-right: 1em;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content; }
        @media only screen and (max-width: 458px) {
          .location-groups-v2 .no-data-message .message-items .circular-button, .location-groups-v2 .no-data-message .message-items .internet-payments-wrapper .dropdown-file-selector, .internet-payments-wrapper .location-groups-v2 .no-data-message .message-items .dropdown-file-selector, .location-groups-v2 .no-data-message .message-items .internet-payments-wrapper .download-label-button .download, .internet-payments-wrapper .download-label-button .location-groups-v2 .no-data-message .message-items .download, .location-groups-v2 .no-data-message .message-items .internet-payments-fullscreen-modal > .header.top-title .close-btn, .internet-payments-fullscreen-modal > .header.top-title .location-groups-v2 .no-data-message .message-items .close-btn {
            margin: 40px; } }
  .location-groups-v2 .card-group {
    margin-top: 2.14286em; }
    .location-groups-v2 .card-group .card-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      gap: 12px;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding-top: 0.85714em; }
    .location-groups-v2 .card-group .card {
      border-radius: 6px;
      -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
              box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-preferred-size: 350px;
          flex-basis: 350px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 1.42857em; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .location-groups-v2 .card-group .card {
          -ms-flex-preferred-size: 49%;
              flex-basis: 49%; } }
      @media only screen and (max-width: 767px) {
        .location-groups-v2 .card-group .card {
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%; } }
      .location-groups-v2 .card-group .card .card-header {
        margin-bottom: 1.42857em; }
  .location-groups-v2 .s4-dropdown-icon-wrapper {
    width: auto; }
    .location-groups-v2 .s4-dropdown-icon-wrapper .menu {
      right: 0px; }
      .location-groups-v2 .s4-dropdown-icon-wrapper .menu li {
        width: 235px; }
    .location-groups-v2 .s4-dropdown-icon-wrapper .s4-dropdown-icon button.s4-circular-button svg path {
      fill: #fff; }
    .location-groups-v2 .s4-dropdown-icon-wrapper .s4-dropdown-icon button.s4-circular-button[disabled] {
      background: #F5F5F5; }
      .location-groups-v2 .s4-dropdown-icon-wrapper .s4-dropdown-icon button.s4-circular-button[disabled]:active {
        border: none; }

.location-groups-management-tray-v2 .group-limit-error {
  background: #fcf6e3;
  padding: 5px 14px; }
  .location-groups-management-tray-v2 .group-limit-error i.icon {
    color: #F6A735; }
  @media only screen and (max-width: 768px) {
    .location-groups-management-tray-v2 .group-limit-error {
      font-size: .8em;
      width: 100%; } }

.location-groups-management-tray-v2 .content {
  padding-left: 20px;
  padding-right: 20px; }
  .location-groups-management-tray-v2 .content .active-toggle-header {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 16px;
    margin-top: 20px; }
    .location-groups-management-tray-v2 .content .active-toggle-header h3 {
      display: inline-block;
      margin: 0; }
  .location-groups-management-tray-v2 .content .assignment-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0.57143rem 0; }
    .location-groups-management-tray-v2 .content .assignment-header .s4-button {
      width: calc(25%); }
      .location-groups-management-tray-v2 .content .assignment-header .s4-button button {
        padding: 0.57143rem; }
    .location-groups-management-tray-v2 .content .assignment-header .title h3 {
      line-height: 3rem; }
  .location-groups-management-tray-v2 .content .ui.checkbox.toggle label:before {
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
    width: 3rem; }
  .location-groups-management-tray-v2 .content .ui.checkbox.toggle label:after {
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  .location-groups-management-tray-v2 .content .ui.checkbox.toggle.checked label:before {
    background-color: #88B7FA !important;
    border: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    -webkit-transform: scale(0.75);
            transform: scale(0.75); }
  .location-groups-management-tray-v2 .content .ui.checkbox.toggle.checked label:after {
    background-color: #0E5BF3;
    border-color: #0E5BF3; }
  .location-groups-management-tray-v2 .content .ui.checkbox.toggle.checked.disabled label {
    font-weight: initial; }
    .location-groups-management-tray-v2 .content .ui.checkbox.toggle.checked.disabled label::before, .location-groups-management-tray-v2 .content .ui.checkbox.toggle.checked.disabled label::after {
      background-color: #e5e5e5;
      border-color: #e5e5e5; }
  .location-groups-management-tray-v2 .content .checkbox-tree .general-search .ui.icon.input > i.icon {
    color: #000000; }
  .location-groups-management-tray-v2 .content .checkbox-tree .general-search .ui.input input {
    background-color: #F5F5F5;
    border: none;
    border-radius: 40px; }
    .location-groups-management-tray-v2 .content .checkbox-tree .general-search .ui.input input::-webkit-input-placeholder {
      color: #000000; }
    .location-groups-management-tray-v2 .content .checkbox-tree .general-search .ui.input input::-moz-placeholder {
      color: #000000; }
    .location-groups-management-tray-v2 .content .checkbox-tree .general-search .ui.input input::-ms-input-placeholder {
      color: #000000; }
    .location-groups-management-tray-v2 .content .checkbox-tree .general-search .ui.input input::placeholder {
      color: #000000; }
  .location-groups-management-tray-v2 .content .checkbox-tree .ui.checkbox.partially-selected:not(.disabled) label::before,
  .location-groups-management-tray-v2 .content .checkbox-tree .ui.checkbox:not(.disabled) input:checked label::before {
    background-color: #0E5BF3 !important;
    border: 1px solid #0E5BF3 !important; }
  .location-groups-management-tray-v2 .content .no-locations-result .checkbox-tree .checkbox-tree-header {
    display: none; }
  .location-groups-management-tray-v2 .content .no-locations-result .checkbox-tree .tree-nodes {
    display: none; }
  .location-groups-management-tray-v2 .content .no-locations-result > p {
    display: block;
    margin-top: 30px;
    text-align: center; }

.delete-statement-group-modal .body .header {
  font-size: 1.42857rem;
  text-align: center;
  width: 100%; }

.delete-statement-group-modal .body .text {
  display: inline-block !important;
  font-size: 1.14286em;
  text-align: center; }

.internet-payments-wrapper .customer-details-transactions .transaction-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  padding: 1rem 0; }
  .internet-payments-wrapper .customer-details-transactions .transaction-controls .slideout-search {
    margin-right: 8px; }
    .internet-payments-wrapper .customer-details-transactions .transaction-controls .slideout-search .list-search-container .list-search {
      width: 240px; }
    .internet-payments-wrapper .customer-details-transactions .transaction-controls .slideout-search.open .list-search-container {
      width: 240px; }

.internet-payments-wrapper .page-content .api-keys h2 {
  font-size: 2.42857rem;
  padding-top: 1.14286em; }

.internet-payments-wrapper .page-content .api-keys h3 {
  font-size: 1.42857rem; }

.internet-payments-wrapper .page-content .api-keys p {
  font-size: 1.14286rem; }

.internet-payments-wrapper .page-content .api-keys table {
  border-top: none;
  margin-top: 1rem; }
  .internet-payments-wrapper .page-content .api-keys table td.trash-button-cell {
    text-align: right; }
    .internet-payments-wrapper .page-content .api-keys table td.trash-button-cell button {
      background: none;
      border: none;
      border-radius: 50%;
      padding: 10px;
      text-align: center;
      width: auto; }
      .internet-payments-wrapper .page-content .api-keys table td.trash-button-cell button:hover {
        background-color: rgba(14, 83, 243, 0.09);
        color: #0E5BF3; }
      .internet-payments-wrapper .page-content .api-keys table td.trash-button-cell button i {
        margin: 0;
        padding: 0; }

.internet-payments-wrapper .page-content .api-keys button.ui.primary {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #0E5BF3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  padding: 0;
  padding-left: 10px;
  padding-right: 22px; }
  .internet-payments-wrapper .page-content .api-keys button.ui.primary:hover {
    background-color: #136EF6; }

.internet-payments-wrapper .page-content .api-keys > .error-message {
  background-color: #F8E5E8 !important;
  color: #000000 !important;
  font-size: 0.85714rem;
  margin: 0;
  padding: .5714285em 1rem; }
  .internet-payments-wrapper .page-content .api-keys > .error-message > .icon {
    color: #B00020;
    font-size: 1rem; }

.internet-payments-wrapper .page-content .api-keys-create-tray .internet-payments-sliding-tray.open .content > .ui.form.padded,
.internet-payments-wrapper .page-content .api-keys-edit-tray .internet-payments-sliding-tray.open .content > .ui.form.padded {
  padding: 0 20px; }
  .internet-payments-wrapper .page-content .api-keys-create-tray .internet-payments-sliding-tray.open .content > .ui.form.padded h3,
  .internet-payments-wrapper .page-content .api-keys-edit-tray .internet-payments-sliding-tray.open .content > .ui.form.padded h3 {
    margin: 1rem 0; }

.internet-payments-wrapper .event-log .event-log-controls {
  margin-top: 14px; }
  .internet-payments-wrapper .event-log .event-log-controls .desktop-datepicker > .datetime-range-picker-input {
    min-width: 190px; }
  .internet-payments-wrapper .event-log .event-log-controls .icon.sync.busy {
    -webkit-animation: loader 1s linear infinite;
            animation: loader 1s linear infinite; }
  .internet-payments-wrapper .event-log .event-log-controls .button.primary.inverted.no-border {
    border: none;
    float: right;
    margin: 0; }
  @media only screen and (max-width: 767px) {
    .internet-payments-wrapper .event-log .event-log-controls .ip-date-range-picker {
      margin-bottom: 10px; } }

.internet-payments-wrapper .event-log .scroll-table .action-cell {
  padding-bottom: 0;
  padding-top: 0;
  text-align: center;
  width: 175px; }
  .internet-payments-wrapper .event-log .scroll-table .action-cell .icon-loader {
    display: inline-block;
    vertical-align: middle; }

.internet-payments-wrapper .event-log .scroll-table table {
  border-top: 0; }

.internet-payments-wrapper .event-log-details .copy-content {
  font-size: small; }

.internet-payments-wrapper .event-log-details .status-code-chip {
  margin-bottom: 14px; }

.internet-payments-wrapper .event-log-details .icon.sync.busy {
  -webkit-animation: loader 1s linear infinite;
          animation: loader 1s linear infinite; }

.internet-payments-wrapper .webhook-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px 0; }
  .internet-payments-wrapper .webhook-controls .search-add-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .internet-payments-wrapper .webhook-controls .search-add-controls .slideout-search {
      margin-right: 8px; }
      .internet-payments-wrapper .webhook-controls .search-add-controls .slideout-search.open .list-search-container {
        width: 263px; }
        .internet-payments-wrapper .webhook-controls .search-add-controls .slideout-search.open .list-search-container .list-search {
          width: 263px; }

.internet-payments-wrapper .developer-webhooks-settings-error-message {
  background-color: #F8E5E8 !important;
  color: #000000 !important;
  font-size: 0.85714rem;
  margin: 0;
  padding: .5714285em 1rem; }
  .internet-payments-wrapper .developer-webhooks-settings-error-message > .icon {
    color: #B00020;
    font-size: 1rem; }

.internet-payments-wrapper .developer-webhooks-settings {
  padding-top: 40px; }
  .internet-payments-wrapper .developer-webhooks-settings .developer-settings-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 900px;
    padding-top: 20px; }

.internet-payments-wrapper .business-settings {
  padding-top: 2em; }
  .internet-payments-wrapper .business-settings .business-time-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    max-width: 450px;
    width: 100%; }
    .internet-payments-wrapper .business-settings .business-time-container .title {
      font-size: 1.42857em;
      line-height: 2em; }
    .internet-payments-wrapper .business-settings .business-time-container .value-container {
      background: rgba(0, 0, 0, 0.04);
      border-radius: 0.28571em;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 8px;
      padding: 0.57143em 1.14286em;
      width: 100%; }
      .internet-payments-wrapper .business-settings .business-time-container .value-container .timezone {
        color: rgba(0, 0, 0, 0.38);
        font-size: 1em;
        text-align: left;
        width: 100%; }
      .internet-payments-wrapper .business-settings .business-time-container .value-container .value {
        font-size: 1.14286em;
        line-height: 1.42857em; }
  .internet-payments-wrapper .business-settings .batch-auto-close {
    background-color: #FAFAFA;
    max-width: 450px;
    padding: 1.28571em;
    width: 100%; }
    .internet-payments-wrapper .business-settings .batch-auto-close .batch-toggle-container {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .internet-payments-wrapper .business-settings .batch-auto-close .batch-toggle-container.open {
        margin-bottom: 1.42857em; }
        .internet-payments-wrapper .business-settings .batch-auto-close .batch-toggle-container.open .batch-auto-tooltip:hover i:before {
          color: #0E5BF3; }
      .internet-payments-wrapper .business-settings .batch-auto-close .batch-toggle-container .batch-checkbox.checked.disabled {
        opacity: 0.7; }
        .internet-payments-wrapper .business-settings .batch-auto-close .batch-toggle-container .batch-checkbox.checked.disabled label:before {
          background-color: #88B7FA !important; }
        .internet-payments-wrapper .business-settings .batch-auto-close .batch-toggle-container .batch-checkbox.checked.disabled label:after {
          background-color: #0E5BF3 !important;
          border-color: #0E5BF3 !important; }
    .internet-payments-wrapper .business-settings .batch-auto-close .batch-dropdown .time-option-container {
      background-color: #FFFFFF; }
      .internet-payments-wrapper .business-settings .batch-auto-close .batch-dropdown .time-option-container > div:first-child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        max-height: none;
        min-height: 46px; }
      .internet-payments-wrapper .business-settings .batch-auto-close .batch-dropdown .time-option-container .menu {
        min-width: auto; }
        .internet-payments-wrapper .business-settings .batch-auto-close .batch-dropdown .time-option-container .menu .item {
          min-width: -webkit-fit-content;
          min-width: -moz-fit-content;
          min-width: fit-content; }
    .internet-payments-wrapper .business-settings .batch-auto-close .batch-dropdown .info-text {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 0.85714em;
      padding-left: 0.71429em;
      padding-top: 0.35714em; }
    .internet-payments-wrapper .business-settings .batch-auto-close .batch-auto-buttons {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .internet-payments-wrapper .business-settings .batch-auto-close .batch-auto-buttons button {
        width: 100%; }
      .internet-payments-wrapper .business-settings .batch-auto-close .batch-auto-buttons .batch-auto-close-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .internet-payments-wrapper .business-settings .batch-auto-close .batch-auto-buttons .batch-auto-close-button.button-loading {
          pointer-events: none; }
  .internet-payments-wrapper .business-settings .manual-batching {
    max-width: 450px;
    padding: 1.28571em; }
    .internet-payments-wrapper .business-settings .manual-batching p {
      font-size: 1.14286em;
      margin: 1.57143em 0px; }
    .internet-payments-wrapper .business-settings .manual-batching .close-batch-button {
      max-width: 211px;
      width: 100%; }
      .internet-payments-wrapper .business-settings .manual-batching .close-batch-button.button-loading {
        pointer-events: none; }
      .internet-payments-wrapper .business-settings .manual-batching .close-batch-button.ui.primary {
        margin: 0; }
      .internet-payments-wrapper .business-settings .manual-batching .close-batch-button .icon-loader {
        margin: auto; }
    .internet-payments-wrapper .business-settings .manual-batching .manual-batch-container {
      background-color: #FAFAFA;
      padding: 0.35714em 1.28571em; }
      .internet-payments-wrapper .business-settings .manual-batching .manual-batch-container .manual-batch {
        margin-top: 1.57143em; }
        .internet-payments-wrapper .business-settings .manual-batching .manual-batch-container .manual-batch:not(:last-of-type) {
          border-bottom: 1px solid rgba(0, 0, 0, 0.16); }
        .internet-payments-wrapper .business-settings .manual-batching .manual-batch-container .manual-batch .date {
          font-weight: bold; }
        .internet-payments-wrapper .business-settings .manual-batching .manual-batch-container .manual-batch .close-current-manual-batch-spinner.icon-loader {
          display: inline-block;
          height: 2.14286em;
          margin: 7px 10px 5px 10px;
          width: 2.14286em; }
        .internet-payments-wrapper .business-settings .manual-batching .manual-batch-container .manual-batch .button {
          margin-left: 0; }
          @media only screen and (max-width: 767px) {
            .internet-payments-wrapper .business-settings .manual-batching .manual-batch-container .manual-batch .button {
              width: 45%; } }
          @media only screen and (max-width: 435px) {
            .internet-payments-wrapper .business-settings .manual-batching .manual-batch-container .manual-batch .button {
              font-size: 2.7vw;
              margin: 20px 1%; } }
  .internet-payments-wrapper .business-settings .close-batch {
    background-color: #FAFAFA;
    max-width: 450px;
    padding: 1.28571em; }
    .internet-payments-wrapper .business-settings .close-batch p {
      font-size: 1.14286em;
      margin: 1.57143em 0px; }
    .internet-payments-wrapper .business-settings .close-batch .close-batch-button {
      max-width: 211px;
      width: 100%; }
      .internet-payments-wrapper .business-settings .close-batch .close-batch-button.button-loading {
        pointer-events: none; }
      .internet-payments-wrapper .business-settings .close-batch .close-batch-button.ui.primary {
        margin: 0px; }
      .internet-payments-wrapper .business-settings .close-batch .close-batch-button .icon-loader {
        margin: auto; }
  .internet-payments-wrapper .business-settings .close-batch-modal .body .header,
  .internet-payments-wrapper .business-settings .close-manual-batch-modal .body .header,
  .internet-payments-wrapper .business-settings .close-batch-auto-modal .body .header {
    font-size: 1.42857rem;
    text-align: center;
    width: 100%; }
  .internet-payments-wrapper .business-settings .close-batch-modal .body .text,
  .internet-payments-wrapper .business-settings .close-manual-batch-modal .body .text,
  .internet-payments-wrapper .business-settings .close-batch-auto-modal .body .text {
    font-size: 1.14286em;
    text-align: center; }
  .internet-payments-wrapper .business-settings .close-batch-auto-modal .dialog p {
    font-size: 0.92857em; }

@media only screen and (max-width: 767px) {
  .internet-payments-wrapper .container .batch-totals-report-modal .content {
    padding-top: 0.71429em; } }

.internet-payments-wrapper .container .batch-totals-report-modal .header i.close-btn {
  background-color: rgba(0, 0, 0, 0.04); }

.internet-payments-wrapper .container .batch-totals-report-modal .content {
  padding-top: 0.71429em;
  position: relative; }
  .internet-payments-wrapper .container .batch-totals-report-modal .content .view-batch-totals-loading {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    .internet-payments-wrapper .container .batch-totals-report-modal .content .view-batch-totals-loading .view-batch-totals-spinner.icon-loader {
      height: 2.14286em;
      width: 2.14286em; }
  .internet-payments-wrapper .container .batch-totals-report-modal .content #drill-down-report-table-wrapper.drill-down-report-batch-business-date-totals {
    border-top: 0;
    max-height: none; }

.internet-payments-wrapper .container .batch-totals-report-modal .actions {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  .internet-payments-wrapper .container .batch-totals-report-modal .actions .view-transactions {
    margin-left: auto; }
  @media only screen and (max-width: 767px) {
    .internet-payments-wrapper .container .batch-totals-report-modal .actions {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 128px; }
      .internet-payments-wrapper .container .batch-totals-report-modal .actions button.view-transactions {
        border: none;
        margin-bottom: 8px;
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 16px;
        padding: 8px 16px; }
      .internet-payments-wrapper .container .batch-totals-report-modal .actions div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%; }
        .internet-payments-wrapper .container .batch-totals-report-modal .actions div button {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          margin-bottom: 16px;
          margin-left: 5px;
          margin-right: 5px;
          margin-top: 8px; } }

.internet-payments-wrapper .risk-rules .page-content .no-records-message {
  border-bottom: 1px solid #D8D8D8;
  border-top: 1px solid #D8D8D8;
  color: #090304;
  display: block;
  line-height: 24px;
  padding: 1em 2.85714em;
  text-align: center; }

.internet-payments-wrapper .risk-rules .page-content .rule-group-name {
  margin-bottom: 2.14286em;
  margin-top: 3.21429em; }

.internet-payments-wrapper .risk-rules .page-content .scroll-table {
  border-top: none; }
  .internet-payments-wrapper .risk-rules .page-content .scroll-table table tr th:nth-child(1), .internet-payments-wrapper .risk-rules .page-content .scroll-table table tr td:nth-child(1) {
    min-width: 70px;
    padding-right: 0px !important; }
  .internet-payments-wrapper .risk-rules .page-content .scroll-table table tr th:nth-child(2), .internet-payments-wrapper .risk-rules .page-content .scroll-table table tr td:nth-child(2) {
    padding-left: 0.71429em !important;
    width: 70%; }
  .internet-payments-wrapper .risk-rules .page-content .scroll-table table tr th:nth-last-child(2), .internet-payments-wrapper .risk-rules .page-content .scroll-table table tr td:nth-last-child(2) {
    min-width: 90px;
    padding-left: 0.71429em !important;
    padding-right: 0.35714em !important;
    text-align: right; }
  .internet-payments-wrapper .risk-rules .page-content .scroll-table table tr th:nth-last-child(1), .internet-payments-wrapper .risk-rules .page-content .scroll-table table tr td:nth-last-child(1) {
    min-width: 200px;
    padding-left: 0.71429em !important; }

.internet-payments-wrapper .risk-rules .page-content .scroll-table.action-table table tr th:nth-last-child(2), .internet-payments-wrapper .risk-rules .page-content .scroll-table.action-table table tr td:nth-last-child(2) {
  text-align: left; }

.desktop-calendar .s4cal-input {
  padding: 10px 10px 10px; }
  .desktop-calendar .s4cal-input .s4cal-timepickers .s4cal-timepicker .s4cal-timepicker-ampm {
    border-color: #136EF6;
    color: #136EF6; }
    .desktop-calendar .s4cal-input .s4cal-timepickers .s4cal-timepicker .s4cal-timepicker-ampm .s4cal-ampm-selected {
      background-color: #136EF6;
      border-color: #136EF6; }
      .desktop-calendar .s4cal-input .s4cal-timepickers .s4cal-timepicker .s4cal-timepicker-ampm .s4cal-ampm-selected:hover {
        background: #136EF6 !important;
        opacity: .9 !important; }
  .desktop-calendar .s4cal-input.s4cal-input-vertical-range {
    padding: 10px; }
    .desktop-calendar .s4cal-input.s4cal-input-vertical-range .s4cal-range {
      background-color: transparent;
      -webkit-box-shadow: none;
              box-shadow: none;
      color: #333333;
      text-align: left;
      text-transform: capitalize; }
      .desktop-calendar .s4cal-input.s4cal-input-vertical-range .s4cal-range:hover {
        background-color: rgba(0, 0, 0, 0.04); }
      .desktop-calendar .s4cal-input.s4cal-input-vertical-range .s4cal-range.s4cal-range-selected {
        background: rgba(14, 91, 243, 0.06);
        color: #136EF6; }
    .desktop-calendar .s4cal-input.s4cal-input-vertical-range .s4cal-ranges {
      height: 322px; }
    .desktop-calendar .s4cal-input.s4cal-input-vertical-range .s4cal-right .s4cal-ranges {
      padding: 0px; }
      .desktop-calendar .s4cal-input.s4cal-input-vertical-range .s4cal-right .s4cal-ranges .s4cal-range {
        padding: 8px;
        padding-left: 12px; }
    .desktop-calendar .s4cal-input.s4cal-input-vertical-range .s4cal-footer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      margin-top: 26px;
      place-content: flex-end; }
      .desktop-calendar .s4cal-input.s4cal-input-vertical-range .s4cal-footer .s4cal-cancel {
        background: transparent;
        border: none;
        border-radius: 3px;
        color: #136EF6;
        text-transform: uppercase; }
        .desktop-calendar .s4cal-input.s4cal-input-vertical-range .s4cal-footer .s4cal-cancel:hover {
          background-color: rgba(14, 91, 243, 0.06);
          cursor: pointer; }
      .desktop-calendar .s4cal-input.s4cal-input-vertical-range .s4cal-footer .s4cal-apply {
        background: #136EF6;
        color: #FFFFFF;
        text-transform: uppercase; }
        .desktop-calendar .s4cal-input.s4cal-input-vertical-range .s4cal-footer .s4cal-apply:disabled {
          background: #88B7FA;
          color: #FFFFFF; }
        .desktop-calendar .s4cal-input.s4cal-input-vertical-range .s4cal-footer .s4cal-apply:hover {
          cursor: pointer; }

.desktop-calendar .s4cal-calendars {
  border-bottom: 1px solid #e5e5e5;
  height: 349px; }
  .desktop-calendar .s4cal-calendars .s4cal-calendar .s4cal-title {
    background: none;
    color: #333333; }
    .desktop-calendar .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-prev, .desktop-calendar .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-next {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 30px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 30px; }
      .desktop-calendar .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-prev:hover, .desktop-calendar .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-next:hover {
        background-color: #e5f5fe;
        border-radius: 3rem;
        color: #136EF6; }
        .desktop-calendar .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-prev:hover i, .desktop-calendar .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-next:hover i {
          color: #136EF6;
          z-index: 999; }
          .desktop-calendar .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-prev:hover i:hover, .desktop-calendar .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-next:hover i:hover {
            color: #136EF6;
            z-index: 999; }
  .desktop-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .desktop-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-today span {
      color: #136EF6; }
    .desktop-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day,
    .desktop-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-not-in-month,
    .desktop-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-selected,
    .desktop-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-disabled {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 40px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .desktop-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-not-in-month.s4cal-selected {
      opacity: 1; }
    .desktop-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day {
      border-radius: 5rem; }
      .desktop-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-hovered {
        background-color: rgba(14, 91, 243, 0.06);
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #333333;
        opacity: 1; }
      .desktop-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-hovered:not(.s4cal-selected).s4cal-hovered-first, .desktop-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-hovered:not(.s4cal-selected).s4cal-hovered-last {
        background-color: rgba(14, 91, 243, 0.06);
        border-radius: 1;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #333333; }
      .desktop-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-selected {
        background-color: rgba(14, 91, 243, 0.06);
        border-radius: 0;
        color: #333333; }
        .desktop-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-selected:hover:not(.s4cal-start):not(.s4cal-end) {
          border: 1px solid #136EF6;
          border-radius: 5rem; }
      .desktop-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-start:not(.s4cal-end):after {
        background-color: rgba(14, 91, 243, 0.06);
        background-position: 50% 50%;
        background-size: cover;
        border-radius: 50%;
        content: '\00a0';
        display: inline-block;
        height: 54px;
        left: 25px;
        position: absolute;
        width: 50px; }
      .desktop-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-end:not(.s4cal-start):before {
        background-color: rgba(14, 91, 243, 0.06);
        background-position: 50% 50%;
        background-size: cover;
        border-radius: 50%;
        content: '\00a0';
        display: inline-block;
        height: 54px;
        position: absolute;
        right: 25px;
        width: 50px; }
      .desktop-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-start, .desktop-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-end, .desktop-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-hovered-first, .desktop-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-hovered-last {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background-color: transparent;
        border: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        overflow: hidden; }
        .desktop-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-start span, .desktop-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-end span, .desktop-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-hovered-first span, .desktop-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-hovered-last span {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          background-color: #136EF6;
          border-radius: 5rem;
          color: #FFFFFF;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          height: 40px;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          min-height: 100%;
          min-width: 100%;
          width: 40px;
          z-index: 2; }
      .desktop-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-start.s4cal-hovered.s4cal-hovered-first {
        background-color: transparent; }
      .desktop-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day:hover:not(.s4cal-hovered):not(.s4cal-selected) {
        background-color: #FFFFFF;
        border: 1px solid #136EF6;
        color: #333333; }
        .desktop-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day:hover:not(.s4cal-hovered):not(.s4cal-selected) span {
          background-color: #FFFFFF; }

.internet-payments-wrapper .article.ip-dashboard .header.title-bar {
  padding: 30px 30px 16px 30px !important; }
  .internet-payments-wrapper .article.ip-dashboard .header.title-bar > #title {
    padding-bottom: 1rem; }

.internet-payments-wrapper .ip-dashboard {
  margin-top: -1.42857em; }
  .internet-payments-wrapper .ip-dashboard .ui.dimmer.ip-notifications {
    display: none !important; }
  .internet-payments-wrapper .ip-dashboard .ui.dimmer.widget-error-state {
    z-index: 50; }
  .internet-payments-wrapper .ip-dashboard .ui.new-sale-btn {
    border-radius: 5px;
    color: #0E5BF3;
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: 1.4px;
    padding-right: 0.71429em;
    text-transform: uppercase; }
    .internet-payments-wrapper .ip-dashboard .ui.new-sale-btn .plus.icon {
      font-size: 1rem; }
    .internet-payments-wrapper .ip-dashboard .ui.new-sale-btn:hover {
      background-color: rgba(14, 91, 243, 0.06);
      padding: 0.71429em;
      width: 20px; }
    .internet-payments-wrapper .ip-dashboard .ui.new-sale-btn.disabled {
      opacity: 0.5;
      pointer-events: none; }
  .internet-payments-wrapper .ip-dashboard .one.column {
    padding: 0; }
    .internet-payments-wrapper .ip-dashboard .one.column .column {
      padding: 1.15rem 0 0; }
  .internet-payments-wrapper .ip-dashboard .ui.header > span {
    white-space: nowrap; }
  .internet-payments-wrapper .ip-dashboard .ui.header.mobile-new-sale {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .internet-payments-wrapper .ip-dashboard .ui.header.mobile-new-sale a {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .internet-payments-wrapper .ip-dashboard .body {
    margin: 0 auto;
    max-width: 1280px;
    padding: 2em 1em 1em 1em; }
    .internet-payments-wrapper .ip-dashboard .body .column:not(.row) {
      max-height: inherit;
      padding-bottom: 1em;
      padding-top: 1em; }
      @media only screen and (max-width: 767px) {
        .internet-payments-wrapper .ip-dashboard .body .column:not(.row) {
          padding: 1em 0 0 0; } }
      .internet-payments-wrapper .ip-dashboard .body .column:not(.row) .ui.dimmer {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
        .internet-payments-wrapper .ip-dashboard .body .column:not(.row) .ui.dimmer .error {
          margin: 0 auto; }
    .internet-payments-wrapper .ip-dashboard .body .row.whole-row {
      width: 100%; }
      .internet-payments-wrapper .ip-dashboard .body .row.whole-row .column {
        padding-left: 1em; }
    @media all and (max-width: 600px) {
      .internet-payments-wrapper .ip-dashboard .body .row.whole-row {
        margin: 0;
        padding-top: 0; }
        .internet-payments-wrapper .ip-dashboard .body .row.whole-row .ui.header > span {
          font-size: 1.42857rem; }
        .internet-payments-wrapper .ip-dashboard .body .row.whole-row .column {
          padding: 0; }
          .internet-payments-wrapper .ip-dashboard .body .row.whole-row .column .padded {
            padding-top: 0.57143em; } }
    .internet-payments-wrapper .ip-dashboard .body .row.widget-row {
      width: 100%; }
      @media only screen and (min-width: 1025px) {
        .internet-payments-wrapper .ip-dashboard .body .row.widget-row {
          margin-left: 1em;
          margin-right: 1em; } }
      .internet-payments-wrapper .ip-dashboard .body .row.widget-row #ip-notifications-widget #ip-notifications-type-suspect-transactions:not(:last-child) {
        margin-bottom: 1em; }
    .internet-payments-wrapper .ip-dashboard .body .column.row {
      padding: 0em 1em; }
      @media only screen and (max-width: 767px) {
        .internet-payments-wrapper .ip-dashboard .body .column.row {
          padding: 0; } }
    .internet-payments-wrapper .ip-dashboard .body .sixteen.wide.column {
      padding: 0; }
    .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segment.table-widget {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 0; }
      .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segment.table-widget .row {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
                flex: 1 0 auto;
        padding-left: 1.14286em;
        padding-right: 1.14286em; }
      .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segment.table-widget .row:not(:last-child) {
        border-bottom: none; }
    .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments {
      border: none;
      -webkit-box-shadow: none;
              box-shadow: none; }
      .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments > .ui.segment.single-value-widget.skeleton > .value {
        background-color: #bcbcbc;
        border-radius: 1em;
        color: #bcbcbc; }
      .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments > .ui.segment:not(.table-widget-group) {
        border-radius: 4px; }
      .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments > .ui.handle.segment {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments > .ui.handle.segment b {
          line-height: 1.5rem; }
      .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments > .ui.segment:last-child {
        height: 450px; }
        .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments > .ui.segment:last-child.table-widget-group {
          border: none;
          -webkit-box-shadow: none;
                  box-shadow: none;
          padding: 0; }
        @media all and (max-width: 1025px) {
          .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments > .ui.segment:last-child.table-widget, .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments > .ui.segment:last-child.table-widget-group {
            height: 500px; } }
        .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments > .ui.segment:last-child .ip-link {
          line-height: 1.7;
          text-align: end; }
          .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments > .ui.segment:last-child .ip-link i {
            font-size: 0.85714rem;
            margin: 0 0 0 0.42857em; }
        .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments > .ui.segment:last-child .single-value-widget {
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: start;
          border-radius: 4px;
          -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
                  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
          color: #FFFFFF;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          letter-spacing: 0.1px;
          padding: 1.42857em 2em; }
          .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments > .ui.segment:last-child .single-value-widget .row {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column; }
          .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments > .ui.segment:last-child .single-value-widget .value {
            font-size: 3.42857rem;
            font-weight: 400;
            line-height: 1.16;
            padding-bottom: 0.57143em; }
          .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments > .ui.segment:last-child .single-value-widget .label {
            font-size: 1rem;
            line-height: 1.7; }
          .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments > .ui.segment:last-child .single-value-widget .ip-link {
            color: #FFFFFF;
            margin-left: auto; }
          @media all and (max-width: 600px) {
            .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments > .ui.segment:last-child .single-value-widget {
              padding: 1em; }
              .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments > .ui.segment:last-child .single-value-widget .value {
                font-size: 1.71429rem; } }
          @media all and (max-width: 367px) {
            .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments > .ui.segment:last-child .single-value-widget .label {
              font-size: 0.85714rem; } }
        .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments > .ui.segment:last-child .widget-footer {
          border-top: 1px solid rgba(0, 0, 0, 0.16);
          padding: 0.57143em 1.42857em 0.57143em 0.57143em; }
    .internet-payments-wrapper .ip-dashboard .body .dashboard-widget:not(.read-only) .ui.segments > .ui.handle.segment {
      cursor: move; }
    .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .no-data {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .no-data .message {
        margin: 0 auto;
        text-align: center; }
        .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .no-data .message i.icon {
          opacity: 0.6; }
        .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .no-data .message p {
          margin-top: 1em; }
    .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .table-widget > .no-data {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .internet-payments-wrapper .ip-dashboard .body .dashboard-widget b ~ .icon {
      cursor: pointer;
      float: right;
      opacity: 0.3; }
    .internet-payments-wrapper .ip-dashboard .body .front {
      margin-bottom: 0em;
      -webkit-transform-style: unset;
              transform-style: unset;
      z-index: auto; }

.internet-payments-wrapper .ach-payments-cancelation-modal {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-radius: 16px;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
          box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-weight: 400;
  gap: 16px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  line-height: 24px;
  margin-top: 64px;
  padding: 16px 32px 32px 32px;
  width: 55%; }
  @media only screen and (max-width: 767px) {
    .internet-payments-wrapper .ach-payments-cancelation-modal {
      margin-top: 16px;
      padding: 18px 12px;
      width: 95%; } }
  .internet-payments-wrapper .ach-payments-cancelation-modal .main-title {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.18px;
    padding: 16px 0px; }
  .internet-payments-wrapper .ach-payments-cancelation-modal .cancelation-policy {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 16px;
    gap: 8px;
    height: 200px;
    letter-spacing: 0.25px;
    overflow: auto;
    padding: 32px; }
    .internet-payments-wrapper .ach-payments-cancelation-modal .cancelation-policy .title {
      font-weight: 700; }
  .internet-payments-wrapper .ach-payments-cancelation-modal .checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%; }
  .internet-payments-wrapper .ach-payments-cancelation-modal button {
    margin: 0px !important;
    width: 100%; }
  .internet-payments-wrapper .ach-payments-cancelation-modal .back {
    font-size: 14px;
    letter-spacing: 0.25px;
    line-height: 20px;
    text-align: center;
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
    width: 100%; }
  .internet-payments-wrapper .ach-payments-cancelation-modal .ui.checkbox {
    position: static !important; }
  .internet-payments-wrapper .ach-payments-cancelation-modal .back:hover {
    cursor: pointer; }

.internet-payments-wrapper .apm-service-modal .fullscreen-modal .header {
  background-color: #FFFFFF;
  border-bottom: inset rgba(0, 0, 0, 0.16);
  height: auto;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  z-index: 2; }
  @media only screen and (max-width: 767px) {
    .internet-payments-wrapper .apm-service-modal .fullscreen-modal .header {
      padding-right: 70px; } }
  .internet-payments-wrapper .apm-service-modal .fullscreen-modal .header h2 {
    color: rgba(0, 0, 0, 0.87);
    font-size: 1.42857rem;
    font-weight: 400;
    letter-spacing: 0.18px;
    line-height: 24px;
    margin: 16px; }
  .internet-payments-wrapper .apm-service-modal .fullscreen-modal .header .icon {
    background: rgba(0, 0, 0, 0.04);
    border-left: none;
    border-radius: 50px;
    color: #666666;
    height: 40px;
    margin: 8px 16px;
    padding: 13px;
    width: 40px; }
    .internet-payments-wrapper .apm-service-modal .fullscreen-modal .header .icon:hover, .internet-payments-wrapper .apm-service-modal .fullscreen-modal .header .icon.active {
      background-color: rgba(14, 91, 243, 0.06);
      color: #0E5BF3; }

.internet-payments-wrapper .apm-service-modal .fullscreen-modal .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-height: calc(100vh - 62px); }

.internet-payments-wrapper .apm-service-modal .fullscreen-modal .actions {
  border-top: none;
  z-index: 2; }

.internet-payments-wrapper .apm-service-cancelation-modal .fullscreen-modal .header {
  background-color: #FFFFFF;
  border-bottom: inset rgba(0, 0, 0, 0.16);
  height: auto;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  z-index: 2; }
  @media only screen and (max-width: 767px) {
    .internet-payments-wrapper .apm-service-cancelation-modal .fullscreen-modal .header {
      padding-right: 70px; } }
  .internet-payments-wrapper .apm-service-cancelation-modal .fullscreen-modal .header h2 {
    font-size: 1.42857rem;
    font-weight: 400;
    letter-spacing: 0.18px;
    line-height: 24px;
    margin: 16px; }
  .internet-payments-wrapper .apm-service-cancelation-modal .fullscreen-modal .header .icon {
    background: rgba(0, 0, 0, 0.04);
    border-left: none;
    border-radius: 50px;
    color: #666666;
    height: 40px;
    margin: 8px 16px;
    padding: 13px;
    width: 40px; }
    .internet-payments-wrapper .apm-service-cancelation-modal .fullscreen-modal .header .icon:hover, .internet-payments-wrapper .apm-service-cancelation-modal .fullscreen-modal .header .icon.active {
      background-color: rgba(14, 91, 243, 0.06);
      color: #0E5BF3; }

.internet-payments-wrapper .apm-service-cancelation-modal .fullscreen-modal .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-height: calc(100vh - 62px);
  padding: 64px 0px; }

@media only screen and (max-width: 767px) {
  .internet-payments-wrapper .apm-service-cancelation-modal .fullscreen-modal {
    padding: 16px 0px; } }

.internet-payments-wrapper .apm-service-cancelation-modal .fullscreen-modal .actions {
  border-top: none;
  z-index: 2; }

.ui.segment.page-placeholder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  padding-top: 5.5em;
  width: 100%; }
  .ui.segment.page-placeholder h1 {
    font-size: 2.42857rem;
    font-weight: bold;
    line-height: 2.6em;
    margin: 0.5em 0; }
  .ui.segment.page-placeholder p {
    font-size: 1.42857rem;
    line-height: 1.2em; }
  .ui.segment.page-placeholder img {
    display: block;
    max-height: 70vh;
    max-width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    overflow: hidden; }

.internet-payments-wrapper .tray {
  position: absolute;
  width: 100%; }
  .internet-payments-wrapper .tray .internet-payments-sliding-tray-background.open {
    background: rgba(0, 0, 0, 0.3);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000; }
  .internet-payments-wrapper .tray .internet-payments-sliding-tray {
    background-color: #FFFFFF;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 420px;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
    visibility: visible;
    width: 100%;
    z-index: 1000; }
    .internet-payments-wrapper .tray .internet-payments-sliding-tray.open {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      -webkit-transition-duration: 500ms;
              transition-duration: 500ms; }
    .internet-payments-wrapper .tray .internet-payments-sliding-tray .divider:not(.vertical), .internet-payments-wrapper .tray .internet-payments-sliding-tray .divider:not(.horizontal) {
      border-left: unset; }
    .internet-payments-wrapper .tray .internet-payments-sliding-tray .tray-header {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border: 1px solid rgba(0, 0, 0, 0.1);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin: 0;
      padding: 10px 9px 10px 13px; }
      .internet-payments-wrapper .tray .internet-payments-sliding-tray .tray-header.back {
        -webkit-column-gap: 8px;
           -moz-column-gap: 8px;
                column-gap: 8px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; }
      .internet-payments-wrapper .tray .internet-payments-sliding-tray .tray-header h2 {
        margin: 0;
        padding: 0; }
      .internet-payments-wrapper .tray .internet-payments-sliding-tray .tray-header .icon {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        border-radius: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 40px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 40px; }
    .internet-payments-wrapper .tray .internet-payments-sliding-tray > .error-message {
      background-color: #F8E5E8 !important;
      border-radius: 0;
      color: #000000 !important;
      font-size: 0.85714rem;
      margin: 0;
      padding: .5714285em 1rem; }
      .internet-payments-wrapper .tray .internet-payments-sliding-tray > .error-message > .icon {
        color: #B00020;
        font-size: 1rem; }
    .internet-payments-wrapper .tray .internet-payments-sliding-tray .content {
      border-left: 1px solid rgba(0, 0, 0, 0.1);
      border-right: 1px solid rgba(0, 0, 0, 0.1);
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      max-height: calc(100vh - 126px);
      overflow: auto; }
      .internet-payments-wrapper .tray .internet-payments-sliding-tray .content h4 {
        color: rgba(0, 0, 0, 0.38); }
      .internet-payments-wrapper .tray .internet-payments-sliding-tray .content .padding-wrapper {
        padding: 17px 30px 30px 30px; }
      .internet-payments-wrapper .tray .internet-payments-sliding-tray .content .checkbox {
        margin: 8px 0; }
        .internet-payments-wrapper .tray .internet-payments-sliding-tray .content .checkbox label:before {
          -webkit-box-shadow: inset #000000;
                  box-shadow: inset #000000; }
    .internet-payments-wrapper .tray .internet-payments-sliding-tray .actions {
      border: 1px solid rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
              box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -webkit-box-pack: right;
          -ms-flex-pack: right;
              justify-content: right;
      padding: 0 10px; }
      .internet-payments-wrapper .tray .internet-payments-sliding-tray .actions .button {
        background: #136EF6;
        margin: 20px 10px;
        min-width: 120px;
        text-transform: uppercase;
        width: 180px; }
        .internet-payments-wrapper .tray .internet-payments-sliding-tray .actions .button.inverted {
          background: #FFFFFF;
          border: 1px solid #136EF6;
          -webkit-box-shadow: unset !important;
                  box-shadow: unset !important;
          color: #136EF6; }
          .internet-payments-wrapper .tray .internet-payments-sliding-tray .actions .button.inverted:hover {
            background: #F2F6FE; }
        .internet-payments-wrapper .tray .internet-payments-sliding-tray .actions .button.disabled, .internet-payments-wrapper .tray .internet-payments-sliding-tray .actions .button[disabled] {
          background: #FFFFFF !important;
          border: 1px solid rgba(0, 0, 0, 0.38);
          color: rgba(0, 0, 0, 0.38) !important;
          opacity: 0.8 !important;
          pointer-events: none !important; }
        .internet-payments-wrapper .tray .internet-payments-sliding-tray .actions .button.full-width {
          width: 100%; }
  @media only screen and (max-width: 767px) {
    .internet-payments-wrapper .tray .sliding-tray {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      overflow: auto;
      width: 100%; }
      .internet-payments-wrapper .tray .sliding-tray .header .icon:only-child {
        margin-right: 0; }
      .internet-payments-wrapper .tray .sliding-tray .content {
        max-height: none;
        overflow: initial;
        padding: 30px 10px; }
      .internet-payments-wrapper .tray .sliding-tray .actions {
        display: block; }
        .internet-payments-wrapper .tray .sliding-tray .actions .button {
          margin: 8px 0;
          width: 100%; } }

@media only screen and (max-width: 1024px) {
  .site-content.sidebar-open ~ #tray > .internet-payments-sliding-tray.open {
    right: -256px; } }

.internet-payments-wrapper #menu-internet-payments-sliding-tray-container .menu.internet-payments-sliding-tray {
  max-width: 760px; }
  .internet-payments-wrapper #menu-internet-payments-sliding-tray-container .menu.internet-payments-sliding-tray .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .internet-payments-wrapper #menu-internet-payments-sliding-tray-container .menu.internet-payments-sliding-tray .content > .menu {
      border-right: 1px solid rgba(0, 0, 0, 0.1);
      overflow-y: auto;
      width: 45%; }
      .internet-payments-wrapper #menu-internet-payments-sliding-tray-container .menu.internet-payments-sliding-tray .content > .menu .menu-header {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding: 1.14286em 1.71429em; }
      .internet-payments-wrapper #menu-internet-payments-sliding-tray-container .menu.internet-payments-sliding-tray .content > .menu .list:not(:last-of-type) {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
      .internet-payments-wrapper #menu-internet-payments-sliding-tray-container .menu.internet-payments-sliding-tray .content > .menu .list h3 {
        color: rgba(0, 0, 0, 0.6);
        font-size: 1em;
        font-weight: 700;
        padding: 1.42857em 1.71429em 0; }
      .internet-payments-wrapper #menu-internet-payments-sliding-tray-container .menu.internet-payments-sliding-tray .content > .menu .list .item {
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 1em;
        font-weight: 700;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 1.14286em 1.71429em; }
        .internet-payments-wrapper #menu-internet-payments-sliding-tray-container .menu.internet-payments-sliding-tray .content > .menu .list .item.active {
          position: relative; }
          .internet-payments-wrapper #menu-internet-payments-sliding-tray-container .menu.internet-payments-sliding-tray .content > .menu .list .item.active:before {
            background-color: #136EF6;
            content: '';
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 8px; }
        .internet-payments-wrapper #menu-internet-payments-sliding-tray-container .menu.internet-payments-sliding-tray .content > .menu .list .item:hover {
          background-color: #F2F6FE; }
    .internet-payments-wrapper #menu-internet-payments-sliding-tray-container .menu.internet-payments-sliding-tray .content .body {
      padding: 1.42857em 3%;
      width: 100%; }
      .internet-payments-wrapper #menu-internet-payments-sliding-tray-container .menu.internet-payments-sliding-tray .content .body .container {
        height: 100%; }
        .internet-payments-wrapper #menu-internet-payments-sliding-tray-container .menu.internet-payments-sliding-tray .content .body .container .h2 {
          margin: 10px 0 30px; }
    @media only screen and (max-width: 767px) {
      .internet-payments-wrapper #menu-internet-payments-sliding-tray-container .menu.internet-payments-sliding-tray .content {
        display: block; }
        .internet-payments-wrapper #menu-internet-payments-sliding-tray-container .menu.internet-payments-sliding-tray .content .menu {
          width: 100%; }
        .internet-payments-wrapper #menu-internet-payments-sliding-tray-container .menu.internet-payments-sliding-tray .content .body.mobile {
          -webkit-animation-duration: 0.4s;
                  animation-duration: 0.4s;
          -webkit-animation-name: slide-in;
                  animation-name: slide-in;
          background-color: #FFFFFF;
          height: 100%;
          max-width: 100%;
          position: absolute;
          right: 0;
          top: 0;
          width: 100%;
          z-index: 1; }
      @-webkit-keyframes slide-in {
        0% {
          right: -100%; }
        100% {
          right: 0px; } }
      @keyframes slide-in {
        0% {
          right: -100%; }
        100% {
          right: 0px; } }
          .internet-payments-wrapper #menu-internet-payments-sliding-tray-container .menu.internet-payments-sliding-tray .content .body.mobile .header {
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin-bottom: 1.42857em;
            padding-bottom: 1.28571em; }
            .internet-payments-wrapper #menu-internet-payments-sliding-tray-container .menu.internet-payments-sliding-tray .content .body.mobile .header .mobile-back-button {
              margin-right: 15px; }
            .internet-payments-wrapper #menu-internet-payments-sliding-tray-container .menu.internet-payments-sliding-tray .content .body.mobile .header h2 {
              line-height: 2em;
              margin: 0; }
          .internet-payments-wrapper #menu-internet-payments-sliding-tray-container .menu.internet-payments-sliding-tray .content .body.mobile .actions {
            bottom: 0;
            left: 0;
            position: absolute;
            z-index: 1; } }
  @media only screen and (max-width: 767px) {
    .internet-payments-wrapper #menu-internet-payments-sliding-tray-container .menu.internet-payments-sliding-tray .actions .button.inverted:hover {
      background-color: transparent; } }
  .internet-payments-wrapper #menu-internet-payments-sliding-tray-container .menu.internet-payments-sliding-tray .actions .button.left {
    margin-right: auto; }

.internet-payments-wrapper #menu-internet-payments-sliding-tray-container.menu-sliding-filter-tray .menu.internet-payments-sliding-tray .content > .menu .item .unsaved,
.internet-payments-wrapper #menu-internet-payments-sliding-tray-container.menu-sliding-filter-tray .menu.internet-payments-sliding-tray .content > .menu .item .error {
  border-radius: 100%;
  display: inline-block;
  height: 12px;
  margin: 0 2px;
  width: 12px; }

.internet-payments-wrapper #menu-internet-payments-sliding-tray-container.menu-sliding-filter-tray .menu.internet-payments-sliding-tray .content > .menu .item .error {
  background-color: #B00020; }

.internet-payments-wrapper #menu-internet-payments-sliding-tray-container.menu-sliding-filter-tray .menu.internet-payments-sliding-tray .content > .menu .item .unsaved {
  background-color: #0E5BF3; }

.internet-payments-wrapper #menu-internet-payments-sliding-tray-container.menu-sliding-filter-tray .menu.internet-payments-sliding-tray .content > .menu .item .clear-selected {
  background-color: #0E5BF3;
  border-radius: 100%;
  color: #FFFFFF;
  display: inline-block;
  height: 20px;
  text-align: center;
  width: 20px; }
  .internet-payments-wrapper #menu-internet-payments-sliding-tray-container.menu-sliding-filter-tray .menu.internet-payments-sliding-tray .content > .menu .item .clear-selected .icon {
    height: 100%;
    width: 100%; }

.internet-payments-wrapper #menu-internet-payments-sliding-tray-container.menu-sliding-filter-tray .menu.internet-payments-sliding-tray .content > .menu .menu-header {
  padding: 1.14286em 1.14286em; }
  .internet-payments-wrapper #menu-internet-payments-sliding-tray-container.menu-sliding-filter-tray .menu.internet-payments-sliding-tray .content > .menu .menu-header .template-dropdown .text {
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 30px); }
  .internet-payments-wrapper #menu-internet-payments-sliding-tray-container.menu-sliding-filter-tray .menu.internet-payments-sliding-tray .content > .menu .menu-header .template-dropdown .menu .item {
    max-width: 192px;
    overflow-wrap: break-word;
    padding-right: 2em !important;
    white-space: normal; }
    .internet-payments-wrapper #menu-internet-payments-sliding-tray-container.menu-sliding-filter-tray .menu.internet-payments-sliding-tray .content > .menu .menu-header .template-dropdown .menu .item .delete-icon {
      background-color: transparent;
      border: none;
      height: 20px;
      padding: 0;
      position: absolute;
      right: 5px;
      top: 9px;
      width: 20px; }
  .internet-payments-wrapper #menu-internet-payments-sliding-tray-container.menu-sliding-filter-tray .menu.internet-payments-sliding-tray .content > .menu .menu-header .template-dropdown .disabled .menu {
    visibility: hidden !important; }

.internet-payments-wrapper #menu-internet-payments-sliding-tray-container.menu-sliding-filter-tray .menu.internet-payments-sliding-tray .content > .body .container.batch-number .batch-number-input {
  margin-bottom: 10px; }

.internet-payments-wrapper #menu-internet-payments-sliding-tray-container.menu-sliding-filter-tray .menu.internet-payments-sliding-tray .content > .body .container.batch-number .component.chip {
  margin: 4px 3px; }

.internet-payments-wrapper #menu-internet-payments-sliding-tray-container.menu-sliding-filter-tray .menu.internet-payments-sliding-tray .actions .template-actions {
  padding-top: 1.14286em;
  width: 100%; }
  .internet-payments-wrapper #menu-internet-payments-sliding-tray-container.menu-sliding-filter-tray .menu.internet-payments-sliding-tray .actions .template-actions .template-name-input .error + .sub-text {
    color: #B00020; }

@media only screen and (max-width: 470px) {
  .internet-payments-wrapper #menu-internet-payments-sliding-tray-container.menu-sliding-filter-tray .menu.internet-payments-sliding-tray .actions {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    min-width: 320px; }
    .internet-payments-wrapper #menu-internet-payments-sliding-tray-container.menu-sliding-filter-tray .menu.internet-payments-sliding-tray .actions button:not(.full-width) {
      width: 44%; }
      .internet-payments-wrapper #menu-internet-payments-sliding-tray-container.menu-sliding-filter-tray .menu.internet-payments-sliding-tray .actions button:not(.full-width).save-as-template {
        margin-bottom: 0;
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1;
        width: 100%; } }

.internet-payments-wrapper .ach-details-tray .content .status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  padding: 16px 24px 0 24px; }
  .internet-payments-wrapper .ach-details-tray .content .status .status-container {
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    padding: 8px 16px 8px 16px;
    width: 100%; }
    .internet-payments-wrapper .ach-details-tray .content .status .status-container.enabled {
      border: 1px solid #48AA2F; }
    .internet-payments-wrapper .ach-details-tray .content .status .status-container.disabled {
      background-color: rgba(176, 0, 32, 0.08); }
    .internet-payments-wrapper .ach-details-tray .content .status .status-container.requested {
      border: 1px solid #f6a735;
      padding: 16px; }
    .internet-payments-wrapper .ach-details-tray .content .status .status-container .status-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 8px; }
      .internet-payments-wrapper .ach-details-tray .content .status .status-container .status-header.requested {
        background-color: rgba(246, 167, 53, 0.08);
        border-radius: 8px;
        padding: 8px 16px 8px 16px; }
    .internet-payments-wrapper .ach-details-tray .content .status .status-container .status-info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 8px;
      padding: 8px 0 8px 0; }
      .internet-payments-wrapper .ach-details-tray .content .status .status-container .status-info .note {
        font-weight: bold;
        padding: 4px 0 4px 0; }

.internet-payments-wrapper .ach-details-tray .content .details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  padding: 16px 24px 0 24px; }
  .internet-payments-wrapper .ach-details-tray .content .details .details-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    padding: 8px 0 8px 0; }

.internet-payments-wrapper .ach-details-tray .text-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px; }
  .internet-payments-wrapper .ach-details-tray .text-item .title {
    font-weight: bold; }

.internet-payments-wrapper .ach-details-tray .internet-payments-sliding-tray .actions .button.ach-button {
  width: 100%; }

.internet-payments-wrapper .location-selection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1.15rem; }
  .internet-payments-wrapper .location-selection .location-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .internet-payments-wrapper .location-selection .name {
    color: rgba(0, 0, 0, 0.87);
    font-size: 1.14286rem;
    font-weight: 700;
    letter-spacing: 0.15px;
    line-height: 1.7rem; }
  .internet-payments-wrapper .location-selection .merchant {
    color: rgba(0, 0, 0, 0.6);
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.25px;
    line-height: 1.42rem; }

.internet-payments-wrapper .left-menu-container {
  background-color: #FAFAFA;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  min-height: 100%;
  overflow-y: auto;
  scrollbar-width: none;
  width: 256px; }
  .internet-payments-wrapper .left-menu-container .ui.divider.split {
    border-color: rgba(0, 0, 0, 0.12);
    margin: 0; }
  .internet-payments-wrapper .left-menu-container .ui.vertical.menu {
    padding: 16px; }
    .internet-payments-wrapper .left-menu-container .ui.vertical.menu .content {
      background: none; }
      .internet-payments-wrapper .left-menu-container .ui.vertical.menu .content a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-weight: normal; }
      .internet-payments-wrapper .left-menu-container .ui.vertical.menu .content .nav-tab span {
        margin-left: 25px; }
    .internet-payments-wrapper .left-menu-container .ui.vertical.menu .item {
      background-color: #FAFAFA;
      height: 40px;
      line-height: 0;
      padding: 8px 8px 8px 0;
      width: 224px; }
      .internet-payments-wrapper .left-menu-container .ui.vertical.menu .item .nav-tab {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        color: #000000;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .internet-payments-wrapper .left-menu-container .ui.vertical.menu .item .nav-tab span {
          color: #000000;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          padding-left: 1rem; }
        .internet-payments-wrapper .left-menu-container .ui.vertical.menu .item .nav-tab i {
          margin-left: auto;
          padding-top: 6px; }
      .internet-payments-wrapper .left-menu-container .ui.vertical.menu .item.active {
        background: rgba(14, 91, 243, 0.06);
        border-left: none;
        border-radius: 8px; }
        .internet-payments-wrapper .left-menu-container .ui.vertical.menu .item.active .nav-tab {
          margin-left: 5px; }
          .internet-payments-wrapper .left-menu-container .ui.vertical.menu .item.active .nav-tab span,
          .internet-payments-wrapper .left-menu-container .ui.vertical.menu .item.active .nav-tab svg {
            color: #0E5BF3; }
          .internet-payments-wrapper .left-menu-container .ui.vertical.menu .item.active .nav-tab i {
            -webkit-transition: al .1s linear;
            transition: al .1s linear; }
      .internet-payments-wrapper .left-menu-container .ui.vertical.menu .item:hover {
        background: rgba(0, 0, 0, 0.04);
        border-radius: 8px; }
    .internet-payments-wrapper .left-menu-container .ui.vertical.menu .item.apm-services {
      height: auto;
      line-height: 1.5; }
    .internet-payments-wrapper .left-menu-container .ui.vertical.menu .title.active .nav-tab span,
    .internet-payments-wrapper .left-menu-container .ui.vertical.menu .title.active .nav-tab i,
    .internet-payments-wrapper .left-menu-container .ui.vertical.menu .title.active .nav-tab svg {
      color: #0E5BF3; }
    .internet-payments-wrapper .left-menu-container .ui.vertical.menu .title.active .nav-tab i {
      margin-right: 12px;
      padding-top: 0;
      rotate: 90deg; }
  .internet-payments-wrapper .left-menu-container .change-location,
  .internet-payments-wrapper .left-menu-container .item.mobile.sign-out,
  .internet-payments-wrapper .left-menu-container .location-name {
    color: #000000; }
  .internet-payments-wrapper .left-menu-container .location-merchant {
    color: rgba(0, 0, 0, 0.6); }
  .internet-payments-wrapper .left-menu-container::-webkit-scrollbar {
    display: none; }

.internet-payments-wrapper .navigation-sidebar-wrapper {
  bottom: 0;
  left: 0;
  overflow-y: auto;
  position: fixed;
  scrollbar-width: none;
  top: 0;
  width: 0;
  z-index: 1000; }
  .internet-payments-wrapper .navigation-sidebar-wrapper .left-menu-container {
    left: 0;
    top: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
    z-index: 1001; }
  .internet-payments-wrapper .navigation-sidebar-wrapper.active {
    width: 100%; }
    .internet-payments-wrapper .navigation-sidebar-wrapper.active .left-menu-container {
      -webkit-transform: translateX(0%);
              transform: translateX(0%); }
  .internet-payments-wrapper .navigation-sidebar-wrapper .ui.dimmer {
    position: fixed;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s; }
    .internet-payments-wrapper .navigation-sidebar-wrapper .ui.dimmer.active {
      background-color: rgba(0, 0, 0, 0.4); }
  .internet-payments-wrapper .navigation-sidebar-wrapper::-webkit-scrollbar {
    display: none; }

.internet-payments-wrapper .widget-container {
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2); }
  .internet-payments-wrapper .widget-container .widget-container-header {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 88px;
    padding: 0 15px; }
  .internet-payments-wrapper .widget-container .widget-container-footer {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-top: 1px solid rgba(0, 0, 0, 0.16);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 58px;
    padding: 0 15px; }

.internet-payments-wrapper .ui.segment.ip-transactions-data {
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media all and (max-width: 1025px) {
    .internet-payments-wrapper .ui.segment.ip-transactions-data {
      height: 500px; }
      .internet-payments-wrapper .ui.segment.ip-transactions-data .column {
        padding: 1em 0.57143em; } }
    @media all and (max-width: 1025px) and (max-width: 600px) {
      .internet-payments-wrapper .ui.segment.ip-transactions-data .column .risk-status {
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: end; } }
  @media all and (max-width: 1025px) {
      .internet-payments-wrapper .ui.segment.ip-transactions-data .ui.grid {
        padding: 0; } }
  .internet-payments-wrapper .ui.segment.ip-transactions-data .ip-link {
    color: #0E5BF3;
    font-weight: bold; }
  .internet-payments-wrapper .ui.segment.ip-transactions-data .ui.clearing.header {
    font-weight: bold;
    margin: 0;
    padding-bottom: 1.42857em;
    padding-left: 1em; }
  .internet-payments-wrapper .ui.segment.ip-transactions-data .ui.grid {
    padding: 0 1em; }
    .internet-payments-wrapper .ui.segment.ip-transactions-data .ui.grid .row.grid-item {
      padding: 0;
      -webkit-transition: background-color 0.3s linear;
      transition: background-color 0.3s linear; }
      .internet-payments-wrapper .ui.segment.ip-transactions-data .ui.grid .row.grid-item:hover {
        background-color: rgba(14, 91, 243, 0.06); }
      .internet-payments-wrapper .ui.segment.ip-transactions-data .ui.grid .row.grid-item .column {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        white-space: nowrap; }
        .internet-payments-wrapper .ui.segment.ip-transactions-data .ui.grid .row.grid-item .column.right.aligned {
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end; }
        @media all and (max-width: 600px) {
          .internet-payments-wrapper .ui.segment.ip-transactions-data .ui.grid .row.grid-item .column .color-dot-value {
            display: none; } }
      .internet-payments-wrapper .ui.segment.ip-transactions-data .ui.grid .row.grid-item .card-icon {
        margin-right: 0.57143em; }
  .internet-payments-wrapper .ui.segment.ip-transactions-data .ip-transactions-tab-container {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-height: 0; }
    .internet-payments-wrapper .ui.segment.ip-transactions-data .ip-transactions-tab-container .tab-container-header-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      width: 100%; }
      .internet-payments-wrapper .ui.segment.ip-transactions-data .ip-transactions-tab-container .tab-container-header-list .tab-container-header {
        -webkit-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline;
        border-bottom: 0;
        border-top: 4px solid transparent;
        color: rgba(0, 0, 0, 0.6);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 33.333%;
                flex: 0 0 33.333%;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        line-height: 1.6;
        padding: 1.15rem 0 1.42857em 0; }
        .internet-payments-wrapper .ui.segment.ip-transactions-data .ip-transactions-tab-container .tab-container-header-list .tab-container-header:hover {
          border-color: #f1f5fe;
          color: rgba(0, 0, 0, 0.87); }
        .internet-payments-wrapper .ui.segment.ip-transactions-data .ip-transactions-tab-container .tab-container-header-list .tab-container-header.item.active {
          border-color: #136EF6 !important;
          color: rgba(0, 0, 0, 0.87); }
        @media only screen and (max-width: 767px) {
          .internet-payments-wrapper .ui.segment.ip-transactions-data .ip-transactions-tab-container .tab-container-header-list .tab-container-header {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 50%;
                    flex: 0 0 50%; } }
  .internet-payments-wrapper .ui.segment.ip-transactions-data .tab-container-root {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%; }
    .internet-payments-wrapper .ui.segment.ip-transactions-data .tab-container-root .ui.segment.menu-container {
      padding: 0 !important; }
    .internet-payments-wrapper .ui.segment.ip-transactions-data .tab-container-root .tab-container-content {
      border: none;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      overflow: auto; }
  .internet-payments-wrapper .ui.segment.ip-transactions-data .widget-footer {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: auto; }

.internet-payments-wrapper .ip-chargeback-container {
  background: #FF5625;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 0.5rem);
          flex: 0 0 calc(50% - 0.5rem);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 0.57143em; }

.internet-payments-wrapper .ip-dispute-container {
  background: #0E5BF3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 0.5rem);
          flex: 0 0 calc(50% - 0.5rem);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-right: 0.57143em; }

.internet-payments-wrapper .ip-fraud-risk-container {
  background-color: #FFFFFF;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 2em; }
  .internet-payments-wrapper .ip-fraud-risk-container .ip-fraud-risk-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 1.71429em 1.07143em; }
  .internet-payments-wrapper .ip-fraud-risk-container .title {
    font-size: 1.42857rem;
    line-height: 1.2;
    margin: 0;
    padding: 1.35rem 0 1.7rem 1.15rem; }
  .internet-payments-wrapper .ip-fraud-risk-container h4 {
    font-size: 2.42857rem;
    font-weight: 400;
    line-height: 1.05;
    margin: 0; }

.internet-payments-wrapper .ip-auth-dispute-rate-container {
  background-color: #FFFFFF;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2); }

@media all and (max-width: 600px) {
  .internet-payments-wrapper .ui.segment.ip-transactions-risk.table-widget-group {
    height: 600px !important;
    margin-bottom: 15%; } }

.internet-payments-wrapper .ui.segment.ip-transactions-risk.table-widget-group .ip-transactions-risk-container {
  background-color: #F2F2F2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%; }
  .internet-payments-wrapper .ui.segment.ip-transactions-risk.table-widget-group .ip-transactions-risk-container .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0; }
  @media all and (max-width: 600px) {
    .internet-payments-wrapper .ui.segment.ip-transactions-risk.table-widget-group .ip-transactions-risk-container .row {
      -webkit-box-flex: 0;
          -ms-flex: 0;
              flex: 0; }
    .internet-payments-wrapper .ui.segment.ip-transactions-risk.table-widget-group .ip-transactions-risk-container .ip-fraud-risk-items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: 0; }
      .internet-payments-wrapper .ui.segment.ip-transactions-risk.table-widget-group .ip-transactions-risk-container .ip-fraud-risk-items > .ip-fraud-risk-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 1em 0; } }
  @media all and (max-width: 390px) {
    .internet-payments-wrapper .ui.segment.ip-transactions-risk.table-widget-group .ip-transactions-risk-container .row .ip-dispute-container .row span:last-child, .internet-payments-wrapper .ui.segment.ip-transactions-risk.table-widget-group .ip-transactions-risk-container .row .ip-chargeback-container .row span:last-child {
      font-size: 2.42857rem; } }

.internet-payments-wrapper .ui.segment.ip-notifications-data {
  background-color: transparent;
  height: auto !important; }
  .internet-payments-wrapper .ui.segment.ip-notifications-data i {
    color: #f6a735; }

.internet-payments-wrapper .ip-notification-suspect-transactions-value {
  padding-left: 10px; }

.internet-payments-wrapper #ip-notifications-type-suspect-transactions {
  background-color: #FFFFFF;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 1.8em;
  padding: 1.07143em; }
  .internet-payments-wrapper #ip-notifications-type-suspect-transactions .header-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .internet-payments-wrapper #ip-notifications-type-suspect-transactions .ip-notification-link {
    color: #0E5BF3;
    font-weight: bold;
    margin-left: auto; }
  @media all and (max-width: 600px) {
    .internet-payments-wrapper #ip-notifications-type-suspect-transactions {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 0.71429em; }
      .internet-payments-wrapper #ip-notifications-type-suspect-transactions .ip-notification-suspect-transactions-value,
      .internet-payments-wrapper #ip-notifications-type-suspect-transactions .header-container {
        -ms-flex-item-align: start;
            align-self: start; }
      .internet-payments-wrapper #ip-notifications-type-suspect-transactions .header-container {
        padding-left: 0.42857em;
        padding-top: 0.35714em; }
      .internet-payments-wrapper #ip-notifications-type-suspect-transactions .ip-notification-link {
        -ms-flex-item-align: end;
            align-self: end;
        padding-right: 0.35714em; } }

.internet-payments-wrapper .ui.segment.summary-data-card {
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .internet-payments-wrapper .ui.segment.summary-data-card .summary-tab-content {
    -webkit-box-align: inherit !important;
        -ms-flex-align: inherit !important;
            align-items: inherit !important;
    height: 100%;
    padding: 0 !important; }
  .internet-payments-wrapper .ui.segment.summary-data-card .row.chart-row {
    -webkit-box-align: inherit !important;
        -ms-flex-align: inherit !important;
            align-items: inherit !important;
    height: 100%;
    padding: 0 !important; }
  .internet-payments-wrapper .ui.segment.summary-data-card .line-chart {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    .internet-payments-wrapper .ui.segment.summary-data-card .line-chart circle {
      stroke: inherit;
      stroke-width: inherit; }
  .internet-payments-wrapper .ui.segment.summary-data-card .summary-data-tab-container {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-height: 0; }
    .internet-payments-wrapper .ui.segment.summary-data-card .summary-data-tab-container .menu-container {
      padding-top: 0 !important; }
    .internet-payments-wrapper .ui.segment.summary-data-card .summary-data-tab-container .tab-container-header-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      width: 100%; }
      .internet-payments-wrapper .ui.segment.summary-data-card .summary-data-tab-container .tab-container-header-list .tab-container-header {
        border-bottom: 0;
        border-top: 4px solid transparent;
        color: rgba(0, 0, 0, 0.6);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        padding: 1.14286em 0;
        text-align: left; }
        .internet-payments-wrapper .ui.segment.summary-data-card .summary-data-tab-container .tab-container-header-list .tab-container-header .data {
          padding-left: 1.42857em; }
          .internet-payments-wrapper .ui.segment.summary-data-card .summary-data-tab-container .tab-container-header-list .tab-container-header .data .name {
            color: rgba(0, 0, 0, 0.6);
            font-size: 0.85714rem;
            letter-spacing: 0.1px;
            margin-bottom: 0.28571em; }
            .internet-payments-wrapper .ui.segment.summary-data-card .summary-data-tab-container .tab-container-header-list .tab-container-header .data .name h4 {
              line-height: 24px; }
          .internet-payments-wrapper .ui.segment.summary-data-card .summary-data-tab-container .tab-container-header-list .tab-container-header .data .value {
            color: rgba(0, 0, 0, 0.6);
            font-size: 1.14286rem;
            letter-spacing: 0.15px;
            line-height: 24px; }
        .internet-payments-wrapper .ui.segment.summary-data-card .summary-data-tab-container .tab-container-header-list .tab-container-header:hover {
          border-color: #f1f5fe; }
          .internet-payments-wrapper .ui.segment.summary-data-card .summary-data-tab-container .tab-container-header-list .tab-container-header:hover .value,
          .internet-payments-wrapper .ui.segment.summary-data-card .summary-data-tab-container .tab-container-header-list .tab-container-header:hover .name {
            color: rgba(0, 0, 0, 0.87); }
        .internet-payments-wrapper .ui.segment.summary-data-card .summary-data-tab-container .tab-container-header-list .tab-container-header.active {
          border-color: #136EF6 !important;
          color: rgba(0, 0, 0, 0.87);
          line-height: 24px; }
          .internet-payments-wrapper .ui.segment.summary-data-card .summary-data-tab-container .tab-container-header-list .tab-container-header.active .value,
          .internet-payments-wrapper .ui.segment.summary-data-card .summary-data-tab-container .tab-container-header-list .tab-container-header.active .name {
            color: rgba(0, 0, 0, 0.87); }
  .internet-payments-wrapper .ui.segment.summary-data-card .tab-container-root {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%; }
    .internet-payments-wrapper .ui.segment.summary-data-card .tab-container-root .tab-container-content {
      border-top: none;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      overflow: hidden;
      padding: 0 !important; }

.internet-payments-wrapper main.site-content .article .page-wrapper .transactions-controls-header-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.35714em; }
  .internet-payments-wrapper main.site-content .article .page-wrapper .transactions-controls-header-mobile .ui.header {
    font-size: 1.5em;
    line-height: 2.4em;
    margin-bottom: 0; }

.internet-payments-wrapper main.site-content .article .page-wrapper .transactions-controls-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  padding-right: 1.07143em;
  width: 200%; }
  .internet-payments-wrapper main.site-content .article .page-wrapper .transactions-controls-mobile .dropdown {
    margin-top: 1.42857em; }

@media only screen and (max-width: 767px) {
  .internet-payments-wrapper .transactions-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0; } }

.internet-payments-wrapper .transactions-controls .list-search {
  width: 400px; }

.internet-payments-wrapper .transactions-controls .desktop-controls {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.internet-payments-wrapper .transactions-controls .date-picker input {
  border-radius: 40px;
  width: 100px; }

.internet-payments-wrapper .transactions-controls .desktop-datepicker > .datetime-range-picker-input {
  min-width: 175px; }

.internet-payments-wrapper .transactions-controls .transactions-controls-one {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  min-width: 415px; }

.internet-payments-wrapper .transactions-controls .ui.button {
  min-width: unset !important; }

.internet-payments-wrapper .transactions-controls .ui.filter-button {
  position: initial; }

.internet-payments-wrapper .transactions-controls .locations-filter {
  margin-right: 10px; }
  .internet-payments-wrapper .transactions-controls .locations-filter .expand-button {
    display: none; }
  .internet-payments-wrapper .transactions-controls .locations-filter .checkbox-tree ul.tree-nodes li {
    height: 34px; }

.internet-payments-wrapper .transactions-controls .slideout-search {
  margin-right: 0.57143em; }

.internet-payments-wrapper .transactions-controls .mobile-filter-button {
  margin-right: 0.71429em; }

.internet-payments-wrapper .transactions-controls .filter-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 1.42857em;
  padding-bottom: 0.71429em; }

.internet-payments-wrapper .transactions-controls .filter-dropdowns {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #ececec;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 1.42857em; }
  .internet-payments-wrapper .transactions-controls .filter-dropdowns .dropdown-mini-settings-container {
    margin-bottom: 0.71429em; }
    .internet-payments-wrapper .transactions-controls .filter-dropdowns .dropdown-mini-settings-container .item {
      padding: 0 !important; }
      .internet-payments-wrapper .transactions-controls .filter-dropdowns .dropdown-mini-settings-container .item .ui.checkbox {
        cursor: pointer;
        padding: 0.85rem 1.15rem !important;
        position: relative;
        width: 100%; }
        .internet-payments-wrapper .transactions-controls .filter-dropdowns .dropdown-mini-settings-container .item .ui.checkbox input[type="checkbox"] {
          left: 1.15rem !important;
          top: 0.85rem; }
        .internet-payments-wrapper .transactions-controls .filter-dropdowns .dropdown-mini-settings-container .item .ui.checkbox:not(.toggle):hover::before, .internet-payments-wrapper .transactions-controls .filter-dropdowns .dropdown-mini-settings-container .item .ui.checkbox.checked:not(.toggle):hover::before, .internet-payments-wrapper .transactions-controls .filter-dropdowns .dropdown-mini-settings-container .item .ui.checkbox.partially-selected:hover::before {
          left: calc(1.15rem - 7px) !important;
          top: calc(0.85rem - 7px); }
    .internet-payments-wrapper .transactions-controls .filter-dropdowns .dropdown-mini-settings-container.filterable-list-dropdown .menu .actions {
      margin-top: 0; }
    .internet-payments-wrapper .transactions-controls .filter-dropdowns .dropdown-mini-settings-container.filterable-list-dropdown .menu .general-search input {
      background-color: #F5F5F5;
      border: 1px solid #F5F5F5;
      border-radius: 40px; }
      .internet-payments-wrapper .transactions-controls .filter-dropdowns .dropdown-mini-settings-container.filterable-list-dropdown .menu .general-search input::-webkit-input-placeholder {
        color: #000000; }
      .internet-payments-wrapper .transactions-controls .filter-dropdowns .dropdown-mini-settings-container.filterable-list-dropdown .menu .general-search input::-moz-placeholder {
        color: #000000; }
      .internet-payments-wrapper .transactions-controls .filter-dropdowns .dropdown-mini-settings-container.filterable-list-dropdown .menu .general-search input::-ms-input-placeholder {
        color: #000000; }
      .internet-payments-wrapper .transactions-controls .filter-dropdowns .dropdown-mini-settings-container.filterable-list-dropdown .menu .general-search input::placeholder {
        color: #000000; }
    .internet-payments-wrapper .transactions-controls .filter-dropdowns .dropdown-mini-settings-container.filterable-list-dropdown .menu .general-search .ui.icon.input {
      width: 100%; }
      .internet-payments-wrapper .transactions-controls .filter-dropdowns .dropdown-mini-settings-container.filterable-list-dropdown .menu .general-search .ui.icon.input i.icon {
        color: #000000; }
    .internet-payments-wrapper .transactions-controls .filter-dropdowns .dropdown-mini-settings-container.amounts .menu {
      padding-top: 1.14286em; }
      .internet-payments-wrapper .transactions-controls .filter-dropdowns .dropdown-mini-settings-container.amounts .menu .internet-payments-input-container {
        margin: 0 1.14286em 1.14286em 1.14286em; }
        .internet-payments-wrapper .transactions-controls .filter-dropdowns .dropdown-mini-settings-container.amounts .menu .internet-payments-input-container .internet-payments-input.input.error input {
          background: inherit; }
    .internet-payments-wrapper .transactions-controls .filter-dropdowns .dropdown-mini-settings-container.amounts .error-message {
      background-color: #F8E5E8;
      border-radius: 0;
      color: #000000 !important;
      font-size: 0.85714rem !important;
      margin: 1.14286em !important;
      padding: 0.71429em 0.85714em; }
      .internet-payments-wrapper .transactions-controls .filter-dropdowns .dropdown-mini-settings-container.amounts .error-message .icon {
        color: #B00020;
        float: none !important;
        font-size: 1rem; }
    .internet-payments-wrapper .transactions-controls .filter-dropdowns .dropdown-mini-settings-container.merchant-batch-number-filter-dropdown .menu {
      padding-top: 1.14286em; }
      .internet-payments-wrapper .transactions-controls .filter-dropdowns .dropdown-mini-settings-container.merchant-batch-number-filter-dropdown .menu .controls-container {
        max-width: 372px;
        padding: 1.14286em;
        padding-bottom: 0.57143em;
        padding-top: 0;
        white-space: wrap; }
        .internet-payments-wrapper .transactions-controls .filter-dropdowns .dropdown-mini-settings-container.merchant-batch-number-filter-dropdown .menu .controls-container .batch-number-input {
          margin-bottom: 2px; }
        .internet-payments-wrapper .transactions-controls .filter-dropdowns .dropdown-mini-settings-container.merchant-batch-number-filter-dropdown .menu .controls-container .sub-text {
          color: rgba(0, 0, 0, 0.6);
          display: block;
          font-size: 0.85714rem;
          padding-bottom: 6px;
          padding-left: 8px; }
          .internet-payments-wrapper .transactions-controls .filter-dropdowns .dropdown-mini-settings-container.merchant-batch-number-filter-dropdown .menu .controls-container .sub-text.error {
            color: #B00020; }
        .internet-payments-wrapper .transactions-controls .filter-dropdowns .dropdown-mini-settings-container.merchant-batch-number-filter-dropdown .menu .controls-container p {
          color: #989898;
          font-size: 12px;
          padding-left: 8px; }
        .internet-payments-wrapper .transactions-controls .filter-dropdowns .dropdown-mini-settings-container.merchant-batch-number-filter-dropdown .menu .controls-container .component.chip {
          margin-bottom: 0.14286em;
          margin-top: 0.14286em; }
    .internet-payments-wrapper .transactions-controls .filter-dropdowns .dropdown-mini-settings-container.business-date-dropdown .single-date-picker .s4cal-input {
      width: 370px !important; }
      .internet-payments-wrapper .transactions-controls .filter-dropdowns .dropdown-mini-settings-container.business-date-dropdown .single-date-picker .s4cal-input .s4cal-prev .icon.chevron,
      .internet-payments-wrapper .transactions-controls .filter-dropdowns .dropdown-mini-settings-container.business-date-dropdown .single-date-picker .s4cal-input .s4cal-next .icon.chevron {
        font-size: 1.28571em;
        margin-left: unset; }
  .internet-payments-wrapper .transactions-controls .filter-dropdowns .button.primary.inverted.reset-button {
    border: none;
    margin: 0;
    margin-top: -10px; }
  .internet-payments-wrapper .transactions-controls .filter-dropdowns .date-range-picker-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.internet-payments-wrapper .transactions-controls .kebab-menu {
  margin-left: auto;
  padding-top: 1.42857em; }
  @media only screen and (max-width: 767px) {
    .internet-payments-wrapper .transactions-controls .kebab-menu {
      padding-top: 0; } }

.internet-payments-wrapper .centered {
  text-align: center; }

.internet-payments-wrapper #internet-payments-sliding-tray-container .total-amount .input:nth-of-type(1) {
  margin-bottom: 1.07143em; }

.internet-payments-wrapper .placeholder-for-data-table {
  -webkit-animation: fadeIn .3s ease-in-out;
          animation: fadeIn .3s ease-in-out; }
  .internet-payments-wrapper .placeholder-for-data-table .title {
    background-color: #f0f0f0;
    height: 40px;
    margin-bottom: 32px;
    width: 160px; }
  .internet-payments-wrapper .placeholder-for-data-table .divider {
    background-color: #f0f0f0;
    height: 1px;
    margin: 20px 0;
    width: 100%; }
  .internet-payments-wrapper .placeholder-for-data-table .inline-container {
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .internet-payments-wrapper .placeholder-for-data-table .inline-container .button {
      background-color: #f0f0f0;
      height: 40px;
      width: 90px; }
    .internet-payments-wrapper .placeholder-for-data-table .inline-container .text {
      background-color: #f0f0f0;
      height: 20px;
      width: 90px; }
    .internet-payments-wrapper .placeholder-for-data-table .inline-container .field {
      background-color: #f0f0f0;
      border-radius: 20px;
      height: 40px; }
      .internet-payments-wrapper .placeholder-for-data-table .inline-container .field.size-s {
        width: 90px; }
      .internet-payments-wrapper .placeholder-for-data-table .inline-container .field.size-m {
        width: 300px; }
      .internet-payments-wrapper .placeholder-for-data-table .inline-container .field.size-l {
        width: 400px; }

.internet-payments-wrapper #internet-payments-sliding-tray-container.transactions-data-table-tray .internet-payments-dropdown-wrapper {
  padding-bottom: 0.71429em; }
  .internet-payments-wrapper #internet-payments-sliding-tray-container.transactions-data-table-tray .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown {
    border-radius: 4px;
    color: #989898;
    max-height: 56px; }
    .internet-payments-wrapper #internet-payments-sliding-tray-container.transactions-data-table-tray .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown .text {
      color: #000000;
      font-size: 0.92857rem; }
      @media only screen and (max-width: 767px) {
        .internet-payments-wrapper #internet-payments-sliding-tray-container.transactions-data-table-tray .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown .text {
          font-size: 0.78571em; } }
    .internet-payments-wrapper #internet-payments-sliding-tray-container.transactions-data-table-tray .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown.active .icon {
      margin-top: 0; }
    .internet-payments-wrapper #internet-payments-sliding-tray-container.transactions-data-table-tray .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown .delete-icon {
      color: #00000099; }

@media only screen and (min-width: 1200px) {
  .internet-payments-wrapper #internet-payments-sliding-tray-container.transactions-data-table-tray .save-btn {
    white-space: nowrap; } }

.internet-payments-wrapper #internet-payments-sliding-tray-container.transactions-data-table-tray .saving-actions {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%; }
  .internet-payments-wrapper #internet-payments-sliding-tray-container.transactions-data-table-tray .saving-actions .input-container {
    margin-bottom: -0.71429em;
    margin-top: 0.71429em;
    padding-left: 0.71429em;
    padding-right: 0.71429em;
    width: 100%; }
    .internet-payments-wrapper #internet-payments-sliding-tray-container.transactions-data-table-tray .saving-actions .input-container .template-warning,
    .internet-payments-wrapper #internet-payments-sliding-tray-container.transactions-data-table-tray .saving-actions .input-container .template-message {
      color: #B00020;
      font-size: 0.85714rem;
      padding-left: 0.71429em;
      padding-top: 1px; }
    .internet-payments-wrapper #internet-payments-sliding-tray-container.transactions-data-table-tray .saving-actions .input-container .template-message {
      color: #136EF6; }
    .internet-payments-wrapper #internet-payments-sliding-tray-container.transactions-data-table-tray .saving-actions .input-container .internet-payments-input-container .internet-payments-input.input input {
      border-radius: 4px; }
    .internet-payments-wrapper #internet-payments-sliding-tray-container.transactions-data-table-tray .saving-actions .input-container .internet-payments-input-container.error .internet-payments-input.input .placeholder {
      color: #B00020; }
    .internet-payments-wrapper #internet-payments-sliding-tray-container.transactions-data-table-tray .saving-actions .input-container .internet-payments-input-container.error .internet-payments-input.input input {
      border-color: #B00020; }
  .internet-payments-wrapper #internet-payments-sliding-tray-container.transactions-data-table-tray .saving-actions .button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%; }

.internet-payments-wrapper #internet-payments-sliding-tray-container.transactions-data-table-tray .item {
  font-size: 0.92857rem;
  padding-bottom: 0.21429em;
  padding-top: 0.21429em; }
  @media only screen and (max-width: 767px) {
    .internet-payments-wrapper #internet-payments-sliding-tray-container.transactions-data-table-tray .item {
      font-size: 0.78571em; } }
  .internet-payments-wrapper #internet-payments-sliding-tray-container.transactions-data-table-tray .item .handle {
    cursor: pointer;
    float: right;
    height: 33px;
    padding-top: 0.28571em;
    text-align: right;
    width: 33px; }
    .internet-payments-wrapper #internet-payments-sliding-tray-container.transactions-data-table-tray .item .handle svg path {
      fill: rgba(0, 0, 0, 0.6); }
  .internet-payments-wrapper #internet-payments-sliding-tray-container.transactions-data-table-tray .item:hover .handle svg path {
    fill: rgba(0, 0, 0, 0.87); }
  .internet-payments-wrapper #internet-payments-sliding-tray-container.transactions-data-table-tray .item .ui.checkbox.partially-selected input.hidden:not(:checked) + label:before {
    background-color: #0E5BF3;
    border-color: #0E5BF3; }

.internet-payments-wrapper #internet-payments-sliding-tray-container.transactions-data-table-tray .is-dragging-object {
  border-radius: 4px;
  -webkit-box-shadow: 0px 4px 10px 4px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 4px 10px 4px rgba(0, 0, 0, 0.16);
  padding-left: 0.57143em;
  padding-right: 0.57143em; }
  .internet-payments-wrapper #internet-payments-sliding-tray-container.transactions-data-table-tray .is-dragging-object .item .handle svg path {
    fill: #0E5BF3; }

.internet-payments-wrapper .ui.segment.summary-bar-chart-card {
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%; }
  .internet-payments-wrapper .ui.segment.summary-bar-chart-card .chart-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 1.71429em;
    padding-top: 0.28571em; }
    @media all and (max-width: 1025px) {
      .internet-payments-wrapper .ui.segment.summary-bar-chart-card .chart-container {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        min-height: auto;
        padding-top: 0; } }
    @media screen and (max-width: 767px) {
      .internet-payments-wrapper .ui.segment.summary-bar-chart-card .chart-container {
        padding-left: 1.14286em; } }
    .internet-payments-wrapper .ui.segment.summary-bar-chart-card .chart-container .name {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 0.85714rem;
      line-height: 24px;
      margin-bottom: 0.28571em; }
      .internet-payments-wrapper .ui.segment.summary-bar-chart-card .chart-container .name h4 {
        line-height: 24px; }
      .internet-payments-wrapper .ui.segment.summary-bar-chart-card .chart-container .name .info {
        color: #626262;
        font-size: 1.14286rem;
        padding-left: 0.35714em; }
        .internet-payments-wrapper .ui.segment.summary-bar-chart-card .chart-container .name .info:hover {
          color: #136EF6; }
    .internet-payments-wrapper .ui.segment.summary-bar-chart-card .chart-container .value {
      font-size: 1.14286rem;
      line-height: 24px; }
    .internet-payments-wrapper .ui.segment.summary-bar-chart-card .chart-container .data {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 33.33%;
              flex: 0 0 33.33%;
      padding-top: 1.14286em; }
      .internet-payments-wrapper .ui.segment.summary-bar-chart-card .chart-container .data .value {
        font-size: 1.14286rem;
        letter-spacing: 0.25px;
        line-height: 24px; }
      .internet-payments-wrapper .ui.segment.summary-bar-chart-card .chart-container .data .name {
        font-size: 0.85714rem;
        line-height: 24px;
        margin-bottom: 0.28571em; }
        .internet-payments-wrapper .ui.segment.summary-bar-chart-card .chart-container .data .name h4 {
          line-height: 24px;
          white-space: nowrap; }
  .internet-payments-wrapper .ui.segment.summary-bar-chart-card .color-label {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .internet-payments-wrapper .ui.segment.summary-bar-chart-card .color-label:after {
      border-radius: 50%;
      content: '';
      display: inline-block;
      height: 12px;
      margin-left: 0.57143em;
      width: 12px; }
    .internet-payments-wrapper .ui.segment.summary-bar-chart-card .color-label.coming:after {
      background: #0E5BF3; }
    .internet-payments-wrapper .ui.segment.summary-bar-chart-card .color-label.payout {
      margin-bottom: 0; }
      .internet-payments-wrapper .ui.segment.summary-bar-chart-card .color-label.payout:after {
        background: #FF5625; }
    .internet-payments-wrapper .ui.segment.summary-bar-chart-card .color-label.reserve:after {
      background: #88B7FA; }
  .internet-payments-wrapper .ui.segment.summary-bar-chart-card .row.chart-row {
    -webkit-box-align: inherit !important;
        -ms-flex-align: inherit !important;
            align-items: inherit !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 100% !important;
            flex: 1 1 100% !important;
    min-height: 0;
    padding: 0 !important; }
  .internet-payments-wrapper .ui.segment.summary-bar-chart-card .column-chart {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }

.internet-payments-wrapper .payout-tray .content {
  scrollbar-width: none; }
  .internet-payments-wrapper .payout-tray .content ul {
    list-style-type: none;
    padding: 0; }
    .internet-payments-wrapper .payout-tray .content ul .going-item {
      border-radius: 5px;
      cursor: pointer;
      font-weight: bold;
      padding: 0.71429em; }
      .internet-payments-wrapper .payout-tray .content ul .going-item:hover {
        background: rgba(0, 0, 0, 0.03); }
  .internet-payments-wrapper .payout-tray .content::-webkit-scrollbar {
    display: none; }

.risk-block-list-form .risk-block-list-customer-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  padding: 0.71429em 0.21429em 0.35714em 0.21429em; }
  .risk-block-list-form .risk-block-list-customer-row .header {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .risk-block-list-form .risk-block-list-customer-row .label {
    color: #136EF6;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

.risk-block-list-form .risk-block-list-form-row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #D8D8D8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.71429em 0.21429em; }
  .risk-block-list-form .risk-block-list-form-row:last-of-type {
    border: none; }
  .risk-block-list-form .risk-block-list-form-row .header {
    font-weight: bold;
    padding-bottom: 0.42857em; }
  .risk-block-list-form .risk-block-list-form-row .ui.dropdown {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 100px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding: 0.71429em;
    width: 150px; }
    .risk-block-list-form .risk-block-list-form-row .ui.dropdown:hover {
      background-color: #ececec;
      border: 1px solid rgba(0, 0, 0, 0.38); }
    .risk-block-list-form .risk-block-list-form-row .ui.dropdown > .text {
      margin-right: 0.71429em; }
    .risk-block-list-form .risk-block-list-form-row .ui.dropdown > .icon {
      float: right; }
    .risk-block-list-form .risk-block-list-form-row .ui.dropdown .icon.risk-color-A {
      color: #48AA2F; }
    .risk-block-list-form .risk-block-list-form-row .ui.dropdown .icon.risk-color-D {
      color: #B00020; }
    .risk-block-list-form .risk-block-list-form-row .ui.dropdown .icon.risk-color-X {
      color: rgba(0, 0, 0, 0.38); }
    .risk-block-list-form .risk-block-list-form-row .ui.dropdown .icon.risk-color-N {
      color: rgba(0, 0, 0, 0.38); }

.internet-payments-wrapper .related-refunds {
  border: 1px solid #B00020;
  border-radius: 4px;
  margin-bottom: 1em; }
  .internet-payments-wrapper .related-refunds h3 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    padding: 1.14286em; }
    @media (min-width: 768px) {
      .internet-payments-wrapper .related-refunds h3 {
        font-size: 24px; } }
    .internet-payments-wrapper .related-refunds h3 i {
      color: #B00020; }
  .internet-payments-wrapper .related-refunds .scroll-table-wrapper .scroll-table {
    margin: 0px !important; }
    .internet-payments-wrapper .related-refunds .scroll-table-wrapper .scroll-table table {
      border-bottom: none;
      border-top: none;
      padding-bottom: 0; }
      .internet-payments-wrapper .related-refunds .scroll-table-wrapper .scroll-table table .transaction-id {
        color: #136EF6;
        cursor: pointer; }
      .internet-payments-wrapper .related-refunds .scroll-table-wrapper .scroll-table table tr th {
        padding: 0px;
        padding-bottom: 10px;
        padding-left: 10px; }
      .internet-payments-wrapper .related-refunds .scroll-table-wrapper .scroll-table table td {
        padding-left: 10px;
        padding-right: 10px; }

.internet-payments-wrapper .tray-label-card div label {
  margin: 0.28571em 0 0 0 !important; }

.internet-payments-wrapper .transaction-form .ui.stackable.grid.field > .wide.column {
  padding-left: 0 !important; }

.internet-payments-wrapper .transaction-form .chargeback-content {
  border: 1px solid #B00020;
  border-radius: 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 1.42857em;
  padding: 0.78571em; }
  .internet-payments-wrapper .transaction-form .chargeback-content .chargeback-warning {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: rgba(246, 53, 53, 0.08);
    border-radius: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1em;
    padding: 0.35714em;
    width: 100%; }
    .internet-payments-wrapper .transaction-form .chargeback-content .chargeback-warning svg {
      margin: 0.57143em; }

.internet-payments-wrapper .transaction-form .link {
  color: #136EF6;
  cursor: pointer;
  font-weight: 700;
  word-break: break-word; }

.internet-payments-wrapper .transaction-form .risk-block-list-status .risk-block-list-tooltip-container .icon {
  float: right; }

.internet-payments-wrapper .transaction-form .risk-block-list-status.risk-color-D > .ember-view > .ui.field > label,
.internet-payments-wrapper .transaction-form .risk-block-list-status.risk-color-D > .ember-view > .ui.field > label ~ div,
.internet-payments-wrapper .transaction-form .risk-block-list-status.risk-color-D > .ember-view > .ui.field .link {
  color: #B00020; }

.internet-payments-wrapper .transaction-form .ui.divider:not(.vertical):not(.horizontal) {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  margin-bottom: 1.57143em; }

.internet-payments-wrapper .transaction-form .risk-status {
  font-weight: 700; }

.internet-payments-wrapper .page {
  top: 56px !important; }

.internet-payments-wrapper {
  /* stylelint-disable no-descending-specificity */ }
  .internet-payments-wrapper .link {
    color: #136EF6;
    cursor: pointer;
    font-weight: bold;
    overflow-wrap: anywhere; }
  .internet-payments-wrapper .api-audit-trail-tray .content {
    padding: 20px; }
    .internet-payments-wrapper .api-audit-trail-tray .content .internet-payments-input-container .numbered-code-block.json-code-block .numbered-line:not(:first-of-type):not(:last-child) {
      padding-left: 35px; }
    .internet-payments-wrapper .api-audit-trail-tray .content .api-audit-trail-info-box {
      margin: 14px 0; }
      .internet-payments-wrapper .api-audit-trail-tray .content .api-audit-trail-info-box .header .title {
        text-transform: capitalize; }
  .internet-payments-wrapper .api-audit-trail-tray .divider {
    background-color: #f0f0f0;
    height: 1px;
    margin: 20px 0;
    width: 100%; }
  .internet-payments-wrapper .transaction-full-page .edit-business-date-button {
    color: #0E5BF3;
    cursor: pointer; }
  .internet-payments-wrapper .transaction-full-page .edit-business-date-modal {
    width: 370px; }
    .internet-payments-wrapper .transaction-full-page .edit-business-date-modal .dialog .body {
      padding: 0; }
    .internet-payments-wrapper .transaction-full-page .edit-business-date-modal .single-date-picker {
      margin: 0 auto; }
      .internet-payments-wrapper .transaction-full-page .edit-business-date-modal .single-date-picker > .ui.icon.input {
        padding-bottom: 3px; }
      .internet-payments-wrapper .transaction-full-page .edit-business-date-modal .single-date-picker .s4cal-input {
        border: none;
        -webkit-box-shadow: none;
                box-shadow: none;
        width: 370px !important; }

.transaction-full-page .transaction-full-page-body {
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  display: grid;
  grid-template-columns: 1fr 300px; }
  @media only screen and (max-width: 991px) {
    .transaction-full-page .transaction-full-page-body {
      border-radius: 0.28571em;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      grid-template-columns: auto;
      margin: 0 1.14286em;
      padding-top: 1.14286em; } }
  .transaction-full-page .transaction-full-page-body .ticket-panel .internet-payments-dropdown-wrapper.large-dropdown .internet-payments-dropdown.dropdown {
    padding: 0.64286em 0;
    -webkit-transition: none;
    transition: none; }
    .transaction-full-page .transaction-full-page-body .ticket-panel .internet-payments-dropdown-wrapper.large-dropdown .internet-payments-dropdown.dropdown .text {
      display: none; }
    .transaction-full-page .transaction-full-page-body .ticket-panel .internet-payments-dropdown-wrapper.large-dropdown .internet-payments-dropdown.dropdown .label {
      font-size: 1rem;
      top: 15px; }
      .transaction-full-page .transaction-full-page-body .ticket-panel .internet-payments-dropdown-wrapper.large-dropdown .internet-payments-dropdown.dropdown .label.active-text {
        font-size: 1rem;
        top: 15px; }
    .transaction-full-page .transaction-full-page-body .ticket-panel .internet-payments-dropdown-wrapper.large-dropdown .internet-payments-dropdown.dropdown.active .icon {
      -webkit-transform: none;
              transform: none; }
    .transaction-full-page .transaction-full-page-body .ticket-panel .internet-payments-dropdown-wrapper.large-dropdown .internet-payments-dropdown.dropdown:focus-within .label {
      font-size: 1rem;
      top: 15px; }
      .transaction-full-page .transaction-full-page-body .ticket-panel .internet-payments-dropdown-wrapper.large-dropdown .internet-payments-dropdown.dropdown:focus-within .label.active-text {
        font-size: 1rem;
        top: 15px; }
  .transaction-full-page .transaction-full-page-body .refund-adjust-risk-capture-container .refund-container, .transaction-full-page .transaction-full-page-body .refund-adjust-risk-capture-container .auth-capture-container {
    display: inline-block;
    position: relative;
    width: 100%; }
    .transaction-full-page .transaction-full-page-body .refund-adjust-risk-capture-container .refund-container .tooltip, .transaction-full-page .transaction-full-page-body .refund-adjust-risk-capture-container .auth-capture-container .tooltip {
      background: #090304;
      border-radius: 4px;
      bottom: 100%;
      color: #FFFFFF;
      font-size: 1rem;
      margin-bottom: 10px;
      margin-right: -150px;
      opacity: 0;
      padding: 0.28571em 0.71429em;
      pointer-events: none;
      position: absolute;
      right: 60%;
      -webkit-transition: opacity ease-in-out 0.5s;
      transition: opacity ease-in-out 0.5s;
      white-space: normal;
      z-index: 1; }
    .transaction-full-page .transaction-full-page-body .refund-adjust-risk-capture-container .refund-container:hover .tooltip, .transaction-full-page .transaction-full-page-body .refund-adjust-risk-capture-container .refund-container:active .tooltip, .transaction-full-page .transaction-full-page-body .refund-adjust-risk-capture-container .auth-capture-container:hover .tooltip, .transaction-full-page .transaction-full-page-body .refund-adjust-risk-capture-container .auth-capture-container:active .tooltip {
      opacity: 1; }
    @media only screen and (max-width: 991px) {
      .transaction-full-page .transaction-full-page-body .refund-adjust-risk-capture-container .refund-container, .transaction-full-page .transaction-full-page-body .refund-adjust-risk-capture-container .auth-capture-container {
        margin-top: 3.42857em;
        max-width: initial; } }
    .transaction-full-page .transaction-full-page-body .refund-adjust-risk-capture-container .refund-container .internet-payments-dropdown-wrapper.large-dropdown .internet-payments-dropdown.dropdown, .transaction-full-page .transaction-full-page-body .refund-adjust-risk-capture-container .auth-capture-container .internet-payments-dropdown-wrapper.large-dropdown .internet-payments-dropdown.dropdown {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-radius: 4px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-bottom: 16px;
      padding: 0.64286em 0;
      text-align: center; }
      .transaction-full-page .transaction-full-page-body .refund-adjust-risk-capture-container .refund-container .internet-payments-dropdown-wrapper.large-dropdown .internet-payments-dropdown.dropdown .icon, .transaction-full-page .transaction-full-page-body .refund-adjust-risk-capture-container .auth-capture-container .internet-payments-dropdown-wrapper.large-dropdown .internet-payments-dropdown.dropdown .icon {
        margin: 0 0 0 15px !important;
        position: initial; }
        .transaction-full-page .transaction-full-page-body .refund-adjust-risk-capture-container .refund-container .internet-payments-dropdown-wrapper.large-dropdown .internet-payments-dropdown.dropdown .icon:hover, .transaction-full-page .transaction-full-page-body .refund-adjust-risk-capture-container .auth-capture-container .internet-payments-dropdown-wrapper.large-dropdown .internet-payments-dropdown.dropdown .icon:hover {
          border: none; }
      .transaction-full-page .transaction-full-page-body .refund-adjust-risk-capture-container .refund-container .internet-payments-dropdown-wrapper.large-dropdown .internet-payments-dropdown.dropdown .text, .transaction-full-page .transaction-full-page-body .refund-adjust-risk-capture-container .auth-capture-container .internet-payments-dropdown-wrapper.large-dropdown .internet-payments-dropdown.dropdown .text {
        display: none; }
      .transaction-full-page .transaction-full-page-body .refund-adjust-risk-capture-container .refund-container .internet-payments-dropdown-wrapper.large-dropdown .internet-payments-dropdown.dropdown .label, .transaction-full-page .transaction-full-page-body .refund-adjust-risk-capture-container .auth-capture-container .internet-payments-dropdown-wrapper.large-dropdown .internet-payments-dropdown.dropdown .label {
        font-size: 1rem;
        left: 0;
        position: initial; }
      .transaction-full-page .transaction-full-page-body .refund-adjust-risk-capture-container .refund-container .internet-payments-dropdown-wrapper.large-dropdown .internet-payments-dropdown.dropdown.disabled, .transaction-full-page .transaction-full-page-body .refund-adjust-risk-capture-container .auth-capture-container .internet-payments-dropdown-wrapper.large-dropdown .internet-payments-dropdown.dropdown.disabled {
        background-color: #FFFFFF;
        border: 1px solid rgba(0, 0, 0, 0.38); }
        .transaction-full-page .transaction-full-page-body .refund-adjust-risk-capture-container .refund-container .internet-payments-dropdown-wrapper.large-dropdown .internet-payments-dropdown.dropdown.disabled .label, .transaction-full-page .transaction-full-page-body .refund-adjust-risk-capture-container .auth-capture-container .internet-payments-dropdown-wrapper.large-dropdown .internet-payments-dropdown.dropdown.disabled .label {
          color: rgba(0, 0, 0, 0.38); }
      .transaction-full-page .transaction-full-page-body .refund-adjust-risk-capture-container .refund-container .internet-payments-dropdown-wrapper.large-dropdown .internet-payments-dropdown.dropdown .menu .item.disabled, .transaction-full-page .transaction-full-page-body .refund-adjust-risk-capture-container .auth-capture-container .internet-payments-dropdown-wrapper.large-dropdown .internet-payments-dropdown.dropdown .menu .item.disabled {
        opacity: 0.5; }
  @media only screen and (min-width: 992px) {
    .transaction-full-page .transaction-full-page-body .refund-adjust-risk-capture-container {
      padding-left: 2.14286em; } }
  .transaction-full-page .transaction-full-page-body .details {
    border-radius: 4px;
    width: 100%; }
    .transaction-full-page .transaction-full-page-body .details .chargeback {
      border: 1px solid #B00020;
      border-radius: 4px;
      margin-bottom: 1em; }
      .transaction-full-page .transaction-full-page-body .details .chargeback .chargeback-summary {
        border-bottom: 1px solid #D8D8D8;
        padding: 1.42857em; }
        .transaction-full-page .transaction-full-page-body .details .chargeback .chargeback-summary .warning {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          font-size: 1.42857rem; }
          .transaction-full-page .transaction-full-page-body .details .chargeback .chargeback-summary .warning svg {
            margin-right: 1em;
            min-width: 20px; }
        .transaction-full-page .transaction-full-page-body .details .chargeback .chargeback-summary .description {
          margin-top: 1.28571em; }
          .transaction-full-page .transaction-full-page-body .details .chargeback .chargeback-summary .description .title {
            font-weight: bold;
            margin-bottom: 0.71429em; }
      .transaction-full-page .transaction-full-page-body .details .chargeback h2 {
        margin: 1.14286em 0 0 1.42857em; }
      .transaction-full-page .transaction-full-page-body .details .chargeback .chargeback-details {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin-bottom: 1.28571em;
        padding-right: 2.14286em; }
        .transaction-full-page .transaction-full-page-body .details .chargeback .chargeback-details .info-tile {
          -webkit-box-shadow: none;
                  box-shadow: none;
          padding: 1.14286em 1.14286em 0 1.14286em; }
          .transaction-full-page .transaction-full-page-body .details .chargeback .chargeback-details .info-tile span:first-child {
            margin-bottom: 0.28571em; }
          .transaction-full-page .transaction-full-page-body .details .chargeback .chargeback-details .info-tile .color-dot-value {
            white-space: nowrap; }
        @media only screen and (max-width: 767px) {
          .transaction-full-page .transaction-full-page-body .details .chargeback .chargeback-details {
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; } }
    .transaction-full-page .transaction-full-page-body .details .details-button-container {
      background-color: #FAFAFA;
      border-bottom: 1px solid #D8D8D8;
      padding: 2.14286em; }
    .transaction-full-page .transaction-full-page-body .details .details-card {
      background-color: #FAFAFA;
      border-bottom: 1px solid #D8D8D8;
      -webkit-column-gap: 40px;
         -moz-column-gap: 40px;
              column-gap: 40px;
      display: grid;
      padding: 2.14286em;
      row-gap: 40px;
      grid-template-columns: repeat(3, 1fr); }
      .transaction-full-page .transaction-full-page-body .details .details-card h2 {
        grid-column-start: span 3; }
      .transaction-full-page .transaction-full-page-body .details .details-card.customer .email .email-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      .transaction-full-page .transaction-full-page-body .details .details-card.miscellaneous-notes {
        display: block; }
        .transaction-full-page .transaction-full-page-body .details .details-card.miscellaneous-notes .notes {
          word-break: break-all; }
        .transaction-full-page .transaction-full-page-body .details .details-card.miscellaneous-notes .message {
          color: rgba(0, 0, 0, 0.38);
          font-size: 1.07143em;
          font-weight: bold;
          padding: 2.14286em 0;
          text-align: center; }
      .transaction-full-page .transaction-full-page-body .details .details-card h2 {
        margin-bottom: 0.35714em; }
      @media only screen and (max-width: 767px) {
        .transaction-full-page .transaction-full-page-body .details .details-card {
          padding: 1.42857em;
          grid-template-columns: repeat(1, 1fr); }
          .transaction-full-page .transaction-full-page-body .details .details-card h2 {
            grid-column-start: span 1; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .transaction-full-page .transaction-full-page-body .details .details-card {
          grid-template-columns: repeat(2, 1fr); }
          .transaction-full-page .transaction-full-page-body .details .details-card h2 {
            grid-column-start: span 2; } }
      .transaction-full-page .transaction-full-page-body .details .details-card .details-card-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .transaction-full-page .transaction-full-page-body .details .details-card .details-card-item .centered {
          text-align: left; }
        .transaction-full-page .transaction-full-page-body .details .details-card .details-card-item .item-label {
          font-size: 1em;
          font-weight: bold;
          line-height: 1.71429em; }
        .transaction-full-page .transaction-full-page-body .details .details-card .details-card-item .content {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          overflow-wrap: anywhere; }
        .transaction-full-page .transaction-full-page-body .details .details-card .details-card-item .risk-block-list-tooltip-container {
          margin-left: 0.35714em; }
        .transaction-full-page .transaction-full-page-body .details .details-card .details-card-item.risk-color-D .content,
        .transaction-full-page .transaction-full-page-body .details .details-card .details-card-item.risk-color-D .link {
          color: #B00020; }

.internet-payments-wrapper .transaction-summary {
  background: #FAFAFA;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1em;
  padding: 0.85714em 0.42857em 0.35714em 0.42857em; }
  .internet-payments-wrapper .transaction-summary .info-tile {
    margin-bottom: 0.57143em;
    padding: 1.28571em 1.42857em 0.42857em 1.42857em;
    width: 100%; }
  .internet-payments-wrapper .transaction-summary .summary-value {
    display: inline-block;
    margin-top: 0.42857em; }
    .internet-payments-wrapper .transaction-summary .summary-value .link {
      font-weight: 700; }
  @media only screen and (max-width: 767px) {
    .internet-payments-wrapper .transaction-summary {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: 0 1.14286em; } }

.internet-payments-wrapper .risk-score-container .risk-score-header-row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .internet-payments-wrapper .risk-score-container .risk-score-header-row > div {
    margin-bottom: 2.14286em; }

.internet-payments-wrapper .risk-score-container .total {
  border-top: 1px solid #D8D8D8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.42857em;
  padding-top: 1.14286em; }
  .internet-payments-wrapper .risk-score-container .total .score-value {
    font-weight: bold; }
  .internet-payments-wrapper .risk-score-container .total span:last-child {
    padding-right: 0.42857em; }

.internet-payments-wrapper .risk-score-container .risk-score {
  border: 1px solid #D8D8D8;
  border-radius: 4px;
  margin-bottom: 1.42857em;
  min-width: 150px;
  padding-top: 1.42857em; }
  .internet-payments-wrapper .risk-score-container .risk-score .risk-score-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 1em; }
    .internet-payments-wrapper .risk-score-container .risk-score .risk-score-row span {
      font-weight: bold;
      margin-bottom: 0.71429em; }
    .internet-payments-wrapper .risk-score-container .risk-score .risk-score-row .value {
      font-size: 3.42857rem;
      font-weight: normal; }
    .internet-payments-wrapper .risk-score-container .risk-score .risk-score-row.persona {
      background: #FAFAFA;
      border-radius: 0 0 4px 4px; }
      .internet-payments-wrapper .risk-score-container .risk-score .risk-score-row.persona span {
        margin-bottom: 0; }

.internet-payments-wrapper .risk-score-container .rule-category {
  font-weight: bold; }

.internet-payments-wrapper .risk-score-container .list .item:before {
  font-size: 1.71429rem;
  top: 0; }

.internet-payments-wrapper .risk-score-container .list .item:first-child:before {
  top: -1px; }

.internet-payments-wrapper .risk-score-container .list.decline .item:before {
  color: #ff0000; }

.internet-payments-wrapper .risk-score-container .list.approve .item:before {
  color: #48AA2F; }

.internet-payments-wrapper .risk-score-container .list.review .item:before, .internet-payments-wrapper .risk-score-container .list.verify .item:before {
  color: #FFA500; }

.internet-payments-wrapper .risk-score-container .list.triggered .item:before, .internet-payments-wrapper .risk-score-container .list.unchanged .item:before {
  color: rgba(0, 0, 0, 0.38); }

.internet-payments-wrapper .risk-score-container .kount-details {
  display: block;
  margin: 0.85714em 0; }
  .internet-payments-wrapper .risk-score-container .kount-details img {
    padding-bottom: 0.14286em;
    vertical-align: middle;
    width: 26px; }

.internet-payments-wrapper .risk-score-container table {
  border-collapse: collapse;
  text-align: left;
  vertical-align: middle;
  width: 100%; }
  .internet-payments-wrapper .risk-score-container table tr th {
    line-height: 28px;
    padding: 0.14286em 0.42857em; }
    .internet-payments-wrapper .risk-score-container table tr th:last-child {
      text-align: right;
      width: 40px; }
  .internet-payments-wrapper .risk-score-container table tr td {
    padding: 0.78571em 0.42857em; }
    .internet-payments-wrapper .risk-score-container table tr td:last-child {
      text-align: right; }
  .internet-payments-wrapper .risk-score-container table tr.consistency, .internet-payments-wrapper .risk-score-container table tr.velocity, .internet-payments-wrapper .risk-score-container table tr.risk-network, .internet-payments-wrapper .risk-score-container table tr.customer {
    background: #FAFAFA; }
  .internet-payments-wrapper .risk-score-container table tr:not(.consistency):not(.velocity):not(.risk-network):not(.customer) th:last-child {
    display: none; }

.internet-payments-wrapper .checkbox-tree .checkbox-tree-header {
  background: none;
  padding: 0 6px; }

.internet-payments-wrapper .checkbox-tree .ui.checkbox input:checked ~ .box:after,
.internet-payments-wrapper .checkbox-tree .ui.checkbox input:checked ~ label {
  font-weight: normal; }

.internet-payments-wrapper .checkbox-tree .expand-actions {
  display: none; }

.internet-payments-wrapper .checkbox-tree ul.tree-nodes {
  border: none;
  overflow-y: initial;
  padding: 0; }
  .internet-payments-wrapper .checkbox-tree ul.tree-nodes li {
    border-top: none;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 6px; }
    .internet-payments-wrapper .checkbox-tree ul.tree-nodes li .expand-button {
      border-radius: 4px;
      color: #000000;
      font-size: 1rem;
      padding: 6px; }
      .internet-payments-wrapper .checkbox-tree ul.tree-nodes li .expand-button i.hover {
        background: #88B7FA; }
    .internet-payments-wrapper .checkbox-tree ul.tree-nodes li.tree-level-1 {
      border-left: none; }
      .internet-payments-wrapper .checkbox-tree ul.tree-nodes li.tree-level-1 .expand-button {
        margin-right: 0; }
    .internet-payments-wrapper .checkbox-tree ul.tree-nodes li.tree-level-2 {
      border-left: none;
      padding-left: 38px; }
  .internet-payments-wrapper .checkbox-tree ul.tree-nodes p.name-detail.tree-level-2 {
    border-left: none;
    color: rgba(0, 0, 0, 0.38);
    margin-bottom: 0;
    padding-left: 64px;
    position: relative;
    top: -6px; }

@media only screen and (max-width: 767px) {
  .internet-payments-wrapper .checkbox-tree .checkbox-tree-header {
    padding: 0.92857em 0.71429em; }
  .internet-payments-wrapper .checkbox-tree ul.tree-nodes li {
    padding: 0.78571em 0.71429em; }
    .internet-payments-wrapper .checkbox-tree ul.tree-nodes li.tree-level-2 {
      padding: 0.92857em 2.42857em; }
  .internet-payments-wrapper .checkbox-tree ul.tree-nodes p.name-detail.tree-level-2 {
    padding: 0.92857em 2.42857em; } }

.internet-payments-wrapper .scroll-table-wrapper {
  position: relative; }
  .internet-payments-wrapper .scroll-table-wrapper .right-border,
  .internet-payments-wrapper .scroll-table-wrapper .left-border {
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 20px;
    z-index: 2; }
    .internet-payments-wrapper .scroll-table-wrapper .right-border div,
    .internet-payments-wrapper .scroll-table-wrapper .left-border div {
      background-repeat: no-repeat;
      background-size: 100%;
      display: block;
      height: 130px;
      width: 100%; }
      .internet-payments-wrapper .scroll-table-wrapper .right-border div.top,
      .internet-payments-wrapper .scroll-table-wrapper .left-border div.top {
        background-image: url("/img/components/tables/scroll-table/scroll-table-border-top.svg"); }
      .internet-payments-wrapper .scroll-table-wrapper .right-border div.middle,
      .internet-payments-wrapper .scroll-table-wrapper .left-border div.middle {
        background-image: url("/img/components/tables/scroll-table/scroll-table-border-middle.svg");
        background-repeat: repeat-y;
        height: calc(100% - 260px); }
      .internet-payments-wrapper .scroll-table-wrapper .right-border div.bottom,
      .internet-payments-wrapper .scroll-table-wrapper .left-border div.bottom {
        background-image: url("/img/components/tables/scroll-table/scroll-table-border-bottom.svg"); }
  .internet-payments-wrapper .scroll-table-wrapper.left-border-visible .left-border {
    left: -5px;
    opacity: 1;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  .internet-payments-wrapper .scroll-table-wrapper.right-border-visible .right-border {
    opacity: 1;
    right: -5px; }
  .internet-payments-wrapper .scroll-table-wrapper .scroll-table {
    -ms-overflow-style: auto;
    /* IE and Edge */
    overflow-x: auto;
    scrollbar-width: thin;
    /* Firefox */
    width: 100%; }
    @media only screen and (max-width: 425px) {
      .internet-payments-wrapper .scroll-table-wrapper .scroll-table {
        scrollbar-width: none; }
        .internet-payments-wrapper .scroll-table-wrapper .scroll-table::-webkit-scrollbar {
          display: none; } }
    .internet-payments-wrapper .scroll-table-wrapper .scroll-table::-webkit-scrollbar {
      height: 5px; }
    .internet-payments-wrapper .scroll-table-wrapper .scroll-table table {
      border-bottom: 1px solid #D8D8D8;
      border-collapse: initial;
      border-spacing: initial;
      border-top: 1px solid #D8D8D8;
      min-width: 100%; }
      .internet-payments-wrapper .scroll-table-wrapper .scroll-table table tr th {
        line-height: 24px;
        padding: 14px 40px;
        text-align: left;
        white-space: nowrap;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content; }
        .internet-payments-wrapper .scroll-table-wrapper .scroll-table table tr th:first-child {
          padding-left: 16px; }
        .internet-payments-wrapper .scroll-table-wrapper .scroll-table table tr th.sortable {
          cursor: pointer; }
        .internet-payments-wrapper .scroll-table-wrapper .scroll-table table tr th i {
          color: #0E5BF3;
          font-size: 0.71429rem; }
          .internet-payments-wrapper .scroll-table-wrapper .scroll-table table tr th i.exchange {
            color: inherit;
            opacity: 0.6;
            -webkit-transform: rotate(90deg) translate(5px, -6px);
                    transform: rotate(90deg) translate(5px, -6px); }
      .internet-payments-wrapper .scroll-table-wrapper .scroll-table table tr td {
        border-top: 1px solid #D8D8D8;
        color: #090304;
        line-height: 24px;
        padding: 14px 40px;
        white-space: nowrap; }
        .internet-payments-wrapper .scroll-table-wrapper .scroll-table table tr td .label-circle {
          background: rgba(0, 0, 0, 0.04);
          border-radius: 50%/50%;
          color: #666666;
          font-size: 0.85714rem;
          line-height: 16px;
          padding: 4px 8px; }
        .internet-payments-wrapper .scroll-table-wrapper .scroll-table table tr td:first-child {
          padding-left: 16px; }
      .internet-payments-wrapper .scroll-table-wrapper .scroll-table table tbody tr:not(.no-rows):hover {
        background: #f1f5fe;
        cursor: pointer; }
      .internet-payments-wrapper .scroll-table-wrapper .scroll-table table tbody tr.no-rows td {
        text-align: center; }
    .internet-payments-wrapper .scroll-table-wrapper .scroll-table.fixed-table table thead tr th:first-child,
    .internet-payments-wrapper .scroll-table-wrapper .scroll-table.fixed-table table thead tr td:first-child,
    .internet-payments-wrapper .scroll-table-wrapper .scroll-table.fixed-table table tbody tr th:first-child,
    .internet-payments-wrapper .scroll-table-wrapper .scroll-table.fixed-table table tbody tr td:first-child {
      background-color: #FFFFFF;
      border-right: 1px solid #D8D8D8;
      left: 0;
      min-width: 25vw;
      position: sticky;
      top: 0;
      white-space: normal;
      z-index: 2; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .internet-payments-wrapper .scroll-table-wrapper .scroll-table.fixed-table table thead tr th:first-child,
        .internet-payments-wrapper .scroll-table-wrapper .scroll-table.fixed-table table thead tr td:first-child,
        .internet-payments-wrapper .scroll-table-wrapper .scroll-table.fixed-table table tbody tr th:first-child,
        .internet-payments-wrapper .scroll-table-wrapper .scroll-table.fixed-table table tbody tr td:first-child {
          min-width: calc(25vw * 1.5); } }
      @media only screen and (max-width: 767px) {
        .internet-payments-wrapper .scroll-table-wrapper .scroll-table.fixed-table table thead tr th:first-child,
        .internet-payments-wrapper .scroll-table-wrapper .scroll-table.fixed-table table thead tr td:first-child,
        .internet-payments-wrapper .scroll-table-wrapper .scroll-table.fixed-table table tbody tr th:first-child,
        .internet-payments-wrapper .scroll-table-wrapper .scroll-table.fixed-table table tbody tr td:first-child {
          min-width: calc(25vw * 1.7); } }
    .internet-payments-wrapper .scroll-table-wrapper .scroll-table.fixed-table table thead tr:hover td:first-child,
    .internet-payments-wrapper .scroll-table-wrapper .scroll-table.fixed-table table tbody tr:hover td:first-child {
      background-color: #f1f5fe; }

.internet-payments-wrapper .breakdown-card {
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
  margin-top: 16px;
  padding: 20px;
  padding-bottom: 30px; }
  .internet-payments-wrapper .breakdown-card table {
    border-top: none; }
    .internet-payments-wrapper .breakdown-card table tr:hover {
      background-color: inherit !important;
      cursor: inherit !important; }
    .internet-payments-wrapper .breakdown-card table tr th {
      padding-right: 30px !important; }
      .internet-payments-wrapper .breakdown-card table tr th:not(:first-child) {
        text-align: right !important; }
    .internet-payments-wrapper .breakdown-card table tr td {
      padding-bottom: 0 !important;
      padding-top: 0 !important; }
      .internet-payments-wrapper .breakdown-card table tr td:not(:first-child) {
        padding-left: 0 !important;
        padding-right: 30px !important;
        text-align: right; }
        .internet-payments-wrapper .breakdown-card table tr td:not(:first-child) span {
          padding-left: 16px;
          position: relative;
          top: 2px; }
      .internet-payments-wrapper .breakdown-card table tr td .sparkline-chart {
        display: inline-block;
        height: 50px;
        vertical-align: middle;
        width: 100px; }

.internet-payments-wrapper .button .icon {
  background-color: transparent !important; }

.internet-payments-wrapper .button .button-name {
  color: #090304;
  font-weight: normal; }

.internet-payments-wrapper .button.primary {
  background: #0E5BF3;
  margin: 20px 10px;
  text-transform: uppercase; }
  .internet-payments-wrapper .button.primary:hover, .internet-payments-wrapper .button.primary:active, .internet-payments-wrapper .button.primary:focus {
    background: #136EF6; }
  .internet-payments-wrapper .button.primary.inverted {
    background: #FFFFFF;
    border: 1px solid #136EF6;
    -webkit-box-shadow: unset !important;
            box-shadow: unset !important;
    color: #136EF6; }
    .internet-payments-wrapper .button.primary.inverted:hover, .internet-payments-wrapper .button.primary.inverted:active, .internet-payments-wrapper .button.primary.inverted:focus {
      background: #F2F6FE;
      color: #136EF6; }
  .internet-payments-wrapper .button.primary.disabled, .internet-payments-wrapper .button.primary[disabled] {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.38);
    color: rgba(0, 0, 0, 0.38) !important;
    opacity: 0.8 !important;
    pointer-events: none !important; }
  .internet-payments-wrapper .button.primary.full-width {
    width: 100%; }

.internet-payments-wrapper .ip-button {
  border: none;
  border-radius: 0.28571429rem;
  display: inline-block;
  font-family: 'Nunito Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 800;
  line-height: 1.42857143em;
  min-height: 1em;
  outline: none;
  padding: 0.57142857em 1.42857143em 0.57142857em;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  vertical-align: baseline;
  background: #0E5BF3;
  color: #FFFFFF;
  text-transform: uppercase; }
  .internet-payments-wrapper .ip-button:hover {
    background: #136EF6; }
  .internet-payments-wrapper .ip-button.inverted {
    background: #FFFFFF;
    border: 1px solid #136EF6;
    -webkit-box-shadow: unset !important;
            box-shadow: unset !important;
    color: #136EF6; }
    .internet-payments-wrapper .ip-button.inverted:hover {
      background: #F2F6FE; }
  .internet-payments-wrapper .ip-button.disabled, .internet-payments-wrapper .ip-button[disabled] {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.38);
    color: rgba(0, 0, 0, 0.38) !important;
    opacity: 0.8 !important;
    pointer-events: none !important; }
  .internet-payments-wrapper .ip-button.standard-width {
    min-width: 120px;
    width: 180px; }
  .internet-payments-wrapper .ip-button.full-width {
    width: 100%; }
  .internet-payments-wrapper .ip-button.loading {
    color: transparent !important;
    cursor: default;
    opacity: 1;
    pointer-events: auto;
    position: relative;
    text-shadow: none !important;
    -webkit-transition: all 0s linear, opacity 0.1s ease;
    transition: all 0s linear, opacity 0.1s ease; }
    .internet-payments-wrapper .ip-button.loading::before {
      border: 0.2em solid rgba(0, 0, 0, 0.15);
      border-radius: 500rem;
      content: '';
      height: 1.28571429em;
      left: 50%;
      margin: -0.64285714em 0em 0em -0.64285714em;
      position: absolute;
      top: 50%;
      width: 1.28571429em; }
    .internet-payments-wrapper .ip-button.loading::after {
      -webkit-animation: button-spin 0.6s linear;
              animation: button-spin 0.6s linear;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite;
      border-color: #FFFFFF transparent transparent;
      border-radius: 500rem;
      border-style: solid;
      border-width: 0.2em;
      -webkit-box-shadow: 0px 0px 0px 1px transparent;
              box-shadow: 0px 0px 0px 1px transparent;
      content: '';
      height: 1.28571429em;
      left: 50%;
      margin: -0.64285714em 0em 0em -0.64285714em;
      position: absolute;
      top: 50%;
      width: 1.28571429em; }

.internet-payments-wrapper .filter-button {
  background-color: transparent !important;
  border-radius: 40px !important;
  color: #0E5BF3 !important;
  cursor: pointer;
  font-weight: bold;
  height: 36px;
  margin-right: 8px;
  padding: 7px 12px;
  position: relative;
  top: 9px; }
  .internet-payments-wrapper .filter-button .filter-button-wrapper {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-flex; }
  .internet-payments-wrapper .filter-button .filter-text {
    margin-left: 4px; }
  .internet-payments-wrapper .filter-button:hover {
    background-color: rgba(14, 91, 243, 0.06) !important;
    -webkit-box-shadow: 0 0 0 0 transparent inset !important;
            box-shadow: 0 0 0 0 transparent inset !important; }
  .internet-payments-wrapper .filter-button:focus {
    background-color: rgba(14, 91, 243, 0.06) !important;
    -webkit-box-shadow: 0 0 0 0 transparent inset !important;
            box-shadow: 0 0 0 0 transparent inset !important; }
  .internet-payments-wrapper .filter-button:active {
    background-color: rgba(14, 91, 243, 0.06) !important;
    -webkit-box-shadow: 0 0 0 0 transparent inset !important;
            box-shadow: 0 0 0 0 transparent inset !important; }

.internet-payments-wrapper .loading-button {
  border: none;
  border-radius: 0.28571429rem;
  display: inline-block;
  font-family: 'Nunito Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 800;
  line-height: 1.42857143em;
  min-height: 1em;
  outline: none;
  padding: 0.57142857em 1.42857143em 0.57142857em;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  vertical-align: baseline;
  background: #0E5BF3;
  color: #FFFFFF;
  text-transform: uppercase;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 42px;
  text-transform: uppercase; }
  .internet-payments-wrapper .loading-button:hover {
    background: #136EF6; }
  .internet-payments-wrapper .loading-button.inverted {
    background: #FFFFFF;
    border: 1px solid #136EF6;
    -webkit-box-shadow: unset !important;
            box-shadow: unset !important;
    color: #136EF6; }
    .internet-payments-wrapper .loading-button.inverted:hover {
      background: #F2F6FE; }
  .internet-payments-wrapper .loading-button.disabled, .internet-payments-wrapper .loading-button[disabled] {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.38);
    color: rgba(0, 0, 0, 0.38) !important;
    opacity: 0.8 !important;
    pointer-events: none !important; }
  .internet-payments-wrapper .loading-button.standard-width {
    min-width: 120px;
    width: 180px; }
  .internet-payments-wrapper .loading-button.full-width {
    width: 100%; }
  .internet-payments-wrapper .loading-button.loading {
    color: transparent !important;
    cursor: default;
    opacity: 1;
    pointer-events: auto;
    position: relative;
    text-shadow: none !important;
    -webkit-transition: all 0s linear, opacity 0.1s ease;
    transition: all 0s linear, opacity 0.1s ease; }
    .internet-payments-wrapper .loading-button.loading::before {
      border: 0.2em solid rgba(0, 0, 0, 0.15);
      border-radius: 500rem;
      content: '';
      height: 1.28571429em;
      left: 50%;
      margin: -0.64285714em 0em 0em -0.64285714em;
      position: absolute;
      top: 50%;
      width: 1.28571429em; }
    .internet-payments-wrapper .loading-button.loading::after {
      -webkit-animation: button-spin 0.6s linear;
              animation: button-spin 0.6s linear;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite;
      border-color: #FFFFFF transparent transparent;
      border-radius: 500rem;
      border-style: solid;
      border-width: 0.2em;
      -webkit-box-shadow: 0px 0px 0px 1px transparent;
              box-shadow: 0px 0px 0px 1px transparent;
      content: '';
      height: 1.28571429em;
      left: 50%;
      margin: -0.64285714em 0em 0em -0.64285714em;
      position: absolute;
      top: 50%;
      width: 1.28571429em; }
  .internet-payments-wrapper .loading-button:hover, .internet-payments-wrapper .loading-button:focus, .internet-payments-wrapper .loading-button:active {
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #FFFFFF; }
  .internet-payments-wrapper .loading-button.disabled {
    background-color: #FFFFFF !important;
    border: 1px solid #ACACAC;
    color: #ACACAC; }

.internet-payments-wrapper .informative-button {
  background: transparent !important;
  border: 1px solid rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  text-transform: none; }
  .internet-payments-wrapper .informative-button:hover {
    border-color: rgba(0, 0, 0, 0.4); }
  .internet-payments-wrapper .informative-button:focus-within {
    border-color: #136EF6;
    -webkit-box-shadow: none !important;
            box-shadow: none !important; }
  .internet-payments-wrapper .informative-button:active {
    background: none !important; }
  .internet-payments-wrapper .informative-button .informative-button-wrapper {
    font-weight: normal;
    text-align: left; }
  .internet-payments-wrapper .informative-button .informative-button-label {
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.85714rem;
    height: 16px; }
  .internet-payments-wrapper .informative-button .informative-button-name {
    color: #090304; }
  .internet-payments-wrapper .informative-button .informative-button-error {
    color: #FF5625; }

.internet-payments-wrapper td .inline-button {
  background-color: transparent;
  border: none;
  border-radius: 3px;
  color: #136EF6;
  font-weight: bold;
  padding: 10px 16px;
  text-transform: uppercase; }
  .internet-payments-wrapper td .inline-button:hover {
    background-color: rgba(14, 91, 243, 0.06);
    cursor: pointer; }

.internet-payments-wrapper .datepicker-tray-sidebar-wrapper {
  bottom: 0;
  left: 0;
  position: fixed;
  top: 0;
  width: 0;
  z-index: 1000; }
  .internet-payments-wrapper .datepicker-tray-sidebar-wrapper.active {
    width: 100%; }
  .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .sidebar {
    background: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
    width: 400px;
    z-index: 1001; }
    @media only screen and (max-width: 600px) {
      .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .sidebar {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
        -webkit-transform: translateY(100%);
                transform: translateY(100%);
        width: 100vw; } }
    .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .sidebar .ui.segments.tray-main-content {
      border: none;
      -webkit-box-shadow: none;
              box-shadow: none;
      margin: 0;
      max-height: calc(100vh - 27vh);
      overflow-y: auto; }
      .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .sidebar .ui.segments.tray-main-content .date-range-title {
        color: rgba(0, 0, 0, 0.6);
        padding: 1.15rem 1rem 0rem 1rem; }
      .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .sidebar .ui.segments.tray-main-content .ui.segment {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 0.57rem 1.7rem 0.57rem 1.15rem;
        -webkit-transition: background-color 0.3s linear;
        transition: background-color 0.3s linear; }
        .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .sidebar .ui.segments.tray-main-content .ui.segment.active {
          background-color: rgba(14, 91, 243, 0.06); }
        .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .sidebar .ui.segments.tray-main-content .ui.segment:hover {
          background-color: rgba(14, 91, 243, 0.06); }
        .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .sidebar .ui.segments.tray-main-content .ui.segment .tray-wrapper {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; }
          .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .sidebar .ui.segments.tray-main-content .ui.segment .tray-wrapper .name {
            font-size: 1.14286rem;
            letter-spacing: 0.15px;
            line-height: 1.7rem; }
        .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .sidebar .ui.segments.tray-main-content .ui.segment .icon {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          color: #136EF6;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
      .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .sidebar .ui.segments.tray-main-content .ui.segment:not(:last-child) {
        margin-bottom: 0.57rem; }
    .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .sidebar .tray-title-section {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-bottom: 1px solid rgba(0, 0, 0, 0.16);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 0.58rem 1.15rem; }
      .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .sidebar .tray-title-section h1 {
        color: #000000;
        font-size: 1.42857rem;
        line-height: 1.7rem;
        margin: 0; }
    .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .sidebar.active {
      -webkit-transform: translateX(0%);
              transform: translateX(0%); }
      @media only screen and (max-width: 600px) {
        .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .sidebar.active {
          -webkit-transform: translateY(0%);
                  transform: translateY(0%); } }
    .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .sidebar .tray-footer-section {
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      background-color: #FFFFFF;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      height: 100px;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 0.58rem 1.15rem;
      vertical-align: bottom;
      width: 100%; }
      .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .sidebar .tray-footer-section .select-button {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background-color: #0E5BF3;
        margin: 0;
        width: 100%; }
  .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .ui.dimmer {
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s; }
    .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .ui.dimmer.active {
      background-color: rgba(0, 0, 0, 0.4); }

.internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%; }
  .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input {
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin: 0;
    padding: 0; }
    .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-title {
      background: none;
      color: #333333; }
      .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-prev, .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-next {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 30px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 30px; }
        .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-prev:hover, .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-next:hover {
          background-color: #e5f5fe;
          border-radius: 3rem;
          color: #136EF6; }
          .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-prev:hover i, .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-next:hover i {
            color: #136EF6;
            z-index: 999; }
            .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-prev:hover i:hover, .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-next:hover i:hover {
              color: #136EF6;
              z-index: 999; }
    .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day,
      .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-not-in-month,
      .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-selected,
      .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-disabled {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 47px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
      .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-not-in-month.s4cal-selected {
        opacity: 1; }
      .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-hovered {
        -webkit-box-shadow: none;
                box-shadow: none; }
      .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-selected {
        background-color: rgba(14, 91, 243, 0.06);
        border-radius: 0;
        color: #333333; }
      .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-start:not(.s4cal-end):after {
        background-color: rgba(14, 91, 243, 0.06);
        background-position: 50% 50%;
        background-size: cover;
        border-radius: 50%;
        content: '\00a0';
        display: inline-block;
        height: 54px;
        left: 25px;
        position: absolute;
        width: 50px; }
      .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-end:not(.s4cal-start):before {
        background-color: rgba(14, 91, 243, 0.06);
        background-position: 50% 50%;
        background-size: cover;
        border-radius: 50%;
        content: '\00a0';
        display: inline-block;
        height: 54px;
        position: absolute;
        right: 25px;
        width: 50px; }
      .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-start, .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-end {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background-color: transparent;
        border: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        overflow: hidden; }
        .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-start span, .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-end span {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          background-color: #136EF6;
          border-radius: 5rem;
          color: #FFFFFF;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          height: 47px;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          min-height: 100%;
          min-width: 100%;
          width: 47px;
          z-index: 2; }
    @media only screen and (max-width: 394px) {
      .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar {
        padding: 0 1rem 0 1rem; } }

.internet-payments-wrapper .inline-datetime-range-picker .inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1.07143em; }
  .internet-payments-wrapper .inline-datetime-range-picker .inputs .start,
  .internet-payments-wrapper .inline-datetime-range-picker .inputs .end {
    width: 100%; }
  .internet-payments-wrapper .inline-datetime-range-picker .inputs .start {
    margin-right: 14px; }

.internet-payments-wrapper .inline-datetime-range-picker .s4cal-input.s4cal-input-vertical-range {
  margin: 0; }
  @media only screen and (max-width: 767px) {
    .internet-payments-wrapper .inline-datetime-range-picker .s4cal-input.s4cal-input-vertical-range {
      width: 100% !important; }
      .internet-payments-wrapper .inline-datetime-range-picker .s4cal-input.s4cal-input-vertical-range .s4cal-right {
        display: none; } }

.internet-payments-wrapper .single-date-picker .input {
  padding-bottom: 1.07143em; }

.internet-payments-wrapper .single-date-picker .s4cal-input {
  margin: 0; }
  .internet-payments-wrapper .single-date-picker .s4cal-input .s4cal-calendars {
    border-bottom: unset; }

.internet-payments-wrapper .confirmation-modal .container, .internet-payments-wrapper.delete-confirmation-modal .container, .internet-payments-wrapper .delete-confirmation-modal .container, .internet-payments-wrapper .submit-confirmation-modal .container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FFFFFF;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .internet-payments-wrapper .confirmation-modal .container .header, .internet-payments-wrapper.delete-confirmation-modal .container .header, .internet-payments-wrapper .delete-confirmation-modal .container .header, .internet-payments-wrapper .submit-confirmation-modal .container .header {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    width: 100%; }
    .internet-payments-wrapper .confirmation-modal .container .header .text, .internet-payments-wrapper.delete-confirmation-modal .container .header .text, .internet-payments-wrapper .delete-confirmation-modal .container .header .text, .internet-payments-wrapper .submit-confirmation-modal .container .header .text {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      font-size: 1.42857rem;
      font-weight: 400;
      margin: 16px; }
    .internet-payments-wrapper .confirmation-modal .container .header .right, .internet-payments-wrapper.delete-confirmation-modal .container .header .right, .internet-payments-wrapper .delete-confirmation-modal .container .header .right, .internet-payments-wrapper .submit-confirmation-modal .container .header .right {
      padding-right: 16px; }
      .internet-payments-wrapper .confirmation-modal .container .header .right .icon, .internet-payments-wrapper.delete-confirmation-modal .container .header .right .icon, .internet-payments-wrapper .delete-confirmation-modal .container .header .right .icon, .internet-payments-wrapper .submit-confirmation-modal .container .header .right .icon {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background: #FAFAFA;
        border-radius: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 40px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 40px; }
        .internet-payments-wrapper .confirmation-modal .container .header .right .icon:hover, .internet-payments-wrapper.delete-confirmation-modal .container .header .right .icon:hover, .internet-payments-wrapper .delete-confirmation-modal .container .header .right .icon:hover, .internet-payments-wrapper .submit-confirmation-modal .container .header .right .icon:hover {
          background: #F1F5FF;
          color: #3b79f5;
          cursor: pointer; }
  .internet-payments-wrapper .confirmation-modal .container .content, .internet-payments-wrapper.delete-confirmation-modal .container .content, .internet-payments-wrapper .delete-confirmation-modal .container .content, .internet-payments-wrapper .submit-confirmation-modal .container .content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 40px;
    width: 100%; }
    .internet-payments-wrapper .confirmation-modal .container .content .text, .internet-payments-wrapper.delete-confirmation-modal .container .content .text, .internet-payments-wrapper .delete-confirmation-modal .container .content .text, .internet-payments-wrapper .submit-confirmation-modal .container .content .text {
      font-size: 1.42857rem;
      font-weight: 400;
      letter-spacing: 0.18px;
      line-height: 24px;
      text-align: center; }
  .internet-payments-wrapper .confirmation-modal .container .footer, .internet-payments-wrapper.delete-confirmation-modal .container .footer, .internet-payments-wrapper .delete-confirmation-modal .container .footer, .internet-payments-wrapper .submit-confirmation-modal .container .footer {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-top: 1px solid rgba(0, 0, 0, 0.16);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: 72px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    mix-blend-mode: normal;
    width: 100%; }
    .internet-payments-wrapper .confirmation-modal .container .footer button, .internet-payments-wrapper.delete-confirmation-modal .container .footer button, .internet-payments-wrapper .delete-confirmation-modal .container .footer button, .internet-payments-wrapper .submit-confirmation-modal .container .footer button {
      margin-left: 16px;
      width: 100%; }
      .internet-payments-wrapper .confirmation-modal .container .footer button:last-child, .internet-payments-wrapper.delete-confirmation-modal .container .footer button:last-child, .internet-payments-wrapper .delete-confirmation-modal .container .footer button:last-child, .internet-payments-wrapper .submit-confirmation-modal .container .footer button:last-child {
        margin-right: 16px; }
      .internet-payments-wrapper .confirmation-modal .container .footer button.cancel:not(.disabled), .internet-payments-wrapper.delete-confirmation-modal .container .footer button.cancel:not(.disabled), .internet-payments-wrapper .delete-confirmation-modal .container .footer button.cancel:not(.disabled), .internet-payments-wrapper .submit-confirmation-modal .container .footer button.cancel:not(.disabled) {
        background-color: #FFFFFF;
        border: 1px solid #0E5BF3 !important;
        color: #0E5BF3 !important; }
      .internet-payments-wrapper .confirmation-modal .container .footer button.proceed:not(.disabled), .internet-payments-wrapper.delete-confirmation-modal .container .footer button.proceed:not(.disabled), .internet-payments-wrapper .delete-confirmation-modal .container .footer button.proceed:not(.disabled), .internet-payments-wrapper .submit-confirmation-modal .container .footer button.proceed:not(.disabled) {
        background-color: #0E5BF3 !important;
        border: 1px solid #0E5BF3 !important; }

@media only screen and (max-width: 767px) {
  .internet-payments-wrapper .container .content {
    padding: 40px 16px; } }

.internet-payments-fullscreen-modal {
  background-color: #FFFFFF;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999; }
  .internet-payments-fullscreen-modal > .header.top-title {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid #D8D8D8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 17px;
    width: 100%; }
    .internet-payments-fullscreen-modal > .header.top-title h2 {
      color: #090304;
      margin: 0; }
  .internet-payments-fullscreen-modal > .error-message, .internet-payments-fullscreen-modal .success-message {
    border-radius: 0;
    font-weight: 800;
    margin: 0;
    padding: .5714285em;
    text-align: center; }
  .internet-payments-fullscreen-modal > .content {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-height: calc(100vh - 136px);
    overflow: auto;
    padding: 30px 20px 24px; }
    .internet-payments-fullscreen-modal > .content .fullscreen-modal-iframe {
      height: 100%;
      overflow: hidden;
      padding-top: 56.25%;
      position: relative;
      /* 4x3 Aspect Ratio for ole timey monitors */ }
      .internet-payments-fullscreen-modal > .content .fullscreen-modal-iframe iframe {
        border: 0;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%; }
      .internet-payments-fullscreen-modal > .content .fullscreen-modal-iframe .fullscreen-modal-iframe-4x3 {
        padding-top: 75%; }
  .internet-payments-fullscreen-modal.error > .content {
    max-height: calc(100vh - 172px); }
  .internet-payments-fullscreen-modal > .actions {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-top: 1px solid #D8D8D8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 76px;
    padding: 0 17px; }

@media only screen and (max-width: 767px) {
  .fullscreen-modal {
    overflow: auto; }
  .fullscreen-modal > .content {
    max-height: none;
    overflow: initial;
    padding: 20px 10px; }
  .fullscreen-modal > .actions {
    border-top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 10px; }
    .fullscreen-modal > .actions > .ui.button {
      margin: 10px 0;
      width: 100%; }
      .fullscreen-modal > .actions > .ui.button.left-action {
        margin-right: 0; } }

.s4-multistep-fullscreen-modal {
  background-color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: calc(100vh - 80px);
  margin: 0 -30px 0 -30px;
  overflow: hidden; }
  @media only screen and (max-width: 767px) {
    .s4-multistep-fullscreen-modal {
      margin: 0; } }
  .s4-multistep-fullscreen-modal .s4-loader-container {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .s4-multistep-fullscreen-modal .actions .button-section {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(0.57143rem * 2);
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: calc(0.57143rem * 2);
    width: 100%; }
    .s4-multistep-fullscreen-modal .actions .button-section .s4-button {
      width: 340px; }
  .s4-multistep-fullscreen-modal.above-other {
    z-index: 10000; }
  .s4-multistep-fullscreen-modal > .header.top-title {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #090304;
    color: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: calc(0.57143rem * 7);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    text-align: center; }
  .s4-multistep-fullscreen-modal > .header h2 {
    margin: 0 55px; }
  .s4-multistep-fullscreen-modal > .header .icon {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-left: 1px solid #090304;
    color: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px; }
    .s4-multistep-fullscreen-modal > .header .icon:hover {
      color: #FFFFFF; }
  .s4-multistep-fullscreen-modal .top-bar {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(0.57143rem * 2);
    padding: calc(0.57143rem * 3); }
    .s4-multistep-fullscreen-modal .top-bar svg.burger-icon {
      cursor: pointer; }
    .s4-multistep-fullscreen-modal .top-bar .header {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
          -ms-flex: 1 0 0px;
              flex: 1 0 0;
      gap: calc(0.57143rem * 1.25); }
      .s4-multistep-fullscreen-modal .top-bar .header .steps-info {
        color: #090304;
        font-size: calc(0.57143rem * 2.5);
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.18px;
        line-height: 28px; }
  .s4-multistep-fullscreen-modal > .error-message, .s4-multistep-fullscreen-modal .success-message {
    border-radius: 0;
    font-weight: 800;
    margin: 0;
    padding: .5714285em;
    text-align: center; }
  .s4-multistep-fullscreen-modal > .content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 calc(0.57143rem * 2.5) calc(0.57143rem * 2.5) calc(0.57143rem * 2.5);
    text-align: center; }
    .s4-multistep-fullscreen-modal > .content.centered {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      @media only screen and (max-width: 767px) {
        .s4-multistep-fullscreen-modal > .content.centered {
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start; } }
  .s4-multistep-fullscreen-modal.error > .content {
    max-height: calc(100vh - 162px); }

@media only screen and (max-width: 767px) {
  .s4-multistep-fullscreen-modal {
    overflow: auto; }
    .s4-multistep-fullscreen-modal > .content > * {
      width: 100%; }
    .s4-multistep-fullscreen-modal .actions .button-section {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: calc(0.57143rem * 1);
      padding: calc(0.57143rem * 3); }
      .s4-multistep-fullscreen-modal .actions .button-section .s4-button {
        width: 100%; } }

.internet-payments-wrapper .dispute-list .scroll-table table tr td.reason-code {
  max-width: 350px;
  overflow: hidden;
  text-overflow: ellipsis; }

.internet-payments-wrapper .dispute-evidence-modal .fullscreen-modal .header {
  background-color: #FFFFFF;
  border-bottom: inset rgba(0, 0, 0, 0.16);
  height: auto;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  z-index: 2; }
  @media only screen and (max-width: 767px) {
    .internet-payments-wrapper .dispute-evidence-modal .fullscreen-modal .header {
      padding-right: 70px; } }
  .internet-payments-wrapper .dispute-evidence-modal .fullscreen-modal .header h2 {
    color: rgba(0, 0, 0, 0.87);
    font-size: 1.42857rem;
    font-weight: 400;
    letter-spacing: 0.18px;
    line-height: 24px;
    margin: 16px; }
  .internet-payments-wrapper .dispute-evidence-modal .fullscreen-modal .header .icon {
    background: rgba(0, 0, 0, 0.04);
    border-radius: 50px;
    color: #666666;
    height: 40px;
    margin: 8px 16px;
    padding: 13px;
    width: 40px; }
    .internet-payments-wrapper .dispute-evidence-modal .fullscreen-modal .header .icon:hover, .internet-payments-wrapper .dispute-evidence-modal .fullscreen-modal .header .icon.active {
      background-color: rgba(14, 91, 243, 0.06);
      color: #0E5BF3; }

.internet-payments-wrapper .dispute-evidence-modal .fullscreen-modal .content {
  padding: 0; }
  .internet-payments-wrapper .dispute-evidence-modal .fullscreen-modal .content.view-only {
    max-height: 100vh; }

.internet-payments-wrapper .dispute-evidence-modal .fullscreen-modal .actions {
  z-index: 2; }

.internet-payments-wrapper .dispute-evidence-modal .dispute-evidence {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .details {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    background: #FAFAFA;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-positive: 0;
        flex-grow: 0;
    min-height: 100vh;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding: 0 24px 24px 24px;
    right: 0;
    width: 320px;
    z-index: 0; }
    .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .details .details-content {
      position: fixed; }
      .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .details .details-content h2 {
        padding-top: 23px; }
      .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .details .details-content h4 {
        color: rgba(0, 0, 0, 0.87);
        font-size: 1rem;
        font-style: normal;
        font-weight: 700;
        letter-spacing: 0.1px;
        line-height: 24px;
        margin-bottom: 4px; }
      .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .details .details-content p {
        color: rgba(0, 0, 0, 0.87);
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.25px;
        line-height: 20px; }
        .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .details .details-content p div {
          text-align: left; }
  .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .content {
    -webkit-box-flex: 5;
        -ms-flex-positive: 5;
            flex-grow: 5;
    padding: 30px 20px 24px; }
    .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .content .dispute-evidence-form {
      overflow: auto; }
      .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .content .dispute-evidence-form p {
        font-size: 1rem;
        font-weight: 400;
        letter-spacing: 0.25px;
        line-height: 20px;
        margin: 0;
        padding: 0 0 24px 0;
        width: 100%; }
      .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .content .dispute-evidence-form .what-to-do-next {
        background: #FFFFFF;
        border: 1px solid #136EF6;
        border-radius: 4px;
        margin-bottom: 8px;
        padding: 26px;
        width: 100%; }
        .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .content .dispute-evidence-form .what-to-do-next h3 {
          color: rgba(0, 0, 0, 0.87);
          font-size: 1.42857rem;
          font-weight: 400;
          letter-spacing: 0.18px;
          line-height: 24px;
          margin-bottom: 16px;
          padding: 0; }
        .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .content .dispute-evidence-form .what-to-do-next p {
          color: rgba(0, 0, 0, 0.87);
          font-size: 1.14286rem;
          font-weight: 400;
          letter-spacing: 0.25px;
          line-height: 24px;
          margin-bottom: 4px;
          padding: 0; }
          .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .content .dispute-evidence-form .what-to-do-next p.bold {
            font-weight: 700; }
          .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .content .dispute-evidence-form .what-to-do-next p.info-message {
            background: rgba(14, 91, 243, 0.08);
            border-radius: 4px;
            display: block;
            margin-top: 16px;
            padding: 16px; }
      .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .content .dispute-evidence-form h2 {
        color: rgba(0, 0, 0, 0.87);
        font-size: 1.42857rem;
        font-weight: 400;
        letter-spacing: 0.18px;
        line-height: 24px;
        margin: 0;
        padding: 24px 0 0 0;
        width: 100%; }
        .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .content .dispute-evidence-form h2.space-bottom {
          padding-bottom: 24px; }
      .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .content .dispute-evidence-form .dispute-input-field {
        margin: 8px 0;
        width: 100%; }
        .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .content .dispute-evidence-form .dispute-input-field.datepicker input {
          height: 56px; }
        .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .content .dispute-evidence-form .dispute-input-field textarea {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -ms-flex-item-align: stretch;
              align-self: stretch;
          background: #FFFFFF;
          border: 1px solid rgba(0, 0, 0, 0.16);
          border-radius: 4px;
          color: rgba(0, 0, 0, 0.87);
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-flex: 0;
              -ms-flex: none;
                  flex: none;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -ms-flex-positive: 0;
              flex-grow: 0;
          font-size: 1.14286rem;
          font-weight: 400;
          gap: 8px;
          height: 56px;
          letter-spacing: 0.25px;
          line-height: 20px;
          min-height: 56px;
          -webkit-box-ordinal-group: 1;
              -ms-flex-order: 0;
                  order: 0;
          padding: 16px;
          width: 100%; }
          .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .content .dispute-evidence-form .dispute-input-field textarea::-webkit-input-placeholder {
            color: rgba(0, 0, 0, 0.6);
            font-size: 1rem; }
          .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .content .dispute-evidence-form .dispute-input-field textarea::-moz-placeholder {
            color: rgba(0, 0, 0, 0.6);
            font-size: 1rem; }
          .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .content .dispute-evidence-form .dispute-input-field textarea::-ms-input-placeholder {
            color: rgba(0, 0, 0, 0.6);
            font-size: 1rem; }
          .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .content .dispute-evidence-form .dispute-input-field textarea::placeholder {
            color: rgba(0, 0, 0, 0.6);
            font-size: 1rem; }
          .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .content .dispute-evidence-form .dispute-input-field textarea:focus, .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .content .dispute-evidence-form .dispute-input-field textarea:active {
            border: 1px solid #136EF6; }
            .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .content .dispute-evidence-form .dispute-input-field textarea:focus::-webkit-input-placeholder, .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .content .dispute-evidence-form .dispute-input-field textarea:active::-webkit-input-placeholder {
              color: #136EF6; }
            .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .content .dispute-evidence-form .dispute-input-field textarea:focus::-moz-placeholder, .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .content .dispute-evidence-form .dispute-input-field textarea:active::-moz-placeholder {
              color: #136EF6; }
            .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .content .dispute-evidence-form .dispute-input-field textarea:focus::-ms-input-placeholder, .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .content .dispute-evidence-form .dispute-input-field textarea:active::-ms-input-placeholder {
              color: #136EF6; }
            .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .content .dispute-evidence-form .dispute-input-field textarea:focus::placeholder, .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .content .dispute-evidence-form .dispute-input-field textarea:active::placeholder {
              color: #136EF6; }
      .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .content .dispute-evidence-form .preview {
        width: 100%; }
        .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .content .dispute-evidence-form .preview .item {
          margin-bottom: 16px; }
        .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .content .dispute-evidence-form .preview p, .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .content .dispute-evidence-form .preview h3 {
          color: rgba(0, 0, 0, 0.87);
          margin: 0;
          padding: 0; }
        .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .content .dispute-evidence-form .preview h3 {
          font-size: 1.14286rem;
          font-weight: 700;
          line-height: 24px; }
        .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .content .dispute-evidence-form .preview p {
          font-size: 1.14286rem;
          line-height: 24px; }
          .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .content .dispute-evidence-form .preview p div {
            text-align: left; }
          .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .content .dispute-evidence-form .preview p a {
            color: #0E5BF3; }
          .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .content .dispute-evidence-form .preview p.download-file {
            color: #0E5BF3;
            cursor: pointer;
            display: inline;
            text-decoration: underline; }
  @media only screen and (max-width: 767px) {
    .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .content {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2; }
      .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .details {
        min-height: auto;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        width: auto; }
        .internet-payments-wrapper .dispute-evidence-modal .dispute-evidence .details .details-content {
          position: unset; } }

.internet-payments-wrapper .dispute-evidence-modal .submit-confirmation-modal {
  max-width: 560px; }
  .internet-payments-wrapper .dispute-evidence-modal .submit-confirmation-modal .container {
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset; }
    .internet-payments-wrapper .dispute-evidence-modal .submit-confirmation-modal .container .headerName {
      font-size: 1.42857rem;
      line-height: 24px;
      padding: 24px 32px 0 32px; }
    .internet-payments-wrapper .dispute-evidence-modal .submit-confirmation-modal .container .content {
      padding: 24px 32px; }
      .internet-payments-wrapper .dispute-evidence-modal .submit-confirmation-modal .container .content .text {
        font-size: 1.14286rem;
        font-weight: 400;
        line-height: 24px;
        text-align: left; }

.internet-payments-wrapper .apm-service-modal .fullscreen-modal .header {
  background-color: #FFFFFF;
  border-bottom: inset rgba(0, 0, 0, 0.16);
  height: auto;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  z-index: 2; }
  @media only screen and (max-width: 767px) {
    .internet-payments-wrapper .apm-service-modal .fullscreen-modal .header {
      padding-right: 70px; } }
  .internet-payments-wrapper .apm-service-modal .fullscreen-modal .header h2 {
    color: rgba(0, 0, 0, 0.87);
    font-size: 1.42857rem;
    font-weight: 400;
    letter-spacing: 0.18px;
    line-height: 24px;
    margin: 16px; }
  .internet-payments-wrapper .apm-service-modal .fullscreen-modal .header .icon {
    background: rgba(0, 0, 0, 0.04);
    border-left: none;
    border-radius: 50px;
    color: #666666;
    height: 40px;
    margin: 8px 16px;
    padding: 13px;
    width: 40px; }
    .internet-payments-wrapper .apm-service-modal .fullscreen-modal .header .icon:hover, .internet-payments-wrapper .apm-service-modal .fullscreen-modal .header .icon.active {
      background-color: rgba(14, 91, 243, 0.06);
      color: #0E5BF3; }

.internet-payments-wrapper .apm-service-modal .fullscreen-modal .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-height: calc(100vh - 62px); }

.internet-payments-wrapper .apm-service-modal .fullscreen-modal .actions {
  border-top: none;
  z-index: 2; }

.ach-payments-modal {
  border-radius: 16px;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 35px 30px;
  width: 70%; }
  @media only screen and (max-width: 767px) {
    .ach-payments-modal {
      padding: 18px 12px;
      width: 95%; } }
  .ach-payments-modal .preconditions-item {
    margin: 10px 0; }
    .ach-payments-modal .preconditions-item.mandatory {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-bottom: 15px;
      margin-top: 0; }
      .ach-payments-modal .preconditions-item.mandatory .checkbox {
        margin-top: 15px; }
    .ach-payments-modal .preconditions-item .ach-input-field {
      margin: 8px 0; }
      .ach-payments-modal .preconditions-item .ach-input-field .internet-payments-input-container .internet-payments-input.input {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .ach-payments-modal .preconditions-item .ach-input-field input {
        border-radius: 4px; }
    .ach-payments-modal .preconditions-item .item-title {
      font-weight: bold; }
  .ach-payments-modal p {
    margin-bottom: 0; }
  .ach-payments-modal .divider {
    margin: 25px 0; }
    .ach-payments-modal .divider.second {
      margin-bottom: 30px;
      margin-top: 10px; }
  .ach-payments-modal .ui.primary.button {
    margin: 15px 0; }
  .ach-payments-modal .back {
    color: #626262;
    cursor: pointer;
    text-decoration: underline; }
  .ach-payments-modal .confirmation-page {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 30px; }
    @media only screen and (max-width: 767px) {
      .ach-payments-modal .confirmation-page {
        padding: 5px 5px 0 5px; } }
    .ach-payments-modal .confirmation-page .ui.primary.button {
      margin-bottom: 0;
      margin-top: 80px;
      width: 100%; }
      @media only screen and (max-width: 767px) {
        .ach-payments-modal .confirmation-page .ui.primary.button {
          margin-top: 40px; } }
    .ach-payments-modal .confirmation-page span {
      line-height: 2em; }
    .ach-payments-modal .confirmation-page .text {
      font-weight: bold; }
    .ach-payments-modal .confirmation-page :nth-child(1) {
      margin-bottom: 50px; }

.internet-payments-wrapper .case-details {
  max-width: 1232px; }

.internet-payments-wrapper .case-details .transaction-details {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  margin-top: 16px; }

.internet-payments-wrapper .case-details .payment-details {
  margin-bottom: 16px; }

.internet-payments-wrapper .case-details .transaction-details, .internet-payments-wrapper .case-details .payment-details {
  background: #FAFAFA;
  border-radius: 4px;
  padding: 24px 24px 15px 24px; }
  .internet-payments-wrapper .case-details .transaction-details h3, .internet-payments-wrapper .case-details .payment-details h3 {
    -ms-flex-item-align: stretch;
        align-self: stretch;
    color: rgba(0, 0, 0, 0.87);
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -ms-flex-positive: 0;
        flex-grow: 0;
    font-size: 1.42857rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.18px;
    line-height: 24px;
    margin-bottom: 15px;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; }
  .internet-payments-wrapper .case-details .transaction-details .details-list, .internet-payments-wrapper .case-details .payment-details .details-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .internet-payments-wrapper .case-details .transaction-details .details-list ul, .internet-payments-wrapper .case-details .payment-details .details-list ul {
      display: inline-block;
      list-style: none;
      margin: 0;
      padding: 0;
      width: 100%; }
      .internet-payments-wrapper .case-details .transaction-details .details-list ul li, .internet-payments-wrapper .case-details .payment-details .details-list ul li {
        padding: 9px 0; }
        .internet-payments-wrapper .case-details .transaction-details .details-list ul li h4, .internet-payments-wrapper .case-details .payment-details .details-list ul li h4 {
          -ms-flex-item-align: stretch;
              align-self: stretch;
          color: rgba(0, 0, 0, 0.87);
          display: block;
          font-size: 1rem;
          font-weight: 700;
          letter-spacing: 0.1px;
          line-height: 24px;
          margin-bottom: 6px;
          padding: 0; }
        .internet-payments-wrapper .case-details .transaction-details .details-list ul li p, .internet-payments-wrapper .case-details .payment-details .details-list ul li p {
          color: rgba(0, 0, 0, 0.87);
          display: block;
          font-size: 1rem;
          font-weight: 400;
          letter-spacing: 0.25px;
          line-height: 20px; }
          .internet-payments-wrapper .case-details .transaction-details .details-list ul li p div, .internet-payments-wrapper .case-details .payment-details .details-list ul li p div {
            text-align: left; }
    @media only screen and (max-width: 767px) {
      .internet-payments-wrapper .case-details .transaction-details .details-list, .internet-payments-wrapper .case-details .payment-details .details-list {
        display: block; }
        .internet-payments-wrapper .case-details .transaction-details .details-list ul, .internet-payments-wrapper .case-details .payment-details .details-list ul {
          display: block; } }

.internet-payments-wrapper .case-summary-panel {
  background-color: #FAFAFA;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 16px;
  padding: 24px 18px; }
  .internet-payments-wrapper .case-summary-panel .info-tile {
    width: 100%; }
    .internet-payments-wrapper .case-summary-panel .info-tile span.currency {
      color: rgba(0, 0, 0, 0.6);
      font-size: 0.71429rem;
      font-style: normal;
      letter-spacing: 1px;
      line-height: 16px;
      text-transform: uppercase; }
  @media only screen and (max-width: 767px) {
    .internet-payments-wrapper .case-summary-panel {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .internet-payments-wrapper .case-summary-panel .info-tile {
        margin-bottom: 10px; } }

.internet-payments-wrapper .dispute-details {
  border: 1px solid #FFFFFF;
  border-radius: 4px;
  margin-bottom: 16px;
  margin-top: 16px; }
  .internet-payments-wrapper .dispute-details .actions {
    background: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 4px 10px; }
    .internet-payments-wrapper .dispute-details .actions button {
      padding: 8px 34px; }
      .internet-payments-wrapper .dispute-details .actions button .icon {
        font-size: 1rem;
        margin-right: 11px; }
    .internet-payments-wrapper .dispute-details .actions.align-right {
      -webkit-box-pack: right;
          -ms-flex-pack: right;
              justify-content: right; }
    @media only screen and (max-width: 767px) {
      .internet-payments-wrapper .dispute-details .actions {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .internet-payments-wrapper .dispute-details .actions.align-right {
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; } }
  .internet-payments-wrapper .dispute-details .info {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
    .internet-payments-wrapper .dispute-details .info .message {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0 0 24px 0; }
      .internet-payments-wrapper .dispute-details .info .message .icon {
        font-size: 1.42857rem;
        margin-right: 18px; }
      .internet-payments-wrapper .dispute-details .info .message h2 {
        color: rgba(0, 0, 0, 0.87);
        font-size: 1.71429rem;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.18px;
        line-height: 24px;
        margin: -1px 0 0 0;
        padding: 0; }
    .internet-payments-wrapper .dispute-details .info p {
      -ms-flex-item-align: stretch;
          align-self: stretch;
      color: rgba(0, 0, 0, 0.87);
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      -ms-flex-positive: 0;
          flex-grow: 0;
      font-size: 1.14286rem;
      letter-spacing: 0.25px;
      line-height: 24px;
      margin: 0;
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0;
      padding: 0; }
      .internet-payments-wrapper .dispute-details .info p b {
        display: block;
        font-weight: 700;
        letter-spacing: 0.15px;
        margin-bottom: 8px; }
      .internet-payments-wrapper .dispute-details .info p div {
        text-align: left; }
  .internet-payments-wrapper .dispute-details .info, .internet-payments-wrapper .dispute-details .details {
    border-radius: 4px;
    padding: 24px 24px 15px 24px; }
    .internet-payments-wrapper .dispute-details .info h3, .internet-payments-wrapper .dispute-details .details h3 {
      -ms-flex-item-align: stretch;
          align-self: stretch;
      color: rgba(0, 0, 0, 0.87);
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      -ms-flex-positive: 0;
          flex-grow: 0;
      font-size: 1.42857rem;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0.18px;
      line-height: 24px;
      margin-bottom: 15px;
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0; }
    .internet-payments-wrapper .dispute-details .info .details-list, .internet-payments-wrapper .dispute-details .details .details-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: start; }
      .internet-payments-wrapper .dispute-details .info .details-list ul, .internet-payments-wrapper .dispute-details .details .details-list ul {
        display: inline-block;
        list-style: none;
        margin: 0 48px 0 0;
        padding: 0; }
        .internet-payments-wrapper .dispute-details .info .details-list ul:last-child, .internet-payments-wrapper .dispute-details .details .details-list ul:last-child {
          margin: 0; }
        .internet-payments-wrapper .dispute-details .info .details-list ul li, .internet-payments-wrapper .dispute-details .details .details-list ul li {
          padding: 9px 0; }
          .internet-payments-wrapper .dispute-details .info .details-list ul li h4, .internet-payments-wrapper .dispute-details .details .details-list ul li h4 {
            -ms-flex-item-align: stretch;
                align-self: stretch;
            color: rgba(0, 0, 0, 0.87);
            display: block;
            font-size: 1rem;
            font-weight: 700;
            letter-spacing: 0.1px;
            line-height: 24px;
            margin-bottom: 6px;
            padding: 0; }
          .internet-payments-wrapper .dispute-details .info .details-list ul li p, .internet-payments-wrapper .dispute-details .details .details-list ul li p {
            color: rgba(0, 0, 0, 0.87);
            display: block;
            font-size: 1rem;
            font-weight: 400;
            letter-spacing: 0.25px;
            line-height: 20px; }
      @media only screen and (max-width: 767px) {
        .internet-payments-wrapper .dispute-details .info .details-list, .internet-payments-wrapper .dispute-details .details .details-list {
          display: block;
          margin: 0; }
          .internet-payments-wrapper .dispute-details .info .details-list ul, .internet-payments-wrapper .dispute-details .details .details-list ul {
            display: block; } }
  .internet-payments-wrapper .dispute-details.need-response, .internet-payments-wrapper .dispute-details.awaiting-info {
    border-color: #136EF6; }
    .internet-payments-wrapper .dispute-details.need-response .info > .message > .icon, .internet-payments-wrapper .dispute-details.awaiting-info .info > .message > .icon {
      color: #f6a735; }
      .internet-payments-wrapper .dispute-details.need-response .info > .message > .icon::before, .internet-payments-wrapper .dispute-details.awaiting-info .info > .message > .icon::before {
        content: "\f06a"; }
  .internet-payments-wrapper .dispute-details.lost, .internet-payments-wrapper .dispute-details.accepted {
    border-color: #FF5625; }
    .internet-payments-wrapper .dispute-details.lost .info > .message > .icon, .internet-payments-wrapper .dispute-details.accepted .info > .message > .icon {
      color: #FF5625; }
      .internet-payments-wrapper .dispute-details.lost .info > .message > .icon::before, .internet-payments-wrapper .dispute-details.accepted .info > .message > .icon::before {
        content: "\f057"; }
  .internet-payments-wrapper .dispute-details.won {
    border-color: #48AA2F; }
    .internet-payments-wrapper .dispute-details.won .info > .message > .icon {
      color: #48AA2F; }
      .internet-payments-wrapper .dispute-details.won .info > .message > .icon::before {
        content: "\f058"; }
  .internet-payments-wrapper .dispute-details .delete-confirmation-modal .container {
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset; }
    .internet-payments-wrapper .dispute-details .delete-confirmation-modal .container .headerName {
      font-size: 1.42857rem;
      line-height: 24px;
      padding: 24px 32px 0 32px; }
    .internet-payments-wrapper .dispute-details .delete-confirmation-modal .container .content {
      padding: 24px 32px; }
      .internet-payments-wrapper .dispute-details .delete-confirmation-modal .container .content .text {
        font-size: 1.14286rem;
        font-weight: 400;
        line-height: 24px;
        text-align: left; }

.ui.segment.page-not-found {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 5.5em;
  width: 100%; }
  .ui.segment.page-not-found h1 {
    color: #090304;
    font-size: 3.42857rem;
    margin: 0.5em 0 0.2em 0; }
  .ui.segment.page-not-found img {
    display: block;
    max-height: 70vh;
    max-width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    overflow: hidden; }

@media only screen and (max-width: 767px) {
  .ui.segment.page-not-found {
    min-height: 88vh;
    padding-top: 0; }
    .ui.segment.page-not-found h1 {
      font-size: 3.42857rem; }
    .ui.segment.page-not-found p {
      margin: 0em 1em 1em 1em; } }

.internet-payments-wrapper .dropdown.standard {
  background-color: #F5F5F5;
  border: 1px solid #F5F5F5;
  border-radius: 20px;
  margin-right: 10px;
  padding: 10px; }
  .internet-payments-wrapper .dropdown.standard .label {
    color: rgba(0, 0, 0, 0.38);
    margin: 5px;
    pointer-events: none; }
  .internet-payments-wrapper .dropdown.standard .icon.chevron {
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.92857rem;
    margin-left: 9px; }
  .internet-payments-wrapper .dropdown.standard .menu {
    margin-top: 1px;
    width: 100%; }
  .internet-payments-wrapper .dropdown.standard:hover {
    border: 1px solid #136EF6; }
  .internet-payments-wrapper .dropdown.standard.active {
    background-color: #FFFFFF;
    border: 1px solid #136EF6; }
    .internet-payments-wrapper .dropdown.standard.active .label {
      color: #136EF6; }
    .internet-payments-wrapper .dropdown.standard.active .icon.chevron.down {
      color: #136EF6;
      opacity: 1;
      -webkit-transform: rotate(180deg) translateY(-6px);
              transform: rotate(180deg) translateY(-6px); }
  @media only screen and (max-width: 767px) {
    .internet-payments-wrapper .dropdown.standard {
      margin-right: 0px;
      width: 100%; } }

.internet-payments-wrapper .tab-elements.standard .ui.menu .item {
  border-width: 0.3em;
  font-size: 1.14286rem;
  -webkit-transition: border-color ease-in-out 0.2s;
  transition: border-color ease-in-out 0.2s; }
  .internet-payments-wrapper .tab-elements.standard .ui.menu .item.active {
    border-color: #0E5BF3;
    color: #090304; }
    .internet-payments-wrapper .tab-elements.standard .ui.menu .item.active:hover {
      border-color: #0E5BF3; }
  .internet-payments-wrapper .tab-elements.standard .ui.menu .item:hover {
    border-color: #88B7FA; }
  .internet-payments-wrapper .tab-elements.standard .ui.menu .item .color-dot-label {
    background: #ececec;
    border-radius: 10px;
    font-size: 0.85714rem;
    height: 20px;
    margin-left: 3px;
    padding: 0 7px 0 3px; }
    .internet-payments-wrapper .tab-elements.standard .ui.menu .item .color-dot-label .dot {
      margin: 0 4px; }
    .internet-payments-wrapper .tab-elements.standard .ui.menu .item .color-dot-label .color-dot-value {
      font-weight: 400; }

.internet-payments-wrapper button.circular-button, .internet-payments-wrapper button.dropdown-file-selector, .internet-payments-wrapper .download-label-button button.download, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title button.close-btn, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper button.close-btn {
  border: none; }
  .internet-payments-wrapper button.circular-button i, .internet-payments-wrapper button.dropdown-file-selector i, .internet-payments-wrapper .download-label-button button.download i, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title button.close-btn i, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper button.close-btn i {
    margin: 0; }

.internet-payments-wrapper .circular-button, .internet-payments-wrapper .dropdown-file-selector, .internet-payments-wrapper .download-label-button .download, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title .close-btn, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .close-btn, .internet-payments-wrapper .circular-button.primary, .internet-payments-wrapper .primary.dropdown-file-selector, .internet-payments-wrapper .download-label-button .primary.download, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title .primary.close-btn, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .primary.close-btn {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #0E5BF3;
  border: none;
  border-radius: 50px;
  color: #FFFFFF;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  min-height: 40px;
  min-width: 40px;
  padding: 0;
  width: 40px; }
  .internet-payments-wrapper .circular-button.disabled, .internet-payments-wrapper .disabled.dropdown-file-selector, .internet-payments-wrapper .download-label-button .disabled.download, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title .disabled.close-btn, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .disabled.close-btn, .internet-payments-wrapper .circular-button.primary.disabled, .internet-payments-wrapper .primary.disabled.dropdown-file-selector, .internet-payments-wrapper .download-label-button .primary.disabled.download, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title .primary.disabled.close-btn, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .primary.disabled.close-btn {
    opacity: 0.5;
    pointer-events: none; }
  .internet-payments-wrapper .circular-button:hover, .internet-payments-wrapper .dropdown-file-selector:hover, .internet-payments-wrapper .download-label-button .download:hover, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title .close-btn:hover, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .close-btn:hover, .internet-payments-wrapper .circular-button.active, .internet-payments-wrapper .active.dropdown-file-selector, .internet-payments-wrapper .download-label-button .active.download, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title .active.close-btn, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .active.close-btn, .internet-payments-wrapper .circular-button.primary:hover, .internet-payments-wrapper .primary.dropdown-file-selector:hover, .internet-payments-wrapper .download-label-button .primary.download:hover, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title .primary.close-btn:hover, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .primary.close-btn:hover, .internet-payments-wrapper .circular-button.primary.active, .internet-payments-wrapper .primary.active.dropdown-file-selector, .internet-payments-wrapper .download-label-button .primary.active.download, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title .primary.active.close-btn, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .primary.active.close-btn {
    background-color: #136EF6; }
  .internet-payments-wrapper .circular-button.secondary, .internet-payments-wrapper .dropdown-file-selector, .internet-payments-wrapper .download-label-button .download, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title .close-btn, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .close-btn, .internet-payments-wrapper .circular-button.primary.secondary, .internet-payments-wrapper .primary.dropdown-file-selector, .internet-payments-wrapper .download-label-button .primary.download, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title .primary.close-btn, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .primary.close-btn {
    background-color: rgba(0, 0, 0, 0.04);
    color: #666666; }
    .internet-payments-wrapper .circular-button.secondary:hover, .internet-payments-wrapper .dropdown-file-selector:hover, .internet-payments-wrapper .download-label-button .download:hover, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title .close-btn:hover, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .close-btn:hover, .internet-payments-wrapper .circular-button.secondary.active, .internet-payments-wrapper .active.dropdown-file-selector, .internet-payments-wrapper .download-label-button .active.download, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title .active.close-btn, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .active.close-btn, .internet-payments-wrapper .circular-button.primary.secondary:hover, .internet-payments-wrapper .primary.dropdown-file-selector:hover, .internet-payments-wrapper .download-label-button .primary.download:hover, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title .primary.close-btn:hover, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .primary.close-btn:hover, .internet-payments-wrapper .circular-button.primary.secondary.active, .internet-payments-wrapper .primary.active.dropdown-file-selector, .internet-payments-wrapper .download-label-button .primary.active.download, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title .primary.active.close-btn, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .primary.active.close-btn {
      background-color: rgba(14, 91, 243, 0.06);
      color: #0E5BF3; }
  .internet-payments-wrapper .circular-button + .circular-button, .internet-payments-wrapper .dropdown-file-selector + .circular-button, .internet-payments-wrapper .download-label-button .download + .circular-button, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title .close-btn + .circular-button, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .close-btn + .circular-button, .internet-payments-wrapper .circular-button + .dropdown-file-selector, .internet-payments-wrapper .dropdown-file-selector + .dropdown-file-selector, .internet-payments-wrapper .download-label-button .download + .dropdown-file-selector, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title .close-btn + .dropdown-file-selector, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .close-btn + .dropdown-file-selector, .internet-payments-wrapper .download-label-button .circular-button + .download, .internet-payments-wrapper .download-label-button .dropdown-file-selector + .download, .internet-payments-wrapper .download-label-button .download + .download, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title .download-label-button .close-btn + .download, .internet-payments-wrapper .download-label-button .internet-payments-fullscreen-modal > .header.top-title .close-btn + .download, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .download-label-button .close-btn + .download, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title .circular-button + .close-btn, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .circular-button + .close-btn, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title .dropdown-file-selector + .close-btn, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .dropdown-file-selector + .close-btn, .internet-payments-wrapper .download-label-button .internet-payments-fullscreen-modal > .header.top-title .download + .close-btn, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .download-label-button .download + .close-btn, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title .close-btn + .close-btn, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .close-btn + .close-btn, .internet-payments-wrapper .circular-button.primary + .circular-button, .internet-payments-wrapper .primary.dropdown-file-selector + .circular-button, .internet-payments-wrapper .download-label-button .primary.download + .circular-button, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title .primary.close-btn + .circular-button, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .primary.close-btn + .circular-button, .internet-payments-wrapper .circular-button.primary + .dropdown-file-selector, .internet-payments-wrapper .primary.dropdown-file-selector + .dropdown-file-selector, .internet-payments-wrapper .download-label-button .primary.download + .dropdown-file-selector, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title .primary.close-btn + .dropdown-file-selector, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .primary.close-btn + .dropdown-file-selector, .internet-payments-wrapper .download-label-button .circular-button.primary + .download, .internet-payments-wrapper .download-label-button .primary.dropdown-file-selector + .download, .internet-payments-wrapper .download-label-button .primary.download + .download, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title .download-label-button .primary.close-btn + .download, .internet-payments-wrapper .download-label-button .internet-payments-fullscreen-modal > .header.top-title .primary.close-btn + .download, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .download-label-button .primary.close-btn + .download, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title .circular-button.primary + .close-btn, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .circular-button.primary + .close-btn, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title .primary.dropdown-file-selector + .close-btn, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .primary.dropdown-file-selector + .close-btn, .internet-payments-wrapper .download-label-button .internet-payments-fullscreen-modal > .header.top-title .primary.download + .close-btn, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .download-label-button .primary.download + .close-btn, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title .primary.close-btn + .close-btn, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .primary.close-btn + .close-btn {
    margin-left: 8px; }

.internet-payments-wrapper .info-tile {
  background: #FFFFFF;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
  margin: 0 8px;
  min-width: 135px;
  padding: 16px; }
  .internet-payments-wrapper .info-tile .label {
    display: block;
    font-weight: bold; }
  .internet-payments-wrapper .info-tile .color-dot-label {
    font-weight: bold; }
    .internet-payments-wrapper .info-tile .color-dot-label .dot {
      font-size: 0.85714rem; }

.internet-payments-wrapper .info-pill {
  background: rgba(14, 91, 243, 0.06);
  border-radius: 15px;
  color: #0E5BF3;
  font-size: 0.85714rem;
  padding: 0 7px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }
  .internet-payments-wrapper .info-pill.disabled {
    background: rgba(0, 0, 0, 0.04);
    color: #666666; }

.internet-payments-wrapper .info-box .header .title {
  background-color: #F5F5F5;
  padding: 6px 8px; }

.internet-payments-wrapper .input-container {
  background-color: #FAFAFA;
  padding: 5px 0 5px 22px; }

.internet-payments-wrapper .status-code-chip {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.38);
  border: none;
  border-radius: 15px;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  height: 30px;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  margin: 0;
  min-height: 30px;
  min-width: 75px;
  padding: 0;
  width: 75px; }
  .internet-payments-wrapper .status-code-chip.failed {
    background-color: #ff0000; }
  .internet-payments-wrapper .status-code-chip.success {
    background-color: #48AA2F; }
  .internet-payments-wrapper .status-code-chip .icon {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px); }

.internet-payments-wrapper .customer-details-top .page-top-nav {
  min-width: 946px; }

.internet-payments-wrapper .customer-details {
  background-color: #FAFAFA;
  border-top: 1px solid #D8D8D8;
  min-width: 946px; }
  .internet-payments-wrapper .customer-details .risk-block-list-tooltip-container .icon {
    -webkit-transform: scale(0.7);
            transform: scale(0.7); }

.internet-payments-wrapper .customer-summary-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1.42857em;
  width: 946px; }
  .internet-payments-wrapper .customer-summary-panel .info-tile {
    width: 135px; }

.internet-payments-wrapper .customer-details-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.92857em;
  padding: 1.42857em;
  width: 946px; }
  .internet-payments-wrapper .customer-details-panel ul {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0; }
    .internet-payments-wrapper .customer-details-panel ul li {
      font-size: 1rem;
      margin-bottom: 0.57143em; }
  .internet-payments-wrapper .customer-details-panel .label {
    display: block;
    font-weight: bold; }
  .internet-payments-wrapper .customer-details-panel .counter-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .internet-payments-wrapper .customer-details-panel .counter-label .color-dot-label {
      background: #ececec;
      border-radius: 10px;
      font-size: 0.85714rem;
      margin-left: 0.35714em;
      padding: 0 0.71429em 0 0.35714em; }
      .internet-payments-wrapper .customer-details-panel .counter-label .color-dot-label .dot {
        margin: 0 0.35714em; }
  .internet-payments-wrapper .customer-details-panel .chargeback-list {
    color: #136EF6; }
  .internet-payments-wrapper .customer-details-panel .details-list {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin: 0.35714em 0.71429em;
    word-break: break-all; }
    .internet-payments-wrapper .customer-details-panel .details-list:last-of-type {
      margin-right: 100px; }
    .internet-payments-wrapper .customer-details-panel .details-list .details-list-items .no-wrap {
      word-break: keep-all; }
    .internet-payments-wrapper .customer-details-panel .details-list .details-list-items .risk-color-A {
      color: #48AA2F; }
    .internet-payments-wrapper .customer-details-panel .details-list .details-list-items .risk-color-D {
      color: #B00020; }

.internet-payments-wrapper .customers-search-summary {
  background-color: #FAFAFA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow-x: auto;
  padding: 1.42857em; }
  .internet-payments-wrapper .customers-search-summary::-webkit-scrollbar {
    display: none; }
  .internet-payments-wrapper .customers-search-summary .info-tile {
    width: 170px; }

.internet-payments-wrapper:not(.redirect-from-lbm2) > .ui.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.internet-payments-wrapper .customers-controls {
  margin-bottom: 0.71429em; }
  .internet-payments-wrapper .customers-controls .mobile-search {
    margin-bottom: 1.14286em; }
  .internet-payments-wrapper .customers-controls .desktop-filters {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .internet-payments-wrapper .customers-controls .list-search {
    width: 100%; }
  .internet-payments-wrapper .customers-controls .export-controls {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .internet-payments-wrapper .customers-controls .customers-controls-mobile {
    padding-right: 1.07143em;
    width: 100%; }
    .internet-payments-wrapper .customers-controls .customers-controls-mobile .dropdown {
      margin-top: 1.42857em; }

.internet-payments-wrapper .customer-actions {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  margin-right: 0.42857em; }
  .internet-payments-wrapper .customer-actions .filter-button {
    margin-bottom: 1.42857em; }

.internet-payments-wrapper .centered {
  text-align: center; }

.internet-payments-wrapper .loader-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 500px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .internet-payments-wrapper .loader-container .loader-text {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: -10px;
    position: absolute;
    z-index: 2; }
    .internet-payments-wrapper .loader-container .loader-text svg {
      height: 73.459px;
      width: 42.871px; }
  .internet-payments-wrapper .loader-container .main-container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .internet-payments-wrapper .loader-container .main-container svg {
      -webkit-animation: loader 0.5s linear infinite;
              animation: loader 0.5s linear infinite;
      height: 128px;
      width: 128px; }

.internet-payments-wrapper .button-loader {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #0E5BF3 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: none;
  width: 100%; }

.internet-payments-wrapper .spinner,
.internet-payments-wrapper .icon-loader {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-animation: loader 0.3s linear infinite;
          animation: loader 0.3s linear infinite;
  border: 2px solid rgba(196, 196, 196, 0.4);
  border-radius: 50%;
  border-top: 2px solid #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px; }

.internet-payments-wrapper .icon-loader {
  border: 2px solid #88B7FA;
  border-top: 2px solid #0E5BF3; }

@media only screen and (max-width: 767px) {
  .internet-payments-wrapper .spinner {
    height: 20px;
    width: 20px; } }

.internet-payments-wrapper .ui.message {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-animation: fadeIn .5s ease-in-out;
          animation: fadeIn .5s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.71429em 1.28571em; }
  .internet-payments-wrapper .ui.message p {
    color: #000000;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.25px;
    line-height: 20px;
    margin: 0; }
  .internet-payments-wrapper .ui.message svg {
    -ms-flex-item-align: start;
        align-self: flex-start;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    height: 20px;
    margin-right: 10px;
    width: 20px; }
  .internet-payments-wrapper .ui.message.warning {
    background: rgba(246, 167, 53, 0.08); }
    .internet-payments-wrapper .ui.message.warning svg {
      fill: #f6a735; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.internet-payments-wrapper .customers .tray .internet-payments-sliding-tray .tray-header h2 {
  font-size: 1.71429rem; }

.internet-payments-wrapper .customers .tray .internet-payments-sliding-tray .tray-header i.big.icon {
  background: #f0f0f0;
  color: #666666;
  font-size: 1.71429rem; }
  .internet-payments-wrapper .customers .tray .internet-payments-sliding-tray .tray-header i.big.icon:hover {
    background: rgba(14, 91, 243, 0.06);
    color: #0E5BF3; }

.internet-payments-wrapper .customers .tray .internet-payments-sliding-tray .content h4 {
  color: #ACACAC; }

.internet-payments-wrapper .customers .tray .internet-payments-sliding-tray .content .checklist__select label {
  word-break: break-word; }

.internet-payments-wrapper .customers .tray .internet-payments-sliding-tray .content .exporting-tray__date-picker .input {
  margin: 0;
  width: 100%; }
  .internet-payments-wrapper .customers .tray .internet-payments-sliding-tray .content .exporting-tray__date-picker .input .label {
    margin: 10px; }

.internet-payments-wrapper .customers .tray .internet-payments-sliding-tray .content .show-more {
  color: #0E5BF3;
  padding: 0.71429em; }
  .internet-payments-wrapper .customers .tray .internet-payments-sliding-tray .content .show-more .icon {
    font-size: 1rem;
    padding-left: 0.35714em; }

.internet-payments-wrapper .customers .tray .internet-payments-sliding-tray .actions .button {
  width: 100%; }

.internet-payments-wrapper .customers .tray .internet-payments-sliding-tray .actions .export-button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

@media only screen and (max-width: 767px) {
  .internet-payments-wrapper .customers .tray .sliding-tray .actions {
    padding: 0px 0.35714em 2.14286em 0.35714em; } }

.internet-payments-wrapper .customer-filtering-tray .input:nth-of-type(1) {
  margin-bottom: 1.07143em; }

.internet-payments-wrapper .customer-filtering-tray .datetime-range-picker-input:hover {
  border-color: rgba(0, 0, 0, 0.38); }

.internet-payments-wrapper .customer-filtering-tray .desktop-datepicker i {
  margin-top: -35px; }

.internet-payments-wrapper .select-items label {
  font-weight: 600; }

.internet-payments-wrapper .ui.disabled.checkbox {
  pointer-events: none; }

.internet-payments-wrapper .ui.checkbox label:hover::before {
  border-color: #D8D8D8; }

.internet-payments-wrapper .ui.checkbox input:checked ~ label:before {
  background: #0E5BF3;
  border-color: #0E5BF3; }

.internet-payments-wrapper .ui.checkbox.checked:not(.toggle):hover::before {
  border-radius: 50%;
  content: "";
  height: 31px;
  left: -7px;
  opacity: 0.1;
  position: absolute;
  top: -7px;
  width: 31px;
  background-color: #136EF6; }

.internet-payments-wrapper .ui.checkbox:not(.toggle):hover::before {
  border-radius: 50%;
  content: "";
  height: 31px;
  left: -7px;
  opacity: 0.1;
  position: absolute;
  top: -7px;
  width: 31px;
  background-color: #989898; }

.internet-payments-wrapper .ui.checkbox.partially-selected:hover::before {
  border-radius: 50%;
  content: "";
  height: 31px;
  left: -7px;
  opacity: 0.1;
  position: absolute;
  top: -7px;
  width: 31px;
  background-color: #136EF6; }

.internet-payments-wrapper .tray .content .desktop-datepicker {
  background-color: transparent;
  border-radius: 0px;
  display: block;
  padding: 0; }
  .internet-payments-wrapper .tray .content .desktop-datepicker .period-text {
    font-size: 0.85714rem;
    padding-left: 5px; }
  .internet-payments-wrapper .tray .content .desktop-datepicker input {
    border: none;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    font-size: 1.14286rem;
    padding: 0 0 0 10px; }
  .internet-payments-wrapper .tray .content .desktop-datepicker i {
    float: right;
    margin-right: 16px;
    margin-top: -32px; }

.internet-payments-wrapper .tray .content .customer-mobile-datepicker {
  background-color: transparent;
  border-radius: 0px;
  display: block;
  padding: 0; }
  .internet-payments-wrapper .tray .content .customer-mobile-datepicker .ip-date-range-picker {
    background-color: transparent;
    border: 1px solid #f0f0f0;
    border-radius: 0px; }
    .internet-payments-wrapper .tray .content .customer-mobile-datepicker .ip-date-range-picker:hover {
      border: 1px solid rgba(0, 0, 0, 0.38); }
    .internet-payments-wrapper .tray .content .customer-mobile-datepicker .ip-date-range-picker.active {
      border: 1px solid #136EF6; }
    .internet-payments-wrapper .tray .content .customer-mobile-datepicker .ip-date-range-picker input {
      border: none; }

.s4-reservation-table-container .internet-payments-toggle.toggle.ui label,
.s4-form-page-container .internet-payments-toggle.toggle.ui label,
.internet-payments-wrapper .internet-payments-toggle.toggle.ui label {
  padding-left: 3.4rem; }
  .s4-reservation-table-container .internet-payments-toggle.toggle.ui label:before,
  .s4-form-page-container .internet-payments-toggle.toggle.ui label:before,
  .internet-payments-wrapper .internet-payments-toggle.toggle.ui label:before {
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
    width: 3rem; }
  .s4-reservation-table-container .internet-payments-toggle.toggle.ui label:after,
  .s4-form-page-container .internet-payments-toggle.toggle.ui label:after,
  .internet-payments-wrapper .internet-payments-toggle.toggle.ui label:after {
    left: 0.3rem;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    -webkit-transition: background-color 0.1s ease !important;
    transition: background-color 0.1s ease !important; }
  .s4-reservation-table-container .internet-payments-toggle.toggle.ui label:hover:after,
  .s4-form-page-container .internet-payments-toggle.toggle.ui label:hover:after,
  .internet-payments-wrapper .internet-payments-toggle.toggle.ui label:hover:after {
    -webkit-box-shadow: 0px 0px 15px 3px #E5E5E5;
            box-shadow: 0px 0px 15px 3px #E5E5E5; }

.s4-reservation-table-container .internet-payments-toggle.toggle.ui.checked label,
.s4-form-page-container .internet-payments-toggle.toggle.ui.checked label,
.internet-payments-wrapper .internet-payments-toggle.toggle.ui.checked label {
  font-weight: unset; }
  .s4-reservation-table-container .internet-payments-toggle.toggle.ui.checked label:before,
  .s4-form-page-container .internet-payments-toggle.toggle.ui.checked label:before,
  .internet-payments-wrapper .internet-payments-toggle.toggle.ui.checked label:before {
    background: #88B7FA !important;
    border: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    -webkit-transform: scale(0.75);
            transform: scale(0.75); }
  .s4-reservation-table-container .internet-payments-toggle.toggle.ui.checked label:after,
  .s4-form-page-container .internet-payments-toggle.toggle.ui.checked label:after,
  .internet-payments-wrapper .internet-payments-toggle.toggle.ui.checked label:after {
    background-color: #0E5BF3;
    border-color: #0E5BF3;
    left: 1.5rem;
    right: 0;
    -webkit-transition: background-color 0.1s ease;
    transition: background-color 0.1s ease; }
  .s4-reservation-table-container .internet-payments-toggle.toggle.ui.checked label:hover:after,
  .s4-form-page-container .internet-payments-toggle.toggle.ui.checked label:hover:after,
  .internet-payments-wrapper .internet-payments-toggle.toggle.ui.checked label:hover:after {
    -webkit-box-shadow: 0px 0px 15px 2px rgba(136, 183, 250, 0.5);
            box-shadow: 0px 0px 15px 2px rgba(136, 183, 250, 0.5); }

.s4-reservation-table-container .internet-payments-toggle.toggle.ui input:focus:checked ~ label:before,
.s4-form-page-container .internet-payments-toggle.toggle.ui input:focus:checked ~ label:before,
.internet-payments-wrapper .internet-payments-toggle.toggle.ui input:focus:checked ~ label:before {
  background-color: #88B7FA !important; }

.internet-payments-wrapper .general-settings-form {
  max-width: 900px; }
  .internet-payments-wrapper .general-settings-form.center {
    margin: auto; }
  .internet-payments-wrapper .general-settings-form h2 {
    margin: 0px;
    padding-bottom: 25px; }
  .internet-payments-wrapper .general-settings-form .internet-payments-dropdown {
    margin-bottom: 20px; }
  .internet-payments-wrapper .general-settings-form .internet-payments-toggle {
    margin-bottom: 20px; }
  .internet-payments-wrapper .general-settings-form .internet-payments-input-container {
    padding-bottom: 20px; }
  .internet-payments-wrapper .general-settings-form input, .internet-payments-wrapper .general-settings-form textarea {
    border-radius: 3px; }

.internet-payments-wrapper .webhook-events-tray .content ul {
  list-style: none; }

.internet-payments-wrapper .webhook-cards {
  background: #FAFAFA;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: 5px 0 10px 0;
  min-width: 327px;
  padding: 15px 8px 5px 8px; }
  .internet-payments-wrapper .webhook-cards .info-tile {
    margin-bottom: 10px;
    padding: 16px 25px;
    width: 100%; }
    .internet-payments-wrapper .webhook-cards .info-tile .color-dot-label:first-child {
      margin-bottom: 6px; }
    .internet-payments-wrapper .webhook-cards .info-tile .color-dot-label:not(:first-child) {
      margin-left: -6px; }
      .internet-payments-wrapper .webhook-cards .info-tile .color-dot-label:not(:first-child) .color-dot-value {
        font-weight: normal; }
    .internet-payments-wrapper .webhook-cards .info-tile:last-child {
      min-width: -webkit-fit-content;
      min-width: -moz-fit-content;
      min-width: fit-content;
      padding-right: 50px; }
    .internet-payments-wrapper .webhook-cards .info-tile:nth-child(2):hover .hover-list .list {
      display: block; }
  @media only screen and (max-width: 767px) {
    .internet-payments-wrapper .webhook-cards {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }

.internet-payments-wrapper .insights-cards {
  background: #FAFAFA;
  border-radius: 4px;
  margin: 12px 0;
  padding-bottom: 10px; }
  .internet-payments-wrapper .insights-cards .summary-card {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid rgba(196, 196, 196, 0.4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: bold;
    margin-bottom: 10px;
    min-height: 50px;
    padding-left: 10px; }
    .internet-payments-wrapper .insights-cards .summary-card .label {
      font-size: 1rem;
      margin: 0 6px 0 14px; }
    .internet-payments-wrapper .insights-cards .summary-card .percent {
      font-size: 1.42857rem; }
    @media only screen and (max-width: 767px) {
      .internet-payments-wrapper .insights-cards .summary-card {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content; } }
  .internet-payments-wrapper .insights-cards .sub-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 6px; }
    .internet-payments-wrapper .insights-cards .sub-cards .info-tile {
      min-width: 118px;
      width: 100%; }
      @media only screen and (max-width: 767px) {
        .internet-payments-wrapper .insights-cards .sub-cards .info-tile {
          margin-bottom: 10px; } }
    .internet-payments-wrapper .insights-cards .sub-cards .card-row {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      font-size: 1rem;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .internet-payments-wrapper .insights-cards .sub-cards .percent {
      font-size: 1.42857rem;
      margin: 10px 0; }
    .internet-payments-wrapper .insights-cards .sub-cards .count {
      background: #ececec;
      border-radius: 6px;
      padding: 0 6px; }
    @media only screen and (max-width: 767px) {
      .internet-payments-wrapper .insights-cards .sub-cards {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }

.internet-payments-wrapper .insights-auth-cards {
  background: #FAFAFA;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.71429em;
  padding: 0.28571em 0.57143em 1.07143em 0.57143em; }
  .internet-payments-wrapper .insights-auth-cards .info-tile {
    margin-top: 0.71429em;
    width: 100%; }
    .internet-payments-wrapper .insights-auth-cards .info-tile .color-dot-label {
      margin-bottom: 0.71429em; }
    .internet-payments-wrapper .insights-auth-cards .info-tile .total {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 1.42857rem; }
      .internet-payments-wrapper .insights-auth-cards .info-tile .total.transactions {
        font-size: 1.42857rem;
        font-weight: bold; }
    .internet-payments-wrapper .insights-auth-cards .info-tile .percentage {
      background: #ececec;
      border-radius: 6px;
      font-size: 0.85714rem;
      font-weight: bold;
      margin-left: 0.42857em;
      padding: 0px 0.42857em; }
  @media only screen and (max-width: 767px) {
    .internet-payments-wrapper .insights-auth-cards {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }

.internet-payments-wrapper .insights-risk-cards {
  background: #FAFAFA;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.07143em;
  margin-top: 0.71429em;
  padding: 0.28571em 6px 1.07143em 6px; }
  .internet-payments-wrapper .insights-risk-cards .info-tile {
    margin-top: 0.71429em;
    width: 100%; }
    .internet-payments-wrapper .insights-risk-cards .info-tile .total {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 1.42857rem;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-top: 0.42857em; }
      .internet-payments-wrapper .insights-risk-cards .info-tile .total .percentage {
        background: #ececec;
        border-radius: 6px;
        font-size: 1rem;
        font-weight: bold;
        padding: 0px 0.42857em; }
  @media only screen and (max-width: 767px) {
    .internet-payments-wrapper .insights-risk-cards {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }

.internet-payments-wrapper .summary-bar-chart .column-chart.ember-view {
  height: 250px !important; }

.internet-payments-wrapper .summary-bar-chart .summary-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .internet-payments-wrapper .summary-bar-chart .summary-container .summary-info {
    margin-right: 2.14286em; }
    .internet-payments-wrapper .summary-bar-chart .summary-container .summary-info h4 {
      margin: 0px; }
    .internet-payments-wrapper .summary-bar-chart .summary-container .summary-info .summary-color-dot {
      border-radius: 100%;
      display: block;
      height: 8px;
      width: 8px; }
      .internet-payments-wrapper .summary-bar-chart .summary-container .summary-info .summary-color-dot.blue {
        background: #0E5BF3; }
      .internet-payments-wrapper .summary-bar-chart .summary-container .summary-info .summary-color-dot.orange {
        background: #FF5625; }
    .internet-payments-wrapper .summary-bar-chart .summary-container .summary-info .summary-info-title {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 0.35714em; }
      .internet-payments-wrapper .summary-bar-chart .summary-container .summary-info .summary-info-title .summary-color-dot {
        margin-left: 0.42857em; }

.internet-payments-wrapper .summary-bar-chart .summary-barchart-bubble > p {
  margin-bottom: 0 !important;
  text-align: left; }

.internet-payments-wrapper .summary-bar-chart .summary-barchart-bubble > table {
  font-size: 1rem;
  line-height: 1.9;
  margin-top: 0 !important; }
  .internet-payments-wrapper .summary-bar-chart .summary-barchart-bubble > table .dot {
    height: 20px;
    padding-right: 2em;
    position: relative;
    top: -1px;
    width: 20px; }
  .internet-payments-wrapper .summary-bar-chart .summary-barchart-bubble > table tr td {
    text-indent: -2px; }
    .internet-payments-wrapper .summary-bar-chart .summary-barchart-bubble > table tr td:first-child {
      font-weight: bold;
      padding-right: 5.42857em;
      text-align: left; }
    .internet-payments-wrapper .summary-bar-chart .summary-barchart-bubble > table tr td:last-child {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      text-align: right; }
  .internet-payments-wrapper .summary-bar-chart .summary-barchart-bubble > table tr:last-child {
    -webkit-box-shadow: 0 -1px 0 0 #E5E5E5;
            box-shadow: 0 -1px 0 0 #E5E5E5;
    margin-top: 0.14286em; }
    .internet-payments-wrapper .summary-bar-chart .summary-barchart-bubble > table tr:last-child td {
      padding-bottom: 0.21429em;
      padding-top: 0.21429em; }
  .internet-payments-wrapper .summary-bar-chart .summary-barchart-bubble > table tr.value-one .dot {
    color: #0E5BF3; }
  .internet-payments-wrapper .summary-bar-chart .summary-barchart-bubble > table tr.value-two .dot {
    color: #FF5625; }
  .internet-payments-wrapper .summary-bar-chart .summary-barchart-bubble > table tr.combined-value td:last-child {
    display: block; }

.internet-payments-wrapper .summary-line-chart .line-chart.ember-view {
  height: 250px !important; }

.internet-payments-wrapper .insights-controls {
  margin-top: 1em; }
  .internet-payments-wrapper .insights-controls .desktop-datepicker > .datetime-range-picker-input {
    min-width: 175px; }
  @media only screen and (max-width: 767px) {
    .internet-payments-wrapper .insights-controls .ip-date-range-picker {
      margin-bottom: 0.71429em; } }

.internet-payments-wrapper .rule-line-chart .ui.dropdown.standard {
  margin-bottom: 10px; }

.internet-payments-wrapper .rule-line-chart .ui.dropdown.status-dropdown {
  margin-left: 15px; }

.internet-payments-wrapper .rule-line-chart .line-chart {
  height: 300px; }
  .internet-payments-wrapper .rule-line-chart .line-chart .amcharts-balloon-div p {
    margin-bottom: 6px; }
  .internet-payments-wrapper .rule-line-chart .line-chart .amcharts-balloon-div table {
    font-size: 1rem; }
    .internet-payments-wrapper .rule-line-chart .line-chart .amcharts-balloon-div table .dot {
      margin-left: 6px;
      position: relative;
      top: -2px; }
      .internet-payments-wrapper .rule-line-chart .line-chart .amcharts-balloon-div table .dot.blue {
        color: #136EF6; }
      .internet-payments-wrapper .rule-line-chart .line-chart .amcharts-balloon-div table .dot.purple {
        color: #C625FF; }
      .internet-payments-wrapper .rule-line-chart .line-chart .amcharts-balloon-div table .dot.yellow {
        color: #F6A735; }
      .internet-payments-wrapper .rule-line-chart .line-chart .amcharts-balloon-div table .dot.green {
        color: #46A82E; }
      .internet-payments-wrapper .rule-line-chart .line-chart .amcharts-balloon-div table .dot.red {
        color: #B00020; }
    .internet-payments-wrapper .rule-line-chart .line-chart .amcharts-balloon-div table td {
      white-space: nowrap; }
      .internet-payments-wrapper .rule-line-chart .line-chart .amcharts-balloon-div table td.rule-name {
        max-width: 400px;
        overflow: hidden;
        text-overflow: ellipsis; }
      .internet-payments-wrapper .rule-line-chart .line-chart .amcharts-balloon-div table td .rule-amount {
        margin-left: 12px; }

.internet-payments-wrapper .rule-line-chart .fixed-table tr:not(.no-rows) td:not(.td-fixed) {
  text-align: right; }

.internet-payments-wrapper .rule-line-chart .fixed-table .td-fixed {
  cursor: initial; }
  .internet-payments-wrapper .rule-line-chart .fixed-table .td-fixed .checkbox {
    cursor: pointer;
    width: 100%;
    word-break: break-word; }
    .internet-payments-wrapper .rule-line-chart .fixed-table .td-fixed .checkbox:hover:before {
      position: absolute;
      top: 48%;
      -webkit-transform: translateY(-48%);
              transform: translateY(-48%); }
    .internet-payments-wrapper .rule-line-chart .fixed-table .td-fixed .checkbox.disabled {
      pointer-events: none; }
    .internet-payments-wrapper .rule-line-chart .fixed-table .td-fixed .checkbox > label {
      position: relative; }
      .internet-payments-wrapper .rule-line-chart .fixed-table .td-fixed .checkbox > label:before, .internet-payments-wrapper .rule-line-chart .fixed-table .td-fixed .checkbox > label:after {
        position: absolute;
        top: 48%;
        -webkit-transform: translateY(-48%);
                transform: translateY(-48%); }
    .internet-payments-wrapper .rule-line-chart .fixed-table .td-fixed .checkbox.blue input:checked ~ label::before {
      background: #136EF6;
      border-color: #136EF6; }
    .internet-payments-wrapper .rule-line-chart .fixed-table .td-fixed .checkbox.purple input:checked ~ label::before {
      background: #C625FF;
      border-color: #C625FF; }
    .internet-payments-wrapper .rule-line-chart .fixed-table .td-fixed .checkbox.yellow input:checked ~ label::before {
      background: #F6A735;
      border-color: #F6A735; }
    .internet-payments-wrapper .rule-line-chart .fixed-table .td-fixed .checkbox.green input:checked ~ label::before {
      background: #46A82E;
      border-color: #46A82E; }
    .internet-payments-wrapper .rule-line-chart .fixed-table .td-fixed .checkbox.red input:checked ~ label::before {
      background: #B00020;
      border-color: #B00020; }

.internet-payments-wrapper .rule-line-chart .percent-bar {
  background-color: #FF5625;
  display: inline-block;
  height: 17px;
  margin-right: 5%;
  position: relative;
  vertical-align: middle;
  width: 85%; }
  .internet-payments-wrapper .rule-line-chart .percent-bar > span {
    background-color: #136EF6;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0; }

.internet-payments-wrapper .rule-line-chart .show-more-button {
  border: none;
  margin-left: auto;
  text-transform: unset; }
  .internet-payments-wrapper .rule-line-chart .show-more-button .icon {
    font-size: 1rem;
    height: 100%;
    padding-left: 5px;
    vertical-align: middle; }

.internet-payments-wrapper .report-card-group {
  margin-top: 2.14286em; }
  .internet-payments-wrapper .report-card-group .card-list {
    display: grid;
    gap: 12px;
    grid-auto-rows: 1fr;
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    padding-top: 0.85714em; }
    @media only screen and (max-width: 768px) {
      .internet-payments-wrapper .report-card-group .card-list {
        grid-auto-rows: 0fr; } }

.internet-payments-wrapper .report-card {
  border: 1px solid #D8D8D8;
  border-radius: 6px;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  min-height: 260px;
  padding: 1.42857em; }
  @media only screen and (max-width: 767px) {
    .internet-payments-wrapper .report-card {
      min-height: initial; } }
  .internet-payments-wrapper .report-card .card-header {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 1.42857em; }
    .internet-payments-wrapper .report-card .card-header h3 {
      margin-top: 1.07143em; }
  .internet-payments-wrapper .report-card img {
    height: 55px;
    width: 55px; }
  .internet-payments-wrapper .report-card:hover {
    border: 1px solid #0E5BF3; }

.internet-payments-wrapper .search-filters {
  width: 100%; }
  .internet-payments-wrapper .search-filters .list-search .search-button {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid transparent;
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    width: 40px; }
    .internet-payments-wrapper .search-filters .list-search .search-button:hover {
      background-color: rgba(14, 83, 243, 0.09); }
  .internet-payments-wrapper .search-filters .list-search input {
    padding-left: 45px; }
    .internet-payments-wrapper .search-filters .list-search input::-webkit-calendar-picker-indicator {
      display: none !important; }
  .internet-payments-wrapper .search-filters .filters {
    background-color: #FFFFFF;
    -webkit-box-shadow: rgba(0, 0, 0, 0.38) 0px 1px 3px;
            box-shadow: rgba(0, 0, 0, 0.38) 0px 1px 3px;
    margin-top: 5px;
    max-height: 220px;
    overflow: hidden;
    overflow-y: auto;
    position: absolute;
    width: 76%;
    z-index: 1; }
    .internet-payments-wrapper .search-filters .filters::-webkit-scrollbar {
      display: none; }
    .internet-payments-wrapper .search-filters .filters .filter-item {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: #000000;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 40px;
      text-decoration: none;
      width: 100%; }
      .internet-payments-wrapper .search-filters .filters .filter-item.text-with-border {
        border-bottom: 1px solid #E5E5E5; }
      .internet-payments-wrapper .search-filters .filters .filter-item:hover {
        background: #F2F6FE; }
      .internet-payments-wrapper .search-filters .filters .filter-item p {
        margin-left: 10px; }
      .internet-payments-wrapper .search-filters .filters .filter-item .suggested-filters {
        color: rgba(0, 0, 0, 0.522);
        font-weight: 600; }
    @media only screen and (max-width: 767px) {
      .internet-payments-wrapper .search-filters .filters {
        width: 90%; } }

.internet-payments-wrapper .range-indicator {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .internet-payments-wrapper .range-indicator span {
    font-weight: bold; }
  .internet-payments-wrapper .range-indicator .indicator {
    background-color: #ececec;
    border-radius: 12px;
    height: 11px;
    margin-left: 6px;
    width: 63px; }
    .internet-payments-wrapper .range-indicator .indicator .range {
      border-radius: 12px;
      height: 11px;
      width: 63px; }
      .internet-payments-wrapper .range-indicator .indicator .range.high {
        background: -webkit-gradient(linear, left top, right top, from(#ffc839), to(#ff5c26));
        background: linear-gradient(90deg, #ffc839 0%, #ff5c26 100%);
        width: 100%; }
      .internet-payments-wrapper .range-indicator .indicator .range.med-high {
        background: -webkit-gradient(linear, left top, right top, from(#ffc839), to(#ff5c26));
        background: linear-gradient(90deg, #ffc839 0%, #ff5c26 100%);
        width: 82%; }
      .internet-payments-wrapper .range-indicator .indicator .range.med {
        background: -webkit-gradient(linear, left top, right top, color-stop(30%, #ffc839), to(#ff5c26));
        background: linear-gradient(90deg, #ffc839 30%, #ff5c26 100%);
        width: 60%; }
      .internet-payments-wrapper .range-indicator .indicator .range.med-low {
        background: -webkit-gradient(linear, left top, right top, color-stop(30%, #51a72e), to(#ffc839));
        background: linear-gradient(90deg, #51a72e 30%, #ffc839 100%);
        width: 44%; }
      .internet-payments-wrapper .range-indicator .indicator .range.low {
        background: -webkit-gradient(linear, left top, right top, color-stop(60%, #51a72e), to(#ffc839));
        background: linear-gradient(90deg, #51a72e 60%, #ffc839 100%);
        width: 20%; }

.internet-payments-wrapper .generic-file-upload {
  background-color: #FAFAFA;
  border: none;
  border-radius: 10px;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%; }
  .internet-payments-wrapper .generic-file-upload .inner-section {
    padding: 16px; }
    .internet-payments-wrapper .generic-file-upload .inner-section .title {
      color: rgba(0, 0, 0, 0.87);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 1.14286rem;
      font-weight: 700;
      padding-bottom: 4px; }
    .internet-payments-wrapper .generic-file-upload .inner-section .description {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: rgba(0, 0, 0, 0.87);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      letter-spacing: 0.25px;
      padding-bottom: 16px;
      text-align: left; }
    .internet-payments-wrapper .generic-file-upload .inner-section .error-message p {
      display: inline;
      margin-top: 1em; }
    .internet-payments-wrapper .generic-file-upload .inner-section .error-message i.close {
      position: absolute;
      right: 1em; }
    .internet-payments-wrapper .generic-file-upload .inner-section .file-section {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-radius: 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 30px; }
      .internet-payments-wrapper .generic-file-upload .inner-section .file-section .metadata-container {
        margin-right: 16px;
        max-width: 100%;
        text-align: start;
        word-break: break-all; }
        .internet-payments-wrapper .generic-file-upload .inner-section .file-section .metadata-container .url {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          color: #136EF6;
          font-size: 1.14286rem; }
        .internet-payments-wrapper .generic-file-upload .inner-section .file-section .metadata-container .file-size {
          color: rgba(0, 0, 0, 0.38);
          font-size: 1.14286rem;
          margin-left: 0.35714em; }
      .internet-payments-wrapper .generic-file-upload .inner-section .file-section .delete-button {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex; }
    .internet-payments-wrapper .generic-file-upload .inner-section .upload-section {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-color: rgba(0, 0, 0, 0.04);
      border: none;
      border-radius: 10px;
      -webkit-box-shadow: none;
              box-shadow: none;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 3.5em 0; }
      .internet-payments-wrapper .generic-file-upload .inner-section .upload-section.hover {
        opacity: 0.75; }
      .internet-payments-wrapper .generic-file-upload .inner-section .upload-section.disabled {
        opacity: 0.4;
        pointer-events: none; }
      .internet-payments-wrapper .generic-file-upload .inner-section .upload-section .drag-section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 1.14286rem;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 2em; }
        .internet-payments-wrapper .generic-file-upload .inner-section .upload-section .drag-section svg {
          fill: #666666;
          margin-right: 10px; }
    .internet-payments-wrapper .generic-file-upload .inner-section .upload-button {
      border: 1px solid #136EF6;
      color: #136EF6;
      margin-top: 15px;
      width: 100%; }

@media only screen and (max-width: 767px) {
  .internet-payments-wrapper .generic-file-upload {
    padding-top: 0; }
    .internet-payments-wrapper .generic-file-upload .inner-section {
      padding: 8px; }
      .internet-payments-wrapper .generic-file-upload .inner-section .title {
        font-size: 1.14286rem !important;
        padding: 8px 0px; }
      .internet-payments-wrapper .generic-file-upload .inner-section .file-section .url {
        font-size: 1.14286rem;
        overflow: hidden; }
      .internet-payments-wrapper .generic-file-upload .inner-section .error-message p {
        display: block; }
      .internet-payments-wrapper .generic-file-upload .inner-section .upload-section .drag-section {
        font-size: 1.14286rem; } }

.internet-payments-wrapper .event-list hr {
  margin-bottom: 1em; }

.internet-payments-wrapper .event-list .timeline {
  background: #FAFAFA;
  border-radius: 4px;
  margin-top: 16px;
  padding: 24px 24px 15px 24px; }
  .internet-payments-wrapper .event-list .timeline .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .internet-payments-wrapper .event-list .timeline .header h3 {
      -ms-flex-item-align: stretch;
          align-self: stretch;
      color: rgba(0, 0, 0, 0.87);
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      -ms-flex-positive: 0;
          flex-grow: 0;
      font-size: 1.42857rem;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0.18px;
      line-height: 24px;
      margin-bottom: 15px;
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0; }
    .internet-payments-wrapper .event-list .timeline .header .audit-trail-link {
      padding-top: 9px; }
      .internet-payments-wrapper .event-list .timeline .header .audit-trail-link.disabled {
        color: rgba(0, 0, 0, 0.38);
        pointer-events: none; }
  .internet-payments-wrapper .event-list .timeline ol {
    list-style: none;
    margin: 0;
    padding: 5px 0 0 0; }
    .internet-payments-wrapper .event-list .timeline ol li {
      border-left: 1px solid #CCCCCC;
      list-style: none;
      margin-left: 8px;
      padding: 0 0 24px 24px;
      position: relative; }
      .internet-payments-wrapper .event-list .timeline ol li:last-child {
        border-color: transparent;
        padding-bottom: 0; }
      .internet-payments-wrapper .event-list .timeline ol li.dispute .icon {
        left: -6.5px;
        position: absolute;
        top: -6.5px; }
      .internet-payments-wrapper .event-list .timeline ol li.dispute:before {
        background-color: #48AA2F;
        border-radius: 50%;
        color: #FAFAFA;
        content: '';
        height: 23px;
        left: -12px;
        padding: 2px 0 0 6px;
        position: absolute;
        top: -8px;
        width: 23px; }
      .internet-payments-wrapper .event-list .timeline ol li.need-response .icon, .internet-payments-wrapper .event-list .timeline ol li.awaiting-info .icon {
        left: -7.3px;
        top: -4px; }
      .internet-payments-wrapper .event-list .timeline ol li.need-response:before {
        background-color: #FF5625; }
      .internet-payments-wrapper .event-list .timeline ol li.awaiting-info:before {
        background-color: #f6a735; }
      .internet-payments-wrapper .event-list .timeline ol li.lost .icon {
        left: -5.5px;
        top: -5.5px; }
      .internet-payments-wrapper .event-list .timeline ol li.lost:before {
        background-color: #FF5625; }
      .internet-payments-wrapper .event-list .timeline ol li h4 {
        color: rgba(0, 0, 0, 0.87);
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.25px;
        line-height: 20px;
        margin: 0 0 -2px 0;
        position: relative;
        top: -6px; }
      .internet-payments-wrapper .event-list .timeline ol li p.details {
        color: #666666;
        font-size: 0.71429rem;
        font-style: normal;
        font-weight: 700;
        letter-spacing: 1px;
        line-height: 16px;
        text-transform: uppercase; }
        .internet-payments-wrapper .event-list .timeline ol li p.details span.type::after, .internet-payments-wrapper .event-list .timeline ol li p.details span.status::after {
          background: #666666;
          border-radius: 50%;
          content: '';
          display: inline-block;
          height: 3px;
          margin: 0 5px 2.5px 5px;
          margin-bottom: 2.2px;
          width: 3px; }
        .internet-payments-wrapper .event-list .timeline ol li p.details .centered {
          display: inline-block;
          text-align: left; }
      .internet-payments-wrapper .event-list .timeline ol li i {
        background: white;
        font-size: 1.71429rem;
        height: 20px;
        left: -16px;
        position: absolute;
        top: -2px; }
        .internet-payments-wrapper .event-list .timeline ol li i.ok {
          color: #48AA2F; }
        .internet-payments-wrapper .event-list .timeline ol li i.not-ok {
          color: #ff0000; }
        .internet-payments-wrapper .event-list .timeline ol li i.pending {
          background: #f6a735;
          -webkit-box-shadow: none;
                  box-shadow: none;
          color: white;
          font-size: 0.85714em;
          left: -11px;
          top: -4px; }

.internet-payments-wrapper .related-transactions-table .customer-link {
  color: #136EF6;
  cursor: pointer; }

.internet-payments-wrapper .related-transactions .related-transactions-controls {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.internet-payments-wrapper .related-transactions .space-top {
  padding-top: 1.71429em; }
  @media only screen and (max-width: 767px) {
    .internet-payments-wrapper .related-transactions .space-top {
      font-size: 2.42857rem !important; } }

.internet-payments-wrapper .related-transactions .controls {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1em; }
  .internet-payments-wrapper .related-transactions .controls .related-filter {
    background-color: #FFFFFF;
    margin-left: 1em; }
    .internet-payments-wrapper .related-transactions .controls .related-filter .filter-counts {
      background-color: #0E5BF3;
      border-radius: 50%;
      color: #FFFFFF;
      display: inline-block;
      font-size: 0.71429rem;
      text-align: center;
      width: 25px; }
  @media only screen and (max-width: 767px) {
    .internet-payments-wrapper .related-transactions .controls .export {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 6.78571em;
      position: absolute;
      right: 0; } }

@media only screen and (max-width: 767px) {
  .internet-payments-wrapper .related-transactions {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }

.internet-payments-wrapper .report-download-modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .internet-payments-wrapper .report-download-modal .ui.modal {
    max-width: 630px; }
    .internet-payments-wrapper .report-download-modal .ui.modal .container .content {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 0 1.42857em;
      padding-top: 0;
      width: 100%; }
      .internet-payments-wrapper .report-download-modal .ui.modal .container .content .text-header {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 1.42857rem;
        font-weight: 400;
        height: 56px; }
      .internet-payments-wrapper .report-download-modal .ui.modal .container .content .text {
        font-size: 1.14286rem;
        font-weight: 400;
        margin: 1.14286em 0; }
      .internet-payments-wrapper .report-download-modal .ui.modal .container .content .ui.error.message {
        background-color: #F8E5E8;
        color: #000000;
        font-size: 1.14286rem; }
        .internet-payments-wrapper .report-download-modal .ui.modal .container .content .ui.error.message .icon {
          color: #FF5625; }
      .internet-payments-wrapper .report-download-modal .ui.modal .container .content .ui.warning.message {
        font-size: 1.14286rem; }
      .internet-payments-wrapper .report-download-modal .ui.modal .container .content .report {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin: 0.71429em 0;
        width: 100%; }
        .internet-payments-wrapper .report-download-modal .ui.modal .container .content .report .file-name {
          font-size: 1.14286rem;
          font-style: normal;
          font-weight: 400;
          letter-spacing: 0.25px;
          line-height: 24px;
          padding-right: 1.42857em; }
        .internet-payments-wrapper .report-download-modal .ui.modal .container .content .report .file-size {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          background-color: var(--Surface-overlay, rgba(0, 0, 0, 0.04));
          border-radius: 25px;
          color: var(0-on-surface-medium-emphasis, rgba(0, 0, 0, 0.6));
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          font-size: 0.85714rem;
          gap: 10px;
          height: 30px;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          line-height: 16px;
          padding: 0.14286em 0.42857em; }
          @media only screen and (max-width: 767px) {
            .internet-payments-wrapper .report-download-modal .ui.modal .container .content .report .file-size {
              min-height: 2rem;
              min-width: 4rem; } }
    .internet-payments-wrapper .report-download-modal .ui.modal .container .footer {
      border: none;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 0 1.42857em; }
      @media only screen and (max-width: 767px) {
        .internet-payments-wrapper .report-download-modal .ui.modal .container .footer {
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          padding: 0 1.07143em 0 1.42857em; } }
      .internet-payments-wrapper .report-download-modal .ui.modal .container .footer .redirect {
        margin-left: 0px; }
        @media only screen and (max-width: 767px) {
          .internet-payments-wrapper .report-download-modal .ui.modal .container .footer .redirect {
            width: 100%; } }
      .internet-payments-wrapper .report-download-modal .ui.modal .container .footer .download {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-left: 0px;
        width: auto; }
        @media only screen and (max-width: 767px) {
          .internet-payments-wrapper .report-download-modal .ui.modal .container .footer .download {
            width: 100%; } }
        .internet-payments-wrapper .report-download-modal .ui.modal .container .footer .download .download-btn {
          padding-right: 0.35714em; }

.internet-payments-wrapper .ui.checkbox.radio-button input:checked ~ label:before {
  background: #FFFFFF; }

.internet-payments-wrapper .ui.checkbox.radio-button input:checked ~ label:after {
  background: #0E5BF3; }

.status-indicator {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .status-indicator::before {
    border-radius: 50%;
    content: '';
    display: inline-block;
    height: 10px;
    margin-right: 5px;
    vertical-align: middle;
    width: 10px; }
  .status-indicator.active::before {
    background-color: #008000; }
  .status-indicator.pending::before {
    background-color: #ffa500; }

.two-factor-auth-setup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto; }
  .two-factor-auth-setup .box {
    width: 100%; }
    .two-factor-auth-setup .box .segment {
      border: none;
      border-radius: 5px;
      padding: 1rem; }
      .two-factor-auth-setup .box .segment h2 {
        color: #333333;
        font-size: 1.25rem;
        margin-bottom: 0.5rem; }
      .two-factor-auth-setup .box .segment p {
        color: #666;
        font-size: 1rem;
        margin-bottom: 1rem; }
      .two-factor-auth-setup .box .segment .qr-code-container {
        background: #FFFFFF;
        border: 1px solid #e0e0e0;
        border-radius: 5px;
        height: 200px;
        margin-bottom: 1rem;
        padding: 1rem; }
      .two-factor-auth-setup .box .segment .device-code-display {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background: #e0e0e0;
        border-radius: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 1rem;
        font-weight: bold;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 0.5rem 1rem; }

.advantage-program {
  max-width: 70em; }
  .advantage-program p {
    color: rgba(0, 0, 0, 0.6); }
  .advantage-program .advantage-program-unenrolled-wrapper .advantage-welcome-image {
    float: left;
    margin-bottom: 0.9375em;
    margin-right: 24px;
    width: 160px; }
  .advantage-program .advantage-program-unenrolled-wrapper .advantage-program-unenrolled-content {
    margin-bottom: 2em;
    max-width: 47em; }
    .advantage-program .advantage-program-unenrolled-wrapper .advantage-program-unenrolled-content p {
      color: initial; }
  @media only screen and (max-width: 767px) {
    .advantage-program .advantage-program-unenrolled-wrapper {
      height: 100%;
      margin: 0 1em 1em 0;
      padding: 0.5em; }
      .advantage-program .advantage-program-unenrolled-wrapper .advantage-program-unenrolled-content {
        margin: 0 1em 1em 0;
        width: 100%; } }
  .advantage-program button {
    min-width: 160px !important; }
  @media only screen and (max-width: 767px) {
    .advantage-program p {
      padding: 0 1rem; } }
  .advantage-program .advantage-program-wrapper {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    padding: 1em; }
    .advantage-program .advantage-program-wrapper .dropdown .icon.chevron {
      color: #090304;
      font-size: 0.92857rem;
      margin: -0.4375em 0 0 0.5625em;
      opacity: 0.6; }
    .advantage-program .advantage-program-wrapper .advantage-program-dropdown-wrapper .advantage-program-dropdown.dropdown {
      border: 1px solid #e5e5e5;
      border-radius: 4px;
      max-height: 46px;
      padding: 1.3125em 0.625em 0.4375em;
      position: relative;
      width: 100%; }
      .advantage-program .advantage-program-wrapper .advantage-program-dropdown-wrapper .advantage-program-dropdown.dropdown:hover {
        border: 1px solid #999; }
      .advantage-program .advantage-program-wrapper .advantage-program-dropdown-wrapper .advantage-program-dropdown.dropdown .icon {
        float: right;
        margin-top: -0.3125em; }
        .advantage-program .advantage-program-wrapper .advantage-program-dropdown-wrapper .advantage-program-dropdown.dropdown .icon.chevron {
          font-size: 0.85714rem; }
      .advantage-program .advantage-program-wrapper .advantage-program-dropdown-wrapper .advantage-program-dropdown.dropdown .default.text {
        color: #000000; }
      .advantage-program .advantage-program-wrapper .advantage-program-dropdown-wrapper .advantage-program-dropdown.dropdown .menu {
        margin-top: 0.4375em;
        max-height: 300px;
        overflow-y: auto;
        width: 100%; }
        .advantage-program .advantage-program-wrapper .advantage-program-dropdown-wrapper .advantage-program-dropdown.dropdown .menu > .item {
          border-top: none;
          font-size: 1rem;
          margin: 0.3125em 0; }
          .advantage-program .advantage-program-wrapper .advantage-program-dropdown-wrapper .advantage-program-dropdown.dropdown .menu > .item.selected {
            background: rgba(14, 91, 243, 0.06); }
      .advantage-program .advantage-program-wrapper .advantage-program-dropdown-wrapper .advantage-program-dropdown.dropdown .label {
        color: #090304;
        font-size: 1rem;
        left: 0.625em;
        pointer-events: none;
        position: absolute;
        top: 0.9375em;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        .advantage-program .advantage-program-wrapper .advantage-program-dropdown-wrapper .advantage-program-dropdown.dropdown .label.active-text {
          font-size: 0.85714rem;
          top: 0.3125em; }
      .advantage-program .advantage-program-wrapper .advantage-program-dropdown-wrapper .advantage-program-dropdown.dropdown.active {
        border: 1px solid #0E5BF3; }
        .advantage-program .advantage-program-wrapper .advantage-program-dropdown-wrapper .advantage-program-dropdown.dropdown.active .label {
          color: #0E5BF3; }
        .advantage-program .advantage-program-wrapper .advantage-program-dropdown-wrapper .advantage-program-dropdown.dropdown.active .icon {
          color: #0E5BF3;
          -webkit-transform: rotate(180deg);
                  transform: rotate(180deg); }
      .advantage-program .advantage-program-wrapper .advantage-program-dropdown-wrapper .advantage-program-dropdown.dropdown:focus-within .label {
        font-size: 0.85714rem;
        top: 5px; }
  .advantage-program .advantage-program-options {
    display: grid; }
    .advantage-program .advantage-program-options .advantage-program-settings-card {
      border: 1px solid rgba(0, 0, 0, 0.2);
      border-radius: 4px;
      cursor: pointer;
      margin: 0 1em 1em 0; }
      .advantage-program .advantage-program-options .advantage-program-settings-card.disabled {
        opacity: 0.7;
        pointer-events: none; }
    .advantage-program .advantage-program-options .selected {
      border: 1px solid #0E5BF3;
      -webkit-box-shadow: 0px 2px 5px 0px #0E5BF340;
              box-shadow: 0px 2px 5px 0px #0E5BF340;
      -webkit-transition: border 0.25s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
      transition: border 0.25s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
      transition: border 0.25s ease-in-out, box-shadow 0.3s ease-in-out;
      transition: border 0.25s ease-in-out, box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; }
    .advantage-program .advantage-program-options .advantage-program-settings-card-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-weight: 400;
      letter-spacing: 0.25px;
      line-height: 20px;
      padding: 1em;
      text-align: left; }
      .advantage-program .advantage-program-options .advantage-program-settings-card-content h3 {
        cursor: pointer;
        font-size: 16px;
        line-height: 24px; }
      .advantage-program .advantage-program-options .advantage-program-settings-card-content .advantage-program-radio {
        padding: 0.125em 0.7em 0 0; }
        .advantage-program .advantage-program-options .advantage-program-settings-card-content .advantage-program-radio input {
          cursor: pointer;
          height: 20px;
          width: 20px; }
      .advantage-program .advantage-program-options .advantage-program-settings-card-content .advantage-program-content {
        float: left; }
        .advantage-program .advantage-program-options .advantage-program-settings-card-content .advantage-program-content label {
          cursor: pointer;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          gap: 8px; }
          .advantage-program .advantage-program-options .advantage-program-settings-card-content .advantage-program-content label h3 {
            margin: 0; }
        .advantage-program .advantage-program-options .advantage-program-settings-card-content .advantage-program-content p {
          color: rgba(0, 0, 0, 0.6);
          padding-right: 2rem;
          padding-top: 1rem; }
        .advantage-program .advantage-program-options .advantage-program-settings-card-content .advantage-program-content .preferred-badge {
          background-color: #0E5BF3;
          border-radius: 99px;
          color: #FFFFFF;
          font-size: 8px;
          height: -webkit-fit-content;
          height: -moz-fit-content;
          height: fit-content;
          line-height: 16px;
          margin-top: 3px;
          padding: 0 8px;
          text-transform: uppercase;
          width: -webkit-fit-content;
          width: -moz-fit-content;
          width: fit-content; }
  .advantage-program .advantage-program-static {
    border-bottom: 1px solid #e5e5e5;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 2em;
    padding-bottom: 2em; }
    .advantage-program .advantage-program-static .advantage-program-static-item {
      margin: 1.5em 0; }
      .advantage-program .advantage-program-static .advantage-program-static-item .sub-text {
        color: rgba(0, 0, 0, 0.6);
        font-size: 12px;
        padding: 4px 0 0 16px;
        pointer-events: none; }
      .advantage-program .advantage-program-static .advantage-program-static-item .advantage-program-container {
        -ms-flex-item-align: stretch;
            align-self: stretch;
        border: 1px solid rgba(0, 0, 0, 0.16);
        border-radius: var(--Padding-S, 4px);
        min-height: 55px;
        padding: 0.5em 1em; }
        .advantage-program .advantage-program-static .advantage-program-static-item .advantage-program-container.disabled {
          background: rgba(0, 0, 0, 0.04); }
        .advantage-program .advantage-program-static .advantage-program-static-item .advantage-program-container .advantage-program-input {
          /* stylelint-disable no-descending-specificity */ }
          .advantage-program .advantage-program-static .advantage-program-static-item .advantage-program-container .advantage-program-input .label {
            color: rgba(0, 0, 0, 0.6);
            pointer-events: none; }
          .advantage-program .advantage-program-static .advantage-program-static-item .advantage-program-container .advantage-program-input input, .advantage-program .advantage-program-static .advantage-program-static-item .advantage-program-container .advantage-program-input select {
            border: none;
            color: rgba(0, 0, 0, 0.87);
            font-size: 1.14286em;
            font-weight: 400;
            letter-spacing: 0.25px;
            line-height: 20px;
            outline: none;
            width: 100%; }
            .advantage-program .advantage-program-static .advantage-program-static-item .advantage-program-container .advantage-program-input input.disabled, .advantage-program .advantage-program-static .advantage-program-static-item .advantage-program-container .advantage-program-input input[disabled], .advantage-program .advantage-program-static .advantage-program-static-item .advantage-program-container .advantage-program-input select.disabled, .advantage-program .advantage-program-static .advantage-program-static-item .advantage-program-container .advantage-program-input select[disabled] {
              background: transparent;
              opacity: 0.7; }
    .advantage-program .advantage-program-static .advantage-program-static-item:last-child {
      margin: 1.5em 0 0; }
    .advantage-program .advantage-program-static .advantage-tool-tip {
      display: inline-block;
      position: relative; }
      .advantage-program .advantage-program-static .advantage-tool-tip .advantage-tool-tip-text {
        background-color: rgba(0, 0, 0, 0.87);
        border-radius: 4px;
        color: #FFFFFF;
        padding: 0.3125em;
        position: absolute;
        right: -9em;
        top: -6.5em;
        visibility: hidden;
        width: 240px; }
    .advantage-program .advantage-program-static .advantage-tool-tip:hover .advantage-tool-tip-text {
      visibility: visible; }
  .advantage-program .advantage-program-banner {
    width: 100%; }
    .advantage-program .advantage-program-banner.warn {
      background: rgba(246, 167, 53, 0.08);
      border: 2px solid #f6a735;
      border-radius: 4px;
      padding: .5em 1em; }
      .advantage-program .advantage-program-banner.warn i {
        color: #f6a735; }
    .advantage-program .advantage-program-banner.error {
      background: #ff6363;
      border: 2px solid #f71414;
      border-radius: 4px;
      padding: .5em 1em; }
  .advantage-program .ui.primary.button {
    background-color: #0E5BF3;
    font-weight: 700;
    line-height: 24px;
    text-align: center; }
    .advantage-program .ui.primary.button:hover {
      background-color: rgba(14, 91, 243, 0.95); }
  @media only screen and (max-width: 767px) {
    .advantage-program {
      padding-left: 0.5em; }
      .advantage-program .advantage-program-options, .advantage-program .advantage-program-static {
        display: grid;
        grid-template-columns: 1fr; }
      .advantage-program .ui.primary.button {
        width: 100%; } }

.advantage-confirmation-modal {
  max-width: 38em !important;
  top: 8em !important; }
  .advantage-confirmation-modal .content {
    font-size: 1rem !important;
    line-height: 24px !important; }
    .advantage-confirmation-modal .content .agreement-container {
      display: grid;
      gap: 32px;
      padding: 0.5rem; }
      .advantage-confirmation-modal .content .agreement-container .agreement-header {
        text-align: center; }
      .advantage-confirmation-modal .content .agreement-container .agreement-content {
        background: #FAFAFA;
        border: 1px solid rgba(0, 0, 0, 0.38);
        border-radius: 8px;
        -webkit-box-shadow: 0px 1px 2px 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
                box-shadow: 0px 1px 2px 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
        height: 240px;
        overflow: auto;
        padding: 24px; }
        .advantage-confirmation-modal .content .agreement-container .agreement-content .agreement-content-preamble {
          color: #FF0000;
          font-weight: 800;
          text-align: center; }
  .advantage-confirmation-modal .actions {
    background: #FFFFFF !important; }
    .advantage-confirmation-modal .actions .deny {
      border-radius: 4px;
      max-width: 13.5em;
      width: 100%; }
    .advantage-confirmation-modal .actions .primary {
      background-color: #0E5BF3;
      border-radius: 4px;
      max-width: 13.5em;
      width: 100%; }
      .advantage-confirmation-modal .actions .primary:hover {
        background-color: rgba(14, 91, 243, 0.95); }
  .advantage-confirmation-modal .warning {
    color: #B00300;
    padding-bottom: 1rem; }

.s4-grow-my-business {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: -30px -30px 30px;
  overflow-y: auto; }
  @media only screen and (max-width: 767px) {
    .s4-grow-my-business {
      margin: 0 0 60px; } }
  .s4-grow-my-business .side-content {
    border-left: 1px solid rgba(0, 0, 0, 0.12);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    padding: 10px;
    width: 420px; }
    .s4-grow-my-business .side-content .side-content-section .section-title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 16px;
      font-weight: 700;
      height: 40px;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .s4-grow-my-business .side-content .side-content-section .section-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 16px; }
    @media only screen and (max-width: 767px) {
      .s4-grow-my-business .side-content {
        display: none; } }
  .s4-grow-my-business .collapsible-section {
    background-color: white;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    overflow: hidden;
    padding: 24px; }
    .s4-grow-my-business .collapsible-section .tutorials-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 16px; }
    .s4-grow-my-business .collapsible-section .collapsible-section-header {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .s4-grow-my-business .collapsible-section .collapsible-section-header .section-title {
        font-size: 20px; }
      .s4-grow-my-business .collapsible-section .collapsible-section-header .controls .s4-icon-chevron.open {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
    .s4-grow-my-business .collapsible-section .collapsible-section-content {
      display: none;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 0;
      -webkit-transition: max-height 0.5s ease;
      transition: max-height 0.5s ease; }
      .s4-grow-my-business .collapsible-section .collapsible-section-content.open {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: auto; }
  .s4-grow-my-business .main-content {
    background-color: rgba(0, 0, 0, 0.04);
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .s4-grow-my-business .main-content {
        height: auto; } }
    .s4-grow-my-business .main-content .title {
      background-color: white;
      height: 80px;
      margin: 0;
      padding: 20px; }
    .s4-grow-my-business .main-content .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px;
      padding: 24px; }
      @media only screen and (max-width: 767px) {
        .s4-grow-my-business .main-content .content {
          padding: 16px; } }
      .s4-grow-my-business .main-content .content .content-section {
        background-color: white;
        border-radius: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 16px;
        padding: 24px; }
        .s4-grow-my-business .main-content .content .content-section .slider-container {
          width: 100%; }
        .s4-grow-my-business .main-content .content .content-section .header {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between; }
          .s4-grow-my-business .main-content .content .content-section .header .section-title {
            font-size: 20px; }
            .s4-grow-my-business .main-content .content .content-section .header .section-title .progress-percentage {
              color: #0E5BF3; }
        .s4-grow-my-business .main-content .content .content-section .order-status {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          font-size: 14px;
          font-weight: 700;
          gap: 24px; }
          .s4-grow-my-business .main-content .content .content-section .order-status .status {
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 8px;
            height: 32px; }
  .s4-grow-my-business .tutorials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px; }
    .s4-grow-my-business .tutorials .tutorial-item {
      border: 1px solid rgba(0, 0, 0, 0.16);
      border-radius: 8px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 16px; }
      .s4-grow-my-business .tutorials .tutorial-item .tutorial-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 4px;
        padding: 0 16px 16px 16px; }
        .s4-grow-my-business .tutorials .tutorial-item .tutorial-info .tutorial-title {
          font-size: 14px;
          font-weight: 700; }
        .s4-grow-my-business .tutorials .tutorial-item .tutorial-info .tutorial-description {
          font-size: 12px; }
  .s4-grow-my-business .products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px; }
    .s4-grow-my-business .products .product-item {
      border: 1px solid rgba(0, 0, 0, 0.16);
      border-radius: 8px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 16px;
      padding: 16px; }
      .s4-grow-my-business .products .product-item .product-image img {
        height: 64px;
        width: 64px; }
      .s4-grow-my-business .products .product-item .product-info {
        font-size: 14px; }
        .s4-grow-my-business .products .product-item .product-info .product-title {
          font-weight: 700; }
  .s4-grow-my-business .feature-list {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(auto-fill, minmax(332px, 1fr)); }
    .s4-grow-my-business .feature-list .grid-divider {
      background: rgba(0, 0, 0, 0.12);
      grid-column: 1 / -1;
      height: 1px; }
    .s4-grow-my-business .feature-list .feature-item {
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 16px; }
      .s4-grow-my-business .feature-list .feature-item .feature-info {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 8px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .s4-grow-my-business .feature-list .feature-item .feature-info .feature-title {
          font-weight: bold; }
      .s4-grow-my-business .feature-list .feature-item.disabled {
        cursor: default;
        pointer-events: none; }
        .s4-grow-my-business .feature-list .feature-item.disabled .feature-image {
          opacity: 38%; }
        .s4-grow-my-business .feature-list .feature-item.disabled .feature-info .feature-title {
          opacity: 38%; }
  .s4-grow-my-business .info-badge {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #F0F4FD;
    border: 1px solid #8FA9FF;
    border-radius: 8px;
    color: #1645DE;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    height: 24px;
    padding: 0 8px;
    white-space: nowrap; }
    .s4-grow-my-business .info-badge.warning {
      background-color: #FEFBE6;
      border: 1px solid #F3E2B8;
      color: #7A450A; }
    .s4-grow-my-business .info-badge.success {
      background-color: #EFFCF3;
      border: 1px solid #C3E8CE;
      color: #207A3C; }
  .s4-grow-my-business .s4-modal-dialog.grow-my-business-tutorials-modal {
    height: 720px;
    max-width: 1220px;
    width: 80%; }
    .s4-grow-my-business .s4-modal-dialog.grow-my-business-tutorials-modal .dialog .body {
      overflow-y: hidden;
      padding: 0; }
      .s4-grow-my-business .s4-modal-dialog.grow-my-business-tutorials-modal .dialog .body .video-container {
        height: 720px;
        width: 100%; }

.oboarding-wizard-location-select .locations-modal-v2 {
  left: unset;
  right: 0; }
  .oboarding-wizard-location-select .locations-modal-v2 .sidebar {
    left: unset;
    position: absolute;
    right: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    width: 420px; }
    .oboarding-wizard-location-select .locations-modal-v2 .sidebar.active {
      -webkit-transform: translateX(0%);
              transform: translateX(0%); }
      @media only screen and (max-width: 767px) {
        .oboarding-wizard-location-select .locations-modal-v2 .sidebar.active {
          width: 100%; } }

.s4-multistep-fullscreen-modal.onboarding-wizard-step {
  max-height: none; }
  .s4-multistep-fullscreen-modal.onboarding-wizard-step.tax .s4-form-card-container {
    padding: 0; }
    .s4-multistep-fullscreen-modal.onboarding-wizard-step.tax .s4-form-card-container .radio-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: calc(0.57143rem * 1.5); }
  .s4-multistep-fullscreen-modal.onboarding-wizard-step.menu-upload .csm .info-text {
    margin-left: calc(0.57143rem * 2.5); }
    .s4-multistep-fullscreen-modal.onboarding-wizard-step.menu-upload .csm .info-text p {
      color: rgba(0, 0, 0, 0.6);
      font-size: calc(0.57143rem * 2); }
  .s4-multistep-fullscreen-modal.onboarding-wizard-step.menu-upload .csm .specialist-info-container {
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-radius: calc(0.57143rem * 1.25);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 18px;
    padding: calc(0.57143rem * 1.5) calc(0.57143rem * 2.5); }
    .s4-multistep-fullscreen-modal.onboarding-wizard-step.menu-upload .csm .specialist-info-container .details {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .s4-multistep-fullscreen-modal.onboarding-wizard-step.menu-upload .csm .specialist-info-container .details p {
        margin-bottom: 2px; }
      .s4-multistep-fullscreen-modal.onboarding-wizard-step.menu-upload .csm .specialist-info-container .details .name {
        color: #000000;
        font-size: calc(0.57143rem * 2); }
      .s4-multistep-fullscreen-modal.onboarding-wizard-step.menu-upload .csm .specialist-info-container .details .phone,
      .s4-multistep-fullscreen-modal.onboarding-wizard-step.menu-upload .csm .specialist-info-container .details .email {
        color: rgba(0, 0, 0, 0.6);
        font-size: calc(0.57143rem * 1.75); }
  .s4-multistep-fullscreen-modal.onboarding-wizard-step .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0; }
    .s4-multistep-fullscreen-modal.onboarding-wizard-step .content .progress-container {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: calc(0.57143rem * 2.5);
      width: 85%; }
    .s4-multistep-fullscreen-modal.onboarding-wizard-step .content .message-container {
      width: 100%; }
    .s4-multistep-fullscreen-modal.onboarding-wizard-step .content .onboarding-wizard-assistive-text {
      color: rgba(0, 0, 0, 0.6);
      font-size: calc(0.57143rem * 1.5); }
      .s4-multistep-fullscreen-modal.onboarding-wizard-step .content .onboarding-wizard-assistive-text.error {
        color: #B00020; }
      .s4-multistep-fullscreen-modal.onboarding-wizard-step .content .onboarding-wizard-assistive-text.checkbox {
        margin-left: calc(0.57143rem * 4); }
    .s4-multistep-fullscreen-modal.onboarding-wizard-step .content .content-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 100%;
      width: 100%; }
      .s4-multistep-fullscreen-modal.onboarding-wizard-step .content .content-container .form-container,
      .s4-multistep-fullscreen-modal.onboarding-wizard-step .content .content-container .info-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 30px;
        padding: 0 50px 50px 50px;
        width: 50%; }
        .s4-multistep-fullscreen-modal.onboarding-wizard-step .content .content-container .form-container .s4-form-card-container,
        .s4-multistep-fullscreen-modal.onboarding-wizard-step .content .content-container .info-container .s4-form-card-container {
          max-width: 100%;
          padding: calc(0.57143rem * 3) 0 calc(0.57143rem * 3) 0; }
          @media only screen and (max-width: 767px) {
            .s4-multistep-fullscreen-modal.onboarding-wizard-step .content .content-container .form-container .s4-form-card-container,
            .s4-multistep-fullscreen-modal.onboarding-wizard-step .content .content-container .info-container .s4-form-card-container {
              padding: 0; } }
      .s4-multistep-fullscreen-modal.onboarding-wizard-step .content .content-container .form-container {
        text-align: left; }
        .s4-multistep-fullscreen-modal.onboarding-wizard-step .content .content-container .form-container .heading-container .heading {
          font-weight: bold;
          margin-bottom: 0; }
        @media only screen and (max-width: 767px) {
          .s4-multistep-fullscreen-modal.onboarding-wizard-step .content .content-container .form-container .heading-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between; }
            .s4-multistep-fullscreen-modal.onboarding-wizard-step .content .content-container .form-container .heading-container .icon {
              -ms-flex-item-align: center;
                  align-self: center;
              -webkit-animation: scale 1.3s infinite;
                      animation: scale 1.3s infinite;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex; }
          @-webkit-keyframes scale {
            0% {
              -webkit-transform: scale(1);
                      transform: scale(1); }
            50% {
              -webkit-transform: scale(1.3);
                      transform: scale(1.3); }
            100% {
              -webkit-transform: scale(1);
                      transform: scale(1); } }
          @keyframes scale {
            0% {
              -webkit-transform: scale(1);
                      transform: scale(1); }
            50% {
              -webkit-transform: scale(1.3);
                      transform: scale(1.3); }
            100% {
              -webkit-transform: scale(1);
                      transform: scale(1); } } }
        .s4-multistep-fullscreen-modal.onboarding-wizard-step .content .content-container .form-container .sub-heading {
          font-size: calc(0.57143rem * 2); }
        @media only screen and (max-width: 767px) {
          .s4-multistep-fullscreen-modal.onboarding-wizard-step .content .content-container .form-container {
            padding: calc(0.57143rem * 1.25);
            width: 100%; } }
        .s4-multistep-fullscreen-modal.onboarding-wizard-step .content .content-container .form-container .form {
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          -ms-flex-item-align: stretch;
              align-self: stretch;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          gap: calc(0.57143rem * 3); }
          @media only screen and (max-width: 767px) {
            .s4-multistep-fullscreen-modal.onboarding-wizard-step .content .content-container .form-container .form {
              padding: 0; } }
          .s4-multistep-fullscreen-modal.onboarding-wizard-step .content .content-container .form-container .form .multiple-input-row {
            display: grid;
            gap: calc(0.57143rem * 2);
            grid-template-columns: 1fr 1fr;
            width: 100%; }
            .s4-multistep-fullscreen-modal.onboarding-wizard-step .content .content-container .form-container .form .multiple-input-row .s4-dropdown-wrapper .s4-dropdown-input-container {
              height: auto; }
            .s4-multistep-fullscreen-modal.onboarding-wizard-step .content .content-container .form-container .form .multiple-input-row .s4-dropdown-wrapper .menu {
              max-height: 15vh; }
      .s4-multistep-fullscreen-modal.onboarding-wizard-step .content .content-container .info-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: calc(0.57143rem * 3);
        padding: 0 calc(0.57143rem * 10) 0 calc(0.57143rem * 10); }
        .s4-multistep-fullscreen-modal.onboarding-wizard-step .content .content-container .info-container .floating-guide-dialog-container {
          width: 100%; }
          .s4-multistep-fullscreen-modal.onboarding-wizard-step .content .content-container .info-container .floating-guide-dialog-container .header {
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
        .s4-multistep-fullscreen-modal.onboarding-wizard-step .content .content-container .info-container .icon-container {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }

.s4-multistep-fullscreen-modal.onboarding-chapter {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .s4-multistep-fullscreen-modal.onboarding-chapter .message-content {
    color: rgba(0, 0, 0, 0.87);
    font-family: Nunito Sans, sans-serif;
    -webkit-font-feature-settings: 'liga' off, 'clig' off;
            font-feature-settings: 'liga' off, 'clig' off;
    font-size: calc(0.57143rem * 2);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.25px;
    line-height: calc(0.57143rem * 3);
    margin-bottom: calc(0.57143rem * 7);
    text-align: center;
    width: 800px; }
    @media only screen and (max-width: 767px) {
      .s4-multistep-fullscreen-modal.onboarding-chapter .message-content {
        width: 100%; } }
    .s4-multistep-fullscreen-modal.onboarding-chapter .message-content .bold-text {
      font-weight: 700; }
  .s4-multistep-fullscreen-modal.onboarding-chapter .content {
    width: 100%; }
    .s4-multistep-fullscreen-modal.onboarding-chapter .content .progress-container {
      padding-left: 60px;
      padding-right: 60px;
      width: 100%; }
      @media only screen and (max-width: 767px) {
        .s4-multistep-fullscreen-modal.onboarding-chapter .content .progress-container {
          padding-left: 0;
          padding-right: 0; } }
  .s4-multistep-fullscreen-modal.onboarding-chapter .title {
    color: rgba(0, 0, 0, 0.87);
    font-family: Nunito Sans, sans-serif;
    -webkit-font-feature-settings: 'liga' off, 'clig' off;
            font-feature-settings: 'liga' off, 'clig' off;
    font-size: calc(0.57143rem * 3);
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.18px;
    line-height: calc(0.57143rem * 4);
    margin-bottom: calc(0.57143rem * 3);
    text-align: center; }
    .s4-multistep-fullscreen-modal.onboarding-chapter .title.welcome {
      margin-bottom: calc(0.57143rem * 2); }

.onboarding-wizard .modal-dialog.image-cropper-modal {
  height: 610px;
  max-width: none;
  width: 800px; }
  .onboarding-wizard .modal-dialog.image-cropper-modal .dialog .body {
    height: 100%;
    padding: 0; }
  .onboarding-wizard .modal-dialog.image-cropper-modal .cropper-js {
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none; }
    @media only screen and (max-width: 767px) {
      .onboarding-wizard .modal-dialog.image-cropper-modal .cropper-js {
        width: 100%; } }
    .onboarding-wizard .modal-dialog.image-cropper-modal .cropper-js .ui.segment {
      background-color: transparent;
      padding: 0; }
      .onboarding-wizard .modal-dialog.image-cropper-modal .cropper-js .ui.segment img {
        height: 480px;
        width: 800px; }
        @media only screen and (max-width: 767px) {
          .onboarding-wizard .modal-dialog.image-cropper-modal .cropper-js .ui.segment img {
            height: 280px;
            width: 100%; } }
      .onboarding-wizard .modal-dialog.image-cropper-modal .cropper-js .ui.segment .cropper-container {
        height: 480px; }
        @media only screen and (max-width: 767px) {
          .onboarding-wizard .modal-dialog.image-cropper-modal .cropper-js .ui.segment .cropper-container {
            height: 280px;
            width: 100%; } }
    .onboarding-wizard .modal-dialog.image-cropper-modal .cropper-js .clearing.segment {
      border-top: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-flow: row-reverse;
              flex-flow: row-reverse;
      margin: 10px; }
      @media only screen and (max-width: 767px) {
        .onboarding-wizard .modal-dialog.image-cropper-modal .cropper-js .clearing.segment {
          -webkit-box-orient: vertical;
          -webkit-box-direction: reverse;
              -ms-flex-flow: column-reverse;
                  flex-flow: column-reverse; } }
      .onboarding-wizard .modal-dialog.image-cropper-modal .cropper-js .clearing.segment button {
        border-radius: 4px;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        text-transform: uppercase; }
        .onboarding-wizard .modal-dialog.image-cropper-modal .cropper-js .clearing.segment button:nth-child(1) {
          background-color: #0E5BF3;
          color: #FFFFFF; }
        .onboarding-wizard .modal-dialog.image-cropper-modal .cropper-js .clearing.segment button:nth-child(2) {
          background-color: #FFFFFF;
          border: 1px solid #0E5BF3;
          -webkit-box-shadow: none;
                  box-shadow: none;
          color: #0E5BF3; }
        @media only screen and (max-width: 767px) {
          .onboarding-wizard .modal-dialog.image-cropper-modal .cropper-js .clearing.segment button {
            margin-left: 0;
            margin-top: 10px; } }
  @media only screen and (max-width: 767px) {
    .onboarding-wizard .modal-dialog.image-cropper-modal {
      height: 470px;
      width: 90%; } }

.onboarding-wizard .s4-multistep-fullscreen-modal.onboarding-wizard-step.logo-upload .form-container .logo-upload h2 {
  font-weight: bold; }

.onboarding-wizard .s4-multistep-fullscreen-modal.onboarding-wizard-step.logo-upload .form-container .logo-upload .s4-upload-wrapper {
  margin-bottom: 20px; }
  .onboarding-wizard .s4-multistep-fullscreen-modal.onboarding-wizard-step.logo-upload .form-container .logo-upload .s4-upload-wrapper .file-upload .inner-section .file-section {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
    .onboarding-wizard .s4-multistep-fullscreen-modal.onboarding-wizard-step.logo-upload .form-container .logo-upload .s4-upload-wrapper .file-upload .inner-section .file-section .image-preview img {
      max-width: 100%;
      width: 100%; }

.onboarding-wizard-tray.no-title-and-buttons .s4-tray.open .content .info-container.onboarding-step-info {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(0.57143rem * 2.5); }
  .onboarding-wizard-tray.no-title-and-buttons .s4-tray.open .content .info-container.onboarding-step-info .header {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

#modals .s4-modal-wrapper .modal-dialog.cropped-image-modal {
  max-width: 800px;
  width: 800px; }
  #modals .s4-modal-wrapper .modal-dialog.cropped-image-modal .dialog .body {
    padding: 10px; }
  #modals .s4-modal-wrapper .modal-dialog.cropped-image-modal .dialog .s4-button button {
    text-transform: uppercase; }
  #modals .s4-modal-wrapper .modal-dialog.cropped-image-modal .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    #modals .s4-modal-wrapper .modal-dialog.cropped-image-modal .content img,
    #modals .s4-modal-wrapper .modal-dialog.cropped-image-modal .content .description {
      width: 50%; }
    #modals .s4-modal-wrapper .modal-dialog.cropped-image-modal .content .description {
      padding: 10px 10px 0 10px !important; }
    #modals .s4-modal-wrapper .modal-dialog.cropped-image-modal .content > .image {
      padding: 0 !important; }
  @media only screen and (max-width: 767px) {
    #modals .s4-modal-wrapper .modal-dialog.cropped-image-modal {
      width: 90%; }
      #modals .s4-modal-wrapper .modal-dialog.cropped-image-modal .content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        #modals .s4-modal-wrapper .modal-dialog.cropped-image-modal .content img,
        #modals .s4-modal-wrapper .modal-dialog.cropped-image-modal .content .description {
          width: 100%; }
        #modals .s4-modal-wrapper .modal-dialog.cropped-image-modal .content > .image {
          height: 150px; } }

@media only screen and (max-width: 767px) {
  .ui.modal.modal-dialog.s4-modal-dialog.onboarding-wizard-address-confirmation-modal .body .address-confirmation-modal-content .description {
    text-align: left; }
  .ui.modal.modal-dialog.s4-modal-dialog.onboarding-wizard-address-confirmation-modal .body .address-confirmation-modal-content .addresses {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .ui.modal.modal-dialog.s4-modal-dialog.onboarding-wizard-address-confirmation-modal .body .address-confirmation-modal-content .addresses .address span {
      text-align: left; }
  .ui.modal.modal-dialog.s4-modal-dialog.onboarding-wizard-address-confirmation-modal .footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; } }

.wizard-complete-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%; }
  .wizard-complete-page .complete-content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: rgba(0, 0, 0, 0.87);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    letter-spacing: 0.18px;
    line-height: 28px;
    text-align: center;
    width: 480px; }
    .wizard-complete-page .complete-content .complete-logo {
      margin-bottom: 24px; }
    .wizard-complete-page .complete-content .complete-title {
      font-size: 24px;
      font-weight: 700;
      line-height: 32px;
      margin-bottom: 16px; }

.form-container.location-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .form-container.location-page p {
    color: rgba(0, 0, 0, 0.87);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.25;
    line-height: 24px;
    margin-bottom: 0; }
  .form-container.location-page .input-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px; }

.form-container.offline-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  @media only screen and (max-width: 767px) {
    .form-container.offline-page {
      padding: 0; } }
  .form-container.offline-page p {
    color: rgba(0, 0, 0, 0.87);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.25rem;
    line-height: 24px;
    margin-bottom: 0; }
  .form-container.offline-page .video-container {
    aspect-ratio: 16 / 9;
    height: 100%;
    width: 100%; }
  .form-container.offline-page .offline-agreement {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .form-container.offline-page .offline-agreement .warning-message {
      color: #B00020;
      font-size: 16px; }
    .form-container.offline-page .offline-agreement .s4-checkbox.error label:before {
      border: 2px solid #B00020; }

.badge {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(14, 91, 243, 0.08);
  border-radius: 99px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  left: 18px;
  margin-bottom: 8px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 2px 6px;
  position: relative;
  top: 14px; }
  .badge .badge-icon {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    border-radius: 99px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    height: 8px;
    width: 8px; }
  .badge .pending,
  .badge .skipped,
  .badge .waiting-on-menu,
  .badge .in-progress {
    background: #F6A735; }
  .badge .completed {
    background: #46A82E; }
  .badge .badge-text {
    color: rgba(0, 0, 0, 0.87);
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    letter-spacing: 0.4px;
    line-height: 16px;
    text-align: center; }

.launch-control-card {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: #0E5BF3;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 640px;
  max-height: 640px;
  max-width: 480px;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .launch-control-card {
      height: auto;
      max-height: 800px; } }
  .launch-control-card .badge {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: rgba(14, 91, 243, 0.08);
    border-radius: 99px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    padding: 2px 6px; }
    .launch-control-card .badge .badge-icon {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      border-radius: 99px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 10px;
      height: 8px;
      width: 8px; }
    .launch-control-card .badge .pending,
    .launch-control-card .badge .skipped,
    .launch-control-card .badge .waiting-on-menu,
    .launch-control-card .badge .in-progress {
      background: #F6A735; }
    .launch-control-card .badge .completed {
      background: #46A82E; }
    .launch-control-card .badge .badge-text {
      color: rgba(0, 0, 0, 0.87);
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0.4px;
      line-height: 16px;
      text-align: center; }
  .launch-control-card .card-progress {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    min-height: 80px;
    padding: 16px 16px 32px 16px; }
    .launch-control-card .card-progress .badge {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background: rgba(14, 91, 243, 0.08);
      border-radius: 99px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: calc(0.57143rem * 1.25);
      padding: 2px 6px; }
      .launch-control-card .card-progress .badge .badge-icon {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        border-radius: 99px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: calc(0.57143rem * 1.25);
        height: calc(0.57143rem * 1);
        width: calc(0.57143rem * 1); }
      .launch-control-card .card-progress .badge .pending,
      .launch-control-card .card-progress .badge .skipped,
      .launch-control-card .card-progress .badge .waiting-on-menu {
        background: #F6A735; }
      .launch-control-card .card-progress .badge .complete {
        background: #46A82E; }
      .launch-control-card .card-progress .badge .badge-text {
        color: rgba(0, 0, 0, 0.87);
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.4px;
        line-height: 16px;
        text-align: center; }
    .launch-control-card .card-progress .progress-icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .launch-control-card .card-content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    padding: 0px 48px; }
    .launch-control-card .card-content .card-title .card-title-header {
      color: rgba(0, 0, 0, 0.87);
      font-size: 24px;
      font-weight: 700;
      /* 116.667% */
      letter-spacing: 0.18px;
      line-height: 28px;
      text-align: center; }
    .launch-control-card .card-content .card-title .card-title-extra {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-item-align: stretch;
          align-self: stretch;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 8px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-top: 12px; }
      .launch-control-card .card-content .card-title .card-title-extra .required-part {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        background: rgba(14, 91, 243, 0.08);
        border-radius: 99px;
        color: rgba(0, 0, 0, 0.87);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
            -ms-flex: 0;
                flex: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        /* Caption/Regular */
        font-size: 12px;
        font-weight: 400;
        gap: 10px;
        /* 133.333% */
        letter-spacing: 0.4px;
        line-height: 16px;
        padding: 4px 8px;
        text-align: center; }
      .launch-control-card .card-content .card-title .card-title-extra .steps-part {
        color: rgba(0, 0, 0, 0.87);
        /* Body 2 */
        font-size: 14px;
        font-weight: 400;
        /* 142.857% */
        letter-spacing: 0.25px;
        line-height: 20px; }
    .launch-control-card .card-content .card-image {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-item-align: stretch;
          align-self: stretch;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 10px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .launch-control-card .card-content .card-image img {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 240px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 240px; }
    .launch-control-card .card-content .card-subtitle {
      color: rgba(0, 0, 0, 0.87);
      /* Body 1 */
      font-size: 16px;
      font-weight: 400;
      /* 150% */
      letter-spacing: 0.25px;
      line-height: 24px;
      text-align: center; }
    .launch-control-card .card-content .banner-frame {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-item-align: stretch;
          align-self: stretch;
      background: rgba(255, 255, 255, 0.08);
      border-radius: 8px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-top: 18px;
      padding: 16px;
      text-align: center; }
      .launch-control-card .card-content .banner-frame .banner-frame-title {
        color: #FFFFFF;
        font-weight: 700;
        letter-spacing: 0.1px;
        margin: 0; }
      .launch-control-card .card-content .banner-frame .banner-frame-content {
        color: #FFFFFF;
        font-weight: 400;
        letter-spacing: 0.25px;
        margin: 0; }
  .launch-control-card .card-button {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 32px 48px 48px 48px; }
    .launch-control-card .card-button .start-button {
      margin: 0 auto;
      width: 118px; }
  .launch-control-card.banner {
    background: #090304 !important; }
    .launch-control-card.banner .card-content .card-title .card-title-header {
      color: #FFFFFF; }
    .launch-control-card.banner .card-content .card-title .banner-subtitle {
      color: #FFFFFF;
      font-size: calc(0.57143rem * 2);
      padding-bottom: 1.5em;
      text-align: center; }
    .launch-control-card.banner .card-content .card-subtitle {
      color: #FFFFFF; }
  .launch-control-card.default {
    background: rgba(0, 0, 0, 0.04);
    border: 1px solid transparent;
    -webkit-transition: border-color 250ms ease;
    transition: border-color 250ms ease; }
    .launch-control-card.default:hover {
      border-color: rgba(0, 0, 0, 0.87); }
  .launch-control-card.notification {
    background: #FFFFFF !important;
    border: 1px solid black;
    gap: 16px;
    min-width: 240px;
    width: 240px; }
    .launch-control-card.notification .notification-header {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      padding-right: 32px;
      padding-top: 16px;
      width: 100%; }
    .launch-control-card.notification .notification-content {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 14px;
      font-weight: 700;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      letter-spacing: 0.25px;
      line-height: 20px;
      padding-left: 10%;
      padding-right: 10%;
      width: 100%; }
  .launch-control-card.selected {
    background: #FFFFFF;
    border: 1px solid #0E5BF3;
    -webkit-transition: background 250ms ease;
    transition: background 250ms ease; }
    .launch-control-card.selected:hover {
      background: rgba(14, 91, 243, 0.06); }
    .launch-control-card.selected .card-button .start-button {
      background: #0E5BF3;
      color: #FFFFFF; }
      .launch-control-card.selected .card-button .start-button img {
        -webkit-filter: brightness(0) invert(1);
                filter: brightness(0) invert(1); }
  .launch-control-card.disabled {
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.12); }
    .launch-control-card.disabled .progress-icon {
      opacity: 0.5; }
    .launch-control-card.disabled .card-content {
      opacity: 0.5; }
    .launch-control-card.disabled .card-button {
      opacity: 0.5; }
      .launch-control-card.disabled .card-button .start-button {
        background: #FFFFFF;
        border: 1px solid rgba(0, 0, 0, 0.87);
        color: #000000;
        opacity: 0.5; }
        .launch-control-card.disabled .card-button .start-button img {
          -webkit-filter: brightness(0);
                  filter: brightness(0); }

.s4-spinner {
  height: 20px;
  width: 20px; }

.carousel {
  margin-left: 40px;
  margin-top: 20px;
  overflow-x: hidden; }
  .carousel .card {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: auto;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    overflow-x: clip;
    width: 400px; }
    @media only screen and (max-width: 767px) {
      .carousel .card {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 400px;
        width: 80vw; } }
  .carousel .card-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 24px;
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%; }
    .carousel .card-container::-webkit-scrollbar {
      display: none; }
    @media only screen and (max-width: 767px) {
      .carousel .card-container {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .carousel .button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    .carousel .button-container .circular-button i.icon, .carousel .button-container .internet-payments-wrapper .dropdown-file-selector i.icon, .internet-payments-wrapper .carousel .button-container .dropdown-file-selector i.icon, .carousel .button-container .internet-payments-wrapper .download-label-button .download i.icon, .internet-payments-wrapper .download-label-button .carousel .button-container .download i.icon, .carousel .button-container .internet-payments-fullscreen-modal > .header.top-title .close-btn i.icon, .internet-payments-fullscreen-modal > .header.top-title .carousel .button-container .close-btn i.icon {
      height: auto;
      margin: 0; }
    @media only screen and (max-width: 767px) {
      .carousel .button-container {
        background: none;
        border: 1px solid rgba(0, 0, 0, 0.38);
        color: rgba(0, 0, 0, 0.38);
        cursor: default;
        opacity: 0; } }
  @media only screen and (max-width: 767px) {
    .carousel {
      margin-left: 0px;
      overflow-x: scroll; } }

.s4-module-container.installation-details-container .step-container.is-sso {
  padding-top: 16px; }

.s4-module-container.installation-details-container .step-container .s4-list-page .s4-list-page-footer .rounded-outline {
  text-align: center;
  text-wrap: nowrap;
  width: 100%; }

.s4-module-container.installation-details-container .step-container .s4-list-page .form {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(0.57143rem * 3);
  padding: 0 calc(0.57143rem * 3); }
  @media only screen and (max-width: 480px) {
    .s4-module-container.installation-details-container .step-container .s4-list-page .form {
      padding: 0; } }
  .s4-module-container.installation-details-container .step-container .s4-list-page .form .heading {
    color: rgba(0, 0, 0, 0.87);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.18px;
    line-height: 32px; }
  .s4-module-container.installation-details-container .step-container .s4-list-page .form .multiple-input-row {
    display: grid;
    gap: calc(0.57143rem * 2);
    grid-template-columns: 1fr 1fr;
    width: 100%; }
    .s4-module-container.installation-details-container .step-container .s4-list-page .form .multiple-input-row .s4-dropdown-wrapper .s4-dropdown-input-container {
      height: auto; }
    .s4-module-container.installation-details-container .step-container .s4-list-page .form .multiple-input-row .s4-dropdown-wrapper .menu {
      max-height: 15vh; }
  .s4-module-container.installation-details-container .step-container .s4-list-page .form .sub-heading {
    color: rgba(0, 0, 0, 0.87);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.25px;
    line-height: 24px; }

.s4-module-container.installation-details-container .step-container .s4-form-card-container > .s4-form-card-fieldset-container {
  overflow: visible; }
  .s4-module-container.installation-details-container .step-container .s4-form-card-container > .s4-form-card-fieldset-container .sso-message {
    color: rgba(0, 0, 0, 0.38);
    font-size: calc(0.57143rem * 1.5);
    letter-spacing: 0.4px;
    margin-top: -20px;
    padding: 4px 0 10px calc(0.57143rem * 2);
    position: relative;
    text-align: left; }

@media (max-width: 768px) {
  .s4-module-container.installation-details-container .step-container .s4-form-card-container {
    padding: 0; } }

@media only screen and (min-width: 1025px) {
  .s4-module-container.installation-details-container .floating-guide-dialog-container {
    position: absolute;
    right: 24px;
    top: 88px; } }

@media only screen and (max-width: 1024px) {
  .s4-module-container.installation-details-container .shipping-address-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow: visible; }
    .s4-module-container.installation-details-container .shipping-address-content .floating-guide-dialog-container {
      margin-bottom: 20px;
      max-width: 400px;
      width: 100%; } }

.menu-container .launch-control-fullscreen-modal > .content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-height: calc(100vh - 88px);
  padding: 0; }

.menu-container .launch-control-fullscreen-modal .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: inherit;
  overflow: auto; }
  .menu-container .launch-control-fullscreen-modal .content .form {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    max-width: 480px;
    padding: 0px 24px 24px 24px;
    width: 100%; }
    .menu-container .launch-control-fullscreen-modal .content .form .heading {
      color: rgba(0, 0, 0, 0.87);
      font-size: calc(0.57143rem * 3);
      font-style: normal;
      font-weight: 700;
      letter-spacing: 0.18px;
      line-height: 32px; }
    .menu-container .launch-control-fullscreen-modal .content .form .note {
      color: rgba(0, 0, 0, 0.6);
      font-size: calc(0.57143rem * 1.5);
      font-weight: 400;
      letter-spacing: 0.4px;
      line-height: calc(0.57143rem * 2);
      text-align: left; }
    .menu-container .launch-control-fullscreen-modal .content .form .next-button {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-item-align: stretch;
          align-self: stretch;
      background: #0E5BF3;
      border-radius: 99px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 48px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .menu-container .launch-control-fullscreen-modal .content .form .next-button .content {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 8px; }
      .menu-container .launch-control-fullscreen-modal .content .form .next-button .side-spacer {
        -ms-flex-item-align: stretch;
            align-self: stretch;
        width: 8px; }
      .menu-container .launch-control-fullscreen-modal .content .form .next-button .text {
        color: #FFFFFF;
        font-size: calc(0.57143rem * 1.75);
        font-style: normal;
        font-weight: 700;
        letter-spacing: 0.25px;
        line-height: 24px;
        text-align: center;
        text-transform: uppercase; }
    .menu-container .launch-control-fullscreen-modal .content .form .sub-heading {
      color: rgba(0, 0, 0, 0.87);
      font-size: calc(0.57143rem * 2.5);
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0.18px;
      line-height: 28px; }
    .menu-container .launch-control-fullscreen-modal .content .form .sub-heading2 {
      color: rgba(0, 0, 0, 0.87);
      font-size: calc(0.57143rem * 2);
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0.25px;
      line-height: 24px; }
    .menu-container .launch-control-fullscreen-modal .content .form .s4-form-card-container {
      padding: 0;
      width: 100%; }
      .menu-container .launch-control-fullscreen-modal .content .form .s4-form-card-container .radio-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: calc(0.57143rem * 2); }
      .menu-container .launch-control-fullscreen-modal .content .form .s4-form-card-container #add-tax-button button {
        float: left;
        text-align: left; }
  .menu-container .launch-control-fullscreen-modal .content .tax-message {
    margin-bottom: 15px; }

@media only screen and (min-width: 1025px) {
  .menu-container .menu-dialog-container {
    position: absolute;
    right: 24px;
    top: 88px; }
    .menu-container .menu-dialog-container.has-error {
      top: 130px; } }

@media only screen and (max-width: 1024px) {
  .menu-container .menu-dialog-container {
    margin-bottom: calc(0.57143rem * 3);
    margin-left: calc(0.57143rem * 3); } }

@media only screen and (max-width: 480px) {
  .menu-container {
    margin: 0;
    max-width: 320px;
    width: 100%; } }

.launch-control-container {
  max-height: none !important; }
  .launch-control-container .top-title.header.white {
    background-color: #FFFFFF !important; }
  .launch-control-container .close-button {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #F0F0F0;
    border-left: none !important;
    border-radius: 50%;
    color: #626262 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 38px !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    right: 15px !important;
    top: 20px !important;
    width: 38px !important; }
  .launch-control-container .close-button::before {
    font-weight: 10 !important; }
  .launch-control-container .modal-overlay {
    background: #FFFFFF; }
    .launch-control-container .modal-overlay .modal-content {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-radius: 8px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 32px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 0 24px; }
      .launch-control-container .modal-overlay .modal-content .image-container {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-item-align: stretch;
            align-self: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 24px;
        height: auto;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .launch-control-container .modal-overlay .modal-content .image-container .center-image {
          height: auto;
          max-width: 100%; }
        .launch-control-container .modal-overlay .modal-content .image-container .image-title {
          color: var(--On-Surface-High-Emphasis, var(--OnSurface-HighEmphasis, rgba(0, 0, 0, 0.87)));
          font-family: Nunito Sans, sans-serif;
          -webkit-font-feature-settings: 'clig' off, 'liga' off;
                  font-feature-settings: 'clig' off, 'liga' off;
          font-size: 24px;
          font-style: normal;
          font-weight: 700;
          letter-spacing: 0.18px;
          line-height: 28px;
          text-align: center;
          width: 484px; }
        .launch-control-container .modal-overlay .modal-content .image-container .image-text {
          color: var(--On-Surface-High-Emphasis, var(--OnSurface-HighEmphasis, rgba(0, 0, 0, 0.87)));
          font-family: Nunito Sans, sans-serif;
          -webkit-font-feature-settings: 'clig' off, 'liga' off;
                  font-feature-settings: 'clig' off, 'liga' off;
          font-size: 20px;
          font-style: normal;
          font-weight: 400;
          letter-spacing: 0.18px;
          line-height: 24px;
          text-align: center;
          width: 461px; }
      .launch-control-container .modal-overlay .modal-content .button-container {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 16px;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        max-width: 480px;
        width: 100%; }
        .launch-control-container .modal-overlay .modal-content .button-container .primary-button {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          background: #0E5BF3;
          border: none;
          border-radius: 99px;
          color: #FFFFFF;
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          font-family: Nunito Sans, sans-serif;
          font-size: 14px;
          font-weight: 700;
          height: 40px;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          letter-spacing: 0.25px;
          line-height: 24px;
          overflow: hidden;
          text-transform: uppercase;
          width: 100%; }
        .launch-control-container .modal-overlay .modal-content .button-container .secondary-button {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          background-color: #FFFFFF;
          border: 1px solid var(--Sys-Light-Primary, #0E5BF3);
          border-radius: 99px;
          color: #0E5BF3;
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          font-family: Nunito Sans, sans-serif;
          font-size: 14px;
          font-weight: 700;
          height: 40px;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          letter-spacing: 0.25px;
          line-height: 24px;
          overflow: hidden;
          padding: 8px;
          text-transform: uppercase;
          width: 100%;
          word-wrap: break-word; }
        .launch-control-container .modal-overlay .modal-content .button-container .exit-button {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          background-color: #FFFFFF;
          border: none;
          color: #0E5BF3;
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          font-family: Nunito Sans, sans-serif;
          font-size: 14px;
          font-weight: 700;
          height: 40px;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          letter-spacing: 0.25px;
          line-height: 24px;
          overflow: hidden;
          padding: 8px;
          text-transform: uppercase;
          width: 150px;
          word-wrap: break-word; }

.restaurant-basics .form-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding: 0 10px;
  width: 100%; }

.restaurant-basics .modal-dialog.image-cropper-modal {
  height: 610px;
  max-width: none;
  width: 800px; }
  .restaurant-basics .modal-dialog.image-cropper-modal .dialog .body {
    height: 100%;
    padding: 0; }
  .restaurant-basics .modal-dialog.image-cropper-modal .cropper-js {
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none; }
    @media only screen and (max-width: 767px) {
      .restaurant-basics .modal-dialog.image-cropper-modal .cropper-js {
        width: 100%; } }
    .restaurant-basics .modal-dialog.image-cropper-modal .cropper-js .clearing.segment {
      border-top: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-flow: row-reverse;
              flex-flow: row-reverse;
      margin: 10px; }
      @media only screen and (max-width: 767px) {
        .restaurant-basics .modal-dialog.image-cropper-modal .cropper-js .clearing.segment {
          -webkit-box-orient: vertical;
          -webkit-box-direction: reverse;
              -ms-flex-flow: column-reverse;
                  flex-flow: column-reverse; } }
      .restaurant-basics .modal-dialog.image-cropper-modal .cropper-js .clearing.segment button {
        border-radius: 4px;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        text-transform: uppercase; }
        .restaurant-basics .modal-dialog.image-cropper-modal .cropper-js .clearing.segment button:nth-child(1) {
          background-color: #0E5BF3;
          color: #FFFFFF; }
        .restaurant-basics .modal-dialog.image-cropper-modal .cropper-js .clearing.segment button:nth-child(2) {
          background-color: #FFFFFF;
          border: 1px solid #0E5BF3;
          -webkit-box-shadow: none;
                  box-shadow: none;
          color: #0E5BF3; }
        @media only screen and (max-width: 767px) {
          .restaurant-basics .modal-dialog.image-cropper-modal .cropper-js .clearing.segment button {
            margin-left: 0;
            margin-top: 10px; } }
    .restaurant-basics .modal-dialog.image-cropper-modal .cropper-js .ui.segment {
      background-color: transparent;
      padding: 0; }
      .restaurant-basics .modal-dialog.image-cropper-modal .cropper-js .ui.segment img {
        height: 480px;
        width: 800px; }
        @media only screen and (max-width: 767px) {
          .restaurant-basics .modal-dialog.image-cropper-modal .cropper-js .ui.segment img {
            height: 280px;
            width: 100%; } }
      .restaurant-basics .modal-dialog.image-cropper-modal .cropper-js .ui.segment .cropper-container {
        height: 480px; }
        @media only screen and (max-width: 767px) {
          .restaurant-basics .modal-dialog.image-cropper-modal .cropper-js .ui.segment .cropper-container {
            height: 280px;
            width: 100%; } }
  @media only screen and (max-width: 767px) {
    .restaurant-basics .modal-dialog.image-cropper-modal {
      height: 470px;
      width: 90%; } }

#modals .s4-modal-wrapper .modal-dialog.cropped-image-modal {
  max-width: 800px;
  width: 800px; }
  #modals .s4-modal-wrapper .modal-dialog.cropped-image-modal .dialog .body {
    padding: 10px; }
  #modals .s4-modal-wrapper .modal-dialog.cropped-image-modal .dialog .s4-button button {
    text-transform: uppercase; }
  #modals .s4-modal-wrapper .modal-dialog.cropped-image-modal .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    #modals .s4-modal-wrapper .modal-dialog.cropped-image-modal .content img,
    #modals .s4-modal-wrapper .modal-dialog.cropped-image-modal .content .description {
      width: 50%; }
    #modals .s4-modal-wrapper .modal-dialog.cropped-image-modal .content .description {
      padding: 10px 10px 0 10px !important; }
    #modals .s4-modal-wrapper .modal-dialog.cropped-image-modal .content > .image {
      padding: 0 !important; }
  @media only screen and (max-width: 767px) {
    #modals .s4-modal-wrapper .modal-dialog.cropped-image-modal {
      width: 90%; }
      #modals .s4-modal-wrapper .modal-dialog.cropped-image-modal .content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        #modals .s4-modal-wrapper .modal-dialog.cropped-image-modal .content img,
        #modals .s4-modal-wrapper .modal-dialog.cropped-image-modal .content .description {
          width: 100%; }
        #modals .s4-modal-wrapper .modal-dialog.cropped-image-modal .content > .image {
          height: 150px; } }

.restaurant-basics .location-details {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 480px; }
  .restaurant-basics .location-details .s4-textfield {
    margin-bottom: 10px; }
  .restaurant-basics .location-details .restaurant-description-dropdown-wrapper {
    margin-bottom: 1.5em; }
    .restaurant-basics .location-details .restaurant-description-dropdown-wrapper .s4-dropdown-wrapper .assistive-text {
      /* The .assistive-text class automatically adds 4px of padding that messes with tab highlighting*/
      font-weight: bold;
      padding-top: 0px !important; }
  .restaurant-basics .location-details h2 {
    font-weight: bold; }
  .restaurant-basics .location-details p {
    margin: 1.5em 0em 1.5em 0em; }

.restaurant-basics .s4-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .restaurant-basics .s4-button .details-button {
    max-width: 480px; }

.restaurant-basics .business-hours-container {
  max-width: 480px; }
  @media only screen and (max-width: 767px) {
    .restaurant-basics .business-hours-container {
      width: 100%; } }
  .restaurant-basics .business-hours-container .business-hours {
    width: 100%; }
    .restaurant-basics .business-hours-container .business-hours h2 {
      font-weight: bold; }
    .restaurant-basics .business-hours-container .business-hours p {
      margin: 2em 0em 2em 0em; }
    .restaurant-basics .business-hours-container .business-hours .add-button {
      margin-bottom: 20px;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content; }
      .restaurant-basics .business-hours-container .business-hours .add-button .add-schedule-button {
        padding: 0 30px 0 25px; }
    .restaurant-basics .business-hours-container .business-hours .schedule-container {
      background-color: #FAFAFA;
      border-radius: 15px;
      margin-bottom: 15px;
      padding: 25px 20px; }
      .restaurant-basics .business-hours-container .business-hours .schedule-container .delete-button {
        -ms-flex-item-align: center;
            align-self: center;
        cursor: pointer;
        display: inline-block; }
        .restaurant-basics .business-hours-container .business-hours .schedule-container .delete-button img {
          height: 32px;
          max-width: 100%; }
      .restaurant-basics .business-hours-container .business-hours .schedule-container .title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding-bottom: 35px; }
        .restaurant-basics .business-hours-container .business-hours .schedule-container .title span {
          font-size: 20px; }
      .restaurant-basics .business-hours-container .business-hours .schedule-container .days-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 10px; }
        .restaurant-basics .business-hours-container .business-hours .schedule-container .days-container .checkbox-container {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          .restaurant-basics .business-hours-container .business-hours .schedule-container .days-container .checkbox-container .custom-label {
            padding-top: 2px; }
        @media only screen and (max-width: 767px) {
          .restaurant-basics .business-hours-container .business-hours .schedule-container .days-container .checkbox-container {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column; }
            .restaurant-basics .business-hours-container .business-hours .schedule-container .days-container .checkbox-container .custom-label {
              padding-right: 7px;
              text-align: center; } }
      .restaurant-basics .business-hours-container .business-hours .schedule-container .hours-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 10px;
        margin-top: 10px; }
        .restaurant-basics .business-hours-container .business-hours .schedule-container .hours-container .hours-picker {
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1; }
        .restaurant-basics .business-hours-container .business-hours .schedule-container .hours-container .s4-menu-container.menu-dropdown {
          max-height: 170px;
          overflow-y: auto; }
  .restaurant-basics .business-hours-container .continue-button {
    width: 100%; }

.restaurant-basics .launch-control-fullscreen-modal > .content {
  max-height: 100%; }

.restaurant-basics .logo-upload {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 480px; }
  @media only screen and (max-width: 767px) {
    .restaurant-basics .logo-upload {
      width: 100%; } }
  .restaurant-basics .logo-upload h2 {
    font-weight: bold; }
  .restaurant-basics .logo-upload p {
    margin: 1.5em 0em 1.5em 0em; }
  .restaurant-basics .logo-upload .s4-upload-wrapper {
    margin-bottom: 20px; }
    .restaurant-basics .logo-upload .s4-upload-wrapper .file-upload .inner-section .image-preview img {
      max-width: 100%;
      width: 100%; }

.restaurant-basics .logo-upload-button {
  max-width: 480px; }
  @media only screen and (max-width: 767px) {
    .restaurant-basics .logo-upload-button {
      width: 100%; } }

.info-modal-content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow-y: auto;
  position: relative;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .info-modal-content {
      padding: 0 calc(0.57143rem * 2.5); } }
  .info-modal-content .container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 768px; }
    @media only screen and (max-width: 767px) {
      .info-modal-content .container {
        width: 100%; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .info-modal-content .container {
        width: 90%; } }
    @media only screen and (max-width: 767px) {
      .info-modal-content .container {
        background: white;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: calc(0.57143rem * 3); }
        .info-modal-content .container.spacing {
          gap: calc(0.57143rem * 2); } }
    .info-modal-content .container.column {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .info-modal-content .container.center {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .info-modal-content .container .surface-light-bg {
      background: #fafafa; }
      @media only screen and (max-width: 767px) {
        .info-modal-content .container .surface-light-bg {
          background: white; } }
    .info-modal-content .container .info-container {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-radius: calc(0.57143rem * 1);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      font-size: calc(0.57143rem * 3);
      font-weight: 400;
      gap: calc(0.57143rem * 2);
      letter-spacing: 0.18px;
      line-height: calc(0.57143rem * 4);
      padding: calc(0.57143rem * 4);
      text-align: left;
      width: 100%; }
      @media only screen and (max-width: 767px) {
        .info-modal-content .container .info-container {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          gap: calc(0.57143rem * 4);
          padding: 0px; } }
    .info-modal-content .container .title-container {
      width: 100%; }
    .info-modal-content .container .video-container {
      background-color: #000000;
      border: transparent;
      border-radius: calc(0.57143rem * 1);
      height: 350px;
      width: 100%; }
      @media only screen and (max-width: 767px) {
        .info-modal-content .container .video-container {
          height: 50vw;
          padding: 0; } }
    .info-modal-content .container .features-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      font-size: calc(0.57143rem * 3);
      font-weight: 400;
      letter-spacing: 0.18px;
      line-height: calc(0.57143rem * 4);
      padding: calc(0.57143rem * 4);
      text-align: left;
      width: 100%; }
      .info-modal-content .container .features-container > * {
        width: 100%; }
        @media only screen and (max-width: 767px) {
          .info-modal-content .container .features-container > * {
            width: 100%; } }
      .info-modal-content .container .features-container ul li, .info-modal-content .container .features-container ol li {
        color: rgba(0, 0, 0, 0.87);
        font-size: calc(0.57143rem * 1.75); }
        @media only screen and (max-width: 767px) {
          .info-modal-content .container .features-container ul li, .info-modal-content .container .features-container ol li {
            margin-left: calc(0.57143rem * 1); } }
      .info-modal-content .container .features-container ul.bold li, .info-modal-content .container .features-container ol.bold li {
        font-weight: 600; }
      @media only screen and (max-width: 767px) {
        .info-modal-content .container .features-container {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          padding: 0; } }
    .info-modal-content .container .info-container .description-1, .info-modal-content .container .features-container .description-1 {
      color: rgba(0, 0, 0, 0.87);
      font-size: calc(0.57143rem * 2.5);
      font-weight: 400;
      line-height: 28px; }
    .info-modal-content .container .info-container .description-2, .info-modal-content .container .features-container .description-2 {
      color: rgba(0, 0, 0, 0.87);
      font-size: calc(0.57143rem * 2);
      font-weight: 400;
      line-height: calc(0.57143rem * 3);
      margin-top: calc(0.57143rem * 2); }
    .info-modal-content .container .info-container .title, .info-modal-content .container .features-container .title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      font-size: calc(0.57143rem * 3);
      font-weight: 400;
      letter-spacing: 0.18px;
      line-height: calc(0.57143rem * 4);
      margin-bottom: calc(0.57143rem * 2);
      text-align: left;
      width: 100%; }
      .info-modal-content .container .info-container .title .title-name, .info-modal-content .container .features-container .title .title-name {
        display: inline-block;
        font-weight: 700; }
    .info-modal-content .container .two-col-container {
      -webkit-columns: 2;
         -moz-columns: 2;
              columns: 2; }
      @media only screen and (max-width: 767px) {
        .info-modal-content .container .two-col-container {
          -webkit-columns: 1;
             -moz-columns: 1;
                  columns: 1; } }
      .info-modal-content .container .two-col-container .column-container {
        -webkit-column-break-inside: avoid;
                break-inside: avoid-column;
        page-break-inside: avoid; }
      .info-modal-content .container .two-col-container .two-col-item {
        font-size: calc(0.57143rem * 2);
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content;
        line-height: calc(0.57143rem * 3);
        margin: 0px;
        padding: 0px;
        padding-left: calc(0.57143rem * 2); }
        .info-modal-content .container .two-col-container .two-col-item .bold {
          font-weight: 700; }
        .info-modal-content .container .two-col-container .two-col-item .red {
          color: #FF5625; }
      .info-modal-content .container .two-col-container .no-padding {
        padding: 0; }
    .info-modal-content .container .buttons-container {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      max-width: 432px;
      padding: calc(0.57143rem * 4) 0;
      width: 100%; }
      .info-modal-content .container .buttons-container > * {
        width: 100%; }
      @media only screen and (max-width: 767px) {
        .info-modal-content .container .buttons-container {
          margin-top: 8px;
          padding: 0; }
          .info-modal-content .container .buttons-container.spacing {
            margin-top: 16px; } }

.launch-control-fullscreen-modal .content .content.s4-integrations-v2-content {
  width: 100%; }
  .launch-control-fullscreen-modal .content .content.s4-integrations-v2-content .form {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

.s4-table-layout {
  margin-left: 0; }
  .s4-table-layout.loading {
    pointer-events: none; }
  .s4-table-layout .disabled-component {
    opacity: 0.24;
    pointer-events: none; }
  .s4-table-layout .right-bar {
    background-color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 350px;
            flex: 0 0 350px;
    min-width: 350px; }
    .s4-table-layout .right-bar .floating-guide-dialog-container {
      background-color: white;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .s4-table-layout .row {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .s4-table-layout .main-canvas {
    height: 100%;
    width: 100%; }
    .s4-table-layout .main-canvas .canvas {
      padding-left: 0;
      padding-top: 0; }
      .s4-table-layout .main-canvas .canvas .canvas-container {
        height: 100% !important;
        max-height: 690px;
        max-width: 920px;
        width: 100% !important; }
        .s4-table-layout .main-canvas .canvas .canvas-container canvas {
          height: 100% !important;
          max-height: 690px;
          max-width: 920px;
          width: 100% !important; }
          .s4-table-layout .main-canvas .canvas .canvas-container canvas#table-layout {
            margin-bottom: -5px;
            position: relative !important; }
    .s4-table-layout .main-canvas .top-bar {
      background-color: #fafafa;
      border-bottom: 1px solid #E5E5E5;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 72px;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: 100%; }
      .s4-table-layout .main-canvas .top-bar .section-dropdown {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        margin: auto 8px;
        text-align: left; }
        .s4-table-layout .main-canvas .top-bar .section-dropdown .section input:focus {
          border-color: #136EF6 !important; }
        .s4-table-layout .main-canvas .top-bar .section-dropdown .s4-dropdown-wrapper {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          .s4-table-layout .main-canvas .top-bar .section-dropdown .s4-dropdown-wrapper .s4-dropdown-input-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 0;
                -ms-flex: 0;
                    flex: 0; }
            .s4-table-layout .main-canvas .top-bar .section-dropdown .s4-dropdown-wrapper .s4-dropdown-input-container .s4-dropdown-input-container-label {
              font-size: 1.14286rem !important;
              line-height: 24px; }
            .s4-table-layout .main-canvas .top-bar .section-dropdown .s4-dropdown-wrapper .s4-dropdown-input-container .s4-dropdown-selected-container {
              font-size: 1.14286rem !important;
              line-height: 24px;
              max-width: 150px;
              overflow-x: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
          .s4-table-layout .main-canvas .top-bar .section-dropdown .s4-dropdown-wrapper .menu {
            margin-top: 45px; }
            .s4-table-layout .main-canvas .top-bar .section-dropdown .s4-dropdown-wrapper .menu.hidden {
              display: none; }
            .s4-table-layout .main-canvas .top-bar .section-dropdown .s4-dropdown-wrapper .menu .menu-dropdown .section-container .add-section {
              -webkit-box-pack: start;
                  -ms-flex-pack: start;
                      justify-content: flex-start;
              width: 100%; }
              .s4-table-layout .main-canvas .top-bar .section-dropdown .s4-dropdown-wrapper .menu .menu-dropdown .section-container .add-section .text {
                -ms-flex-item-align: center;
                    align-self: center;
                font-size: calc(0.57143rem * 2);
                font-weight: 400;
                letter-spacing: 0.25px;
                margin-left: 5px;
                margin-top: 2px; }
            .s4-table-layout .main-canvas .top-bar .section-dropdown .s4-dropdown-wrapper .menu .menu-dropdown .s4-menu-list.empty {
              padding: 0; }
            .s4-table-layout .main-canvas .top-bar .section-dropdown .s4-dropdown-wrapper .menu .menu-dropdown .s4-menu-list .s4-menu-list-item-label {
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
            .s4-table-layout .main-canvas .top-bar .section-dropdown .s4-dropdown-wrapper .menu .menu-dropdown .s4-menu-list .s4-menu-list-item {
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: horizontal;
              -webkit-box-direction: normal;
                  -ms-flex-direction: row;
                      flex-direction: row;
              -webkit-box-pack: justify;
                  -ms-flex-pack: justify;
                      justify-content: space-between; }
              .s4-table-layout .main-canvas .top-bar .section-dropdown .s4-dropdown-wrapper .menu .menu-dropdown .s4-menu-list .s4-menu-list-item .buttons-container {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                    -ms-flex-direction: row;
                        flex-direction: row; }
                .s4-table-layout .main-canvas .top-bar .section-dropdown .s4-dropdown-wrapper .menu .menu-dropdown .s4-menu-list .s4-menu-list-item .buttons-container .square > .s4-button {
                  background-color: transparent; }
                  .s4-table-layout .main-canvas .top-bar .section-dropdown .s4-dropdown-wrapper .menu .menu-dropdown .s4-menu-list .s4-menu-list-item .buttons-container .square > .s4-button .text {
                    color: rgba(0, 0, 0, 0.6); }
                  .s4-table-layout .main-canvas .top-bar .section-dropdown .s4-dropdown-wrapper .menu .menu-dropdown .s4-menu-list .s4-menu-list-item .buttons-container .square > .s4-button:hover {
                    background-color: transparent; }
      .s4-table-layout .main-canvas .top-bar .shape-options {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 2;
            -ms-flex: 2;
                flex: 2;
        padding: 10px; }
        .s4-table-layout .main-canvas .top-bar .shape-options .shape {
          padding-left: 12px; }
          .s4-table-layout .main-canvas .top-bar .shape-options .shape.title {
            font-size: calc(0.57143rem * 1.75);
            font-weight: bold;
            letter-spacing: 0.1px;
            line-height: calc(0.57143rem * 2.5); }
          .s4-table-layout .main-canvas .top-bar .shape-options .shape button {
            background-color: #fafafa;
            padding-left: 8px;
            padding-right: 8px; }
            .s4-table-layout .main-canvas .top-bar .shape-options .shape button.icon svg {
              fill: rgba(0, 0, 0, 0.6); }
            .s4-table-layout .main-canvas .top-bar .shape-options .shape button:hover.icon svg {
              fill: #0E5BF3;
              -webkit-transition: background ease-out 300ms;
              transition: background ease-out 300ms; }
            .s4-table-layout .main-canvas .top-bar .shape-options .shape button:hover.icon.disabled svg {
              fill: rgba(0, 0, 0, 0.6); }
  .s4-table-layout .edit {
    background-color: white;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 10px; }
  .s4-table-layout .action-buttons {
    background-color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 72px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%; }
    .s4-table-layout .action-buttons div {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .s4-table-layout .action-buttons div .undo,
      .s4-table-layout .action-buttons div .delete {
        margin-left: 10px;
        min-width: 120px; }
        .s4-table-layout .action-buttons div .undo > .icon-svg,
        .s4-table-layout .action-buttons div .delete > .icon-svg {
          margin-top: -4px; }
      .s4-table-layout .action-buttons div .print,
      .s4-table-layout .action-buttons div .done {
        margin-right: 10px;
        min-width: 140px; }
  .s4-table-layout .print-frame {
    display: none; }

.s4-table-layout-skytab-settings-wrapper {
  text-align: center; }
  .s4-table-layout-skytab-settings-wrapper .table-wrap {
    display: inline-block; }
    .s4-table-layout-skytab-settings-wrapper .table-wrap .mobile-warning {
      display: none !important; }
    @media all and (max-width: 1024px) {
      .s4-table-layout-skytab-settings-wrapper .table-wrap .s4-table-layout {
        display: none !important; }
      .s4-table-layout-skytab-settings-wrapper .table-wrap .mobile-warning {
        display: block !important; } }

.s4-table-layout-launch-control-wrapper .launch-control-fullscreen-modal > .content, .s4-table-layout-launch-control-wrapper .launch-control-fullscreen-display-modal > .content {
  max-height: unset; }

.s4-table-layout-launch-control-wrapper .s4-table-layout-mobile-warning {
  display: none; }

.s4-table-layout-launch-control-wrapper .s4-table-layout-main-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

@media all and (max-width: 1024px) {
  .s4-table-layout-launch-control-wrapper .s4-table-layout-mobile-warning {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .s4-table-layout-launch-control-wrapper .s4-table-layout-main-content {
    display: none; } }

.table-layout-settings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-top: 20px; }
  .table-layout-settings .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: calc(0.57143rem * 2.5);
    padding-bottom: 25px; }
  .table-layout-settings .s4-input-container {
    height: 50px;
    max-width: 240px; }
  .table-layout-settings .name .s4-textfield {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .table-layout-settings .name .s4-textfield input {
      width: 100%; }
  .table-layout-settings .control {
    margin-top: 10px;
    padding-bottom: 6px;
    width: 100%; }
    .table-layout-settings .control .header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: calc(0.57143rem * 1.75);
      font-weight: bold;
      letter-spacing: 0.25px;
      line-height: calc(0.57143rem * 2.5);
      margin-bottom: 6px; }
    .table-layout-settings .control .button-group {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border: 1px solid rgba(0, 0, 0, 0.16);
      border-radius: 4px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 4px;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content; }
      .table-layout-settings .control .button-group .square {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        border: none;
        -webkit-box-shadow: none;
                box-shadow: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 16px;
        height: 32px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 32px; }
        .table-layout-settings .control .button-group .square button {
          cursor: pointer;
          height: 100%;
          padding: 3px;
          width: 100%; }
      .table-layout-settings .control .button-group.borderless {
        border: none; }
        .table-layout-settings .control .button-group.borderless .shape {
          margin-right: 4px; }
          .table-layout-settings .control .button-group.borderless .shape button {
            padding-left: 8px;
            padding-right: 8px; }
            .table-layout-settings .control .button-group.borderless .shape button.icon svg {
              fill: rgba(0, 0, 0, 0.6); }
            .table-layout-settings .control .button-group.borderless .shape button.icon.active {
              background: rgba(14, 91, 243, 0.06);
              -webkit-transition: background ease-out 300ms;
              transition: background ease-out 300ms; }
              .table-layout-settings .control .button-group.borderless .shape button.icon.active svg {
                fill: #0E5BF3; }

.s4-reservations-container .launch-control-fullscreen-modal > .content {
  padding: 0; }

.s4-reservations-container .step-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%; }
  .s4-reservations-container .step-container .s4-form-card-container {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .s4-reservations-container .step-container .s4-form-card-fieldset-container {
    overflow: visible; }

.s4-reservations-container .step-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .s4-reservations-container .step-page .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    letter-spacing: 0.18px;
    max-width: 480px;
    padding: 0 calc(0.57143rem * 3); }
    .s4-reservations-container .step-page .container h1 {
      color: rgba(0, 0, 0, 0.87);
      font-size: calc(0.57143rem * 3);
      font-style: normal;
      font-weight: 700;
      letter-spacing: 0.18px;
      line-height: 32px;
      margin: 0 0 28px 0; }
    .s4-reservations-container .step-page .container h2 {
      color: rgba(0, 0, 0, 0.87);
      font-size: calc(0.57143rem * 2.5);
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0.18px;
      line-height: 28px;
      margin: 5px 0 24px 0; }
    .s4-reservations-container .step-page .container h3 {
      color: rgba(0, 0, 0, 0.87);
      font-size: calc(0.57143rem * 2);
      font-style: normal;
      font-weight: 700;
      letter-spacing: 0.15px;
      line-height: 24px;
      margin: 0 0 8px 0; }
    .s4-reservations-container .step-page .container .multi-column-container {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -ms-flex-item-align: stretch;
          align-self: stretch;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 16px; }
      .s4-reservations-container .step-page .container .multi-column-container .multi-column {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
            -ms-flex: 1 0 0px;
                flex: 1 0 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
    .s4-reservations-container .step-page .container .notifications-column {
      gap: 8px; }
    .s4-reservations-container .step-page .container .reservation-link-block {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-item-align: stretch;
          align-self: stretch;
      background: #FAFAFA;
      border-radius: 8px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 8px;
      margin-bottom: 10px;
      margin-top: 16px;
      padding: 8px 16px; }
      .s4-reservations-container .step-page .container .reservation-link-block-label a {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 0px;
                flex: 1 0 0;
        word-break: break-word; }
        .s4-reservations-container .step-page .container .reservation-link-block-label a a {
          color: #0E5BF3;
          font-size: 16px;
          letter-spacing: 0.25px;
          line-height: 24px; }
    .s4-reservations-container .step-page .container .s4-button {
      margin-top: 8px;
      padding-bottom: 8px; }
    @media (max-width: 768px) {
      .s4-reservations-container .step-page .container .multi-column-container {
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 0px; }
      .s4-reservations-container .step-page .container .multi-column {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
                flex: 1 0 auto;
        width: 100%; } }

.launch-control-register {
  background-color: #090304;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 100vh;
  overflow-y: hidden;
  width: 100vw; }
  .launch-control-register ::-webkit-scrollbar {
    height: 0px;
    width: 0px; }
  .launch-control-register ::-mozkit-scrollbar {
    height: 0px;
    width: 0px; }
  .launch-control-register .left {
    background-color: #090304;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    overflow: hidden;
    width: 50%; }
    @media only screen and (max-width: 767px) {
      .launch-control-register .left {
        width: 100%; } }
    .launch-control-register .left .skytab {
      padding: 24px; }
    .launch-control-register .left .content {
      height: 100%;
      padding: 64px 64px 0px 64px;
      position: relative;
      z-index: 4; }
      @media only screen and (max-width: 767px) {
        .launch-control-register .left .content {
          padding: 16px 24px 0px 24px; } }
      .launch-control-register .left .content .title {
        color: #FFFFFF;
        font-size: calc(0.57143rem * 6);
        font-weight: 900;
        line-height: calc(0.57143rem * 7);
        padding-bottom: 8px;
        z-index: 5; }
      .launch-control-register .left .content .sub-title {
        color: #FFFFFF;
        font-size: calc(0.57143rem * 2);
        font-weight: 400;
        line-height: calc(0.57143rem * 3);
        z-index: 5; }
      .launch-control-register .left .content .left-img {
        height: 58%;
        min-width: 35%;
        position: fixed;
        top: 300px; }
        @media only screen and (max-width: 767px) {
          .launch-control-register .left .content .left-img {
            left: 0px; } }
      .launch-control-register .left .content .right-img {
        height: 80vh;
        min-width: 60%;
        position: absolute;
        right: -64px;
        top: 100px;
        z-index: 3; }
    .launch-control-register .left .bottom {
      display: none; }
      @media only screen and (max-width: 767px) {
        .launch-control-register .left .bottom {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          background-color: #FFFFFF;
          border-radius: 12px 12px 0px 0px;
          bottom: 0px;
          -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
                  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          height: 72px;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          padding: 16px;
          position: absolute;
          width: 100%;
          z-index: 5; } }
      .launch-control-register .left .bottom .s4-button .rounded-contained {
        height: 40px; }
  .launch-control-register .right {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 100vh;
    overflow-y: scroll;
    padding: 24px;
    width: 50%;
    z-index: 5; }
    .launch-control-register .right .s4-alert {
      width: 100%; }
    @media (max-height: 500px) {
      .launch-control-register .right {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; } }
    @media only screen and (max-width: 767px) {
      .launch-control-register .right {
        display: none;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        min-height: 100vh;
        overflow-y: scroll;
        padding: 0px;
        width: 100%; } }
    .launch-control-register .right .header {
      display: none;
      padding: 24px;
      width: 100%; }
      @media only screen and (max-width: 767px) {
        .launch-control-register .right .header {
          display: inline; } }
      .launch-control-register .right .header button {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background: rgba(0, 0, 0, 0.04);
        border: 0px;
        border-radius: 50px;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 40px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 8px;
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
        width: 40px; }
    .launch-control-register .right .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 5px;
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content; }
      @media only screen and (max-width: 767px) {
        .launch-control-register .right .content {
          padding: 0px 24px 24px 24px;
          width: 100%; } }
      .launch-control-register .right .content .title {
        color: rgba(0, 0, 0, 0.87);
        font-size: calc(0.57143rem * 3);
        font-weight: 700;
        line-height: calc(0.57143rem * 4); }
      .launch-control-register .right .content .password {
        min-height: 100px; }
      .launch-control-register .right .content .check-policy {
        font-size: calc(0.57143rem * 2);
        font-weight: 400;
        line-height: calc(0.57143rem * 3); }
        .launch-control-register .right .content .check-policy.error .s4-checkbox label::before {
          border: 1px solid #B00020; }
        .launch-control-register .right .content .check-policy a {
          color: #0E5BF3;
          font-weight: 700;
          -webkit-text-decoration-line: underline;
                  text-decoration-line: underline; }
  .launch-control-register .left.hide,
  .launch-control-register .right.hide {
    display: none; }
  .launch-control-register .left.show,
  .launch-control-register .right.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.add-controls-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(0.57143rem * 1.25);
  height: calc(0.57143rem * 7);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .add-controls-container .pricing {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .add-controls-container .pricing :nth-child(1) {
      font-size: calc(0.57143rem * 5); }
      @media only screen and (max-width: 767px) {
        .add-controls-container .pricing :nth-child(1) {
          font-size: calc(0.57143rem * 2); } }
    .add-controls-container .pricing :nth-child(2) {
      -ms-flex-item-align: end;
          align-self: end;
      color: #999999;
      display: block;
      font-size: calc(0.57143rem * 3);
      line-height: 44px; }
      @media only screen and (max-width: 767px) {
        .add-controls-container .pricing :nth-child(2) {
          -ms-flex-item-align: unset;
              align-self: unset;
          font-size: calc(0.57143rem * 2); } }
  .add-controls-container p {
    color: rgba(0, 0, 0, 0.6);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.4px;
    line-height: 16px;
    text-align: left; }
  .add-controls-container .add-controls {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: calc(0.57143rem * 1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .add-controls-container .add-controls > * {
      -ms-flex-line-pack: center;
          align-content: center;
      border: #E5E5E5 solid 1px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      height: 36px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 36px; }
    .add-controls-container .add-controls :nth-child(1) {
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px; }
    .add-controls-container .add-controls :nth-child(3) {
      border-bottom-right-radius: 4px;
      border-top-right-radius: 4px; }
    .add-controls-container .add-controls :nth-child(1),
    .add-controls-container .add-controls :nth-child(2) {
      border-right: none; }
    .add-controls-container .add-controls :nth-child(1),
    .add-controls-container .add-controls :nth-child(3) {
      background-color: #F7F7F7;
      cursor: pointer; }

.s4-kiosk-container .launch-control-fullscreen-modal .kiosk-info-message {
  width: 100%; }

.s4-kiosk-container .launch-control-fullscreen-modal > .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .s4-kiosk-container .launch-control-fullscreen-modal > .content .footer {
    border-top: 1px solid #E5E5E5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: calc(0.57143rem * 2);
    width: 100%; }
    .s4-kiosk-container .launch-control-fullscreen-modal > .content .footer .s4-button {
      max-width: 320px; }
    @media only screen and (max-width: 767px) {
      .s4-kiosk-container .launch-control-fullscreen-modal > .content .footer {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: calc(0.57143rem * 3); } }
  .s4-kiosk-container .launch-control-fullscreen-modal > .content .kiosk-order-details-container {
    margin-bottom: calc(0.57143rem * 3);
    width: 736px; }
    @media only screen and (max-width: 767px) {
      .s4-kiosk-container .launch-control-fullscreen-modal > .content .kiosk-order-details-container {
        width: 100%; } }
    .s4-kiosk-container .launch-control-fullscreen-modal > .content .kiosk-order-details-container .add-to-cart-container {
      background-color: #fafafa;
      border-radius: calc(0.57143rem * 1);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 940px;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      padding: calc(0.57143rem * 4); }
      @media only screen and (max-width: 767px) {
        .s4-kiosk-container .launch-control-fullscreen-modal > .content .kiosk-order-details-container .add-to-cart-container {
          background-color: transparent;
          gap: calc(0.57143rem * 2.5);
          height: auto;
          padding: calc(0.57143rem * 1.5) calc(0.57143rem * 4); } }
      .s4-kiosk-container .launch-control-fullscreen-modal > .content .kiosk-order-details-container .add-to-cart-container h3 {
        font-size: calc(0.57143rem * 3); }
      .s4-kiosk-container .launch-control-fullscreen-modal > .content .kiosk-order-details-container .add-to-cart-container .sub-heading {
        font-size: calc(0.57143rem * 2); }
      .s4-kiosk-container .launch-control-fullscreen-modal > .content .kiosk-order-details-container .add-to-cart-container .pos-image {
        display: block;
        height: 417px;
        margin: calc(0.57143rem * 10) auto;
        width: 512px; }
        @media only screen and (max-width: 767px) {
          .s4-kiosk-container .launch-control-fullscreen-modal > .content .kiosk-order-details-container .add-to-cart-container .pos-image {
            height: auto;
            margin: calc(0.57143rem * 4) 0;
            width: 100%; } }
      .s4-kiosk-container .launch-control-fullscreen-modal > .content .kiosk-order-details-container .add-to-cart-container .quantity-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
    @media only screen and (max-width: 767px) {
      .s4-kiosk-container .launch-control-fullscreen-modal > .content .kiosk-order-details-container .key-features-component {
        padding: calc(0.57143rem * 1.5) calc(0.57143rem * 4); } }
  .s4-kiosk-container .launch-control-fullscreen-modal > .content .kiosk-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(0.57143rem * 3);
    padding: calc(0.57143rem * 2) calc(0.57143rem * 3) calc(0.57143rem * 3) calc(0.57143rem * 3);
    width: 480px; }
    @media only screen and (max-width: 767px) {
      .s4-kiosk-container .launch-control-fullscreen-modal > .content .kiosk-container {
        width: 100%; } }
    .s4-kiosk-container .launch-control-fullscreen-modal > .content .kiosk-container .heading {
      color: rgba(0, 0, 0, 0.87);
      font-size: calc(0.57143rem * 3);
      font-style: normal;
      font-weight: 700;
      letter-spacing: 0.18px;
      line-height: calc(0.57143rem * 4); }

@media only screen and (max-width: 767px) {
  .key-features-component.launch-control-website-key-features {
    width: 100%; }
    .key-features-component.launch-control-website-key-features .key-features-container {
      padding-left: 12px; } }

.s4-launch-control-first-page-container .landing-page {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .s4-launch-control-first-page-container .landing-page .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .s4-launch-control-first-page-container .landing-page .container .column {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 480px;
              flex: 0 0 480px;
      margin: 106px calc(0.57143rem * 3);
      max-width: 480px;
      padding: 0 24px 24px 24px;
      text-align: center; }
      .s4-launch-control-first-page-container .landing-page .container .column h1 {
        color: rgba(0, 0, 0, 0.87);
        font-size: calc(0.57143rem * 3);
        font-style: normal;
        font-weight: 700;
        letter-spacing: 0.18px;
        line-height: 133.333%;
        margin: 0 0 calc(0.57143rem * 2) 0;
        padding: 0; }
      .s4-launch-control-first-page-container .landing-page .container .column p {
        color: rgba(0, 0, 0, 0.87);
        font-size: calc(0.57143rem * 2.5);
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.18px;
        line-height: 140%;
        margin: 0 0 calc(0.57143rem * 3) 0;
        padding: 0; }
    @media only screen and (max-width: 767px) {
      .s4-launch-control-first-page-container .landing-page .container {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        .s4-launch-control-first-page-container .landing-page .container .column {
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
          margin: 0;
          max-width: 100%; } }

.s4-module-container.loyalty .launch-control-fullscreen-modal > .content {
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
  max-height: 100%;
  padding: 0; }
  .s4-module-container.loyalty .launch-control-fullscreen-modal > .content .s4-dropdown-input-container {
    background-color: white; }
    .s4-module-container.loyalty .launch-control-fullscreen-modal > .content .s4-dropdown-input-container .s4-dropdown-selected-container {
      max-width: 330px;
      overflow-x: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      @media only screen and (max-width: 767px) {
        .s4-module-container.loyalty .launch-control-fullscreen-modal > .content .s4-dropdown-input-container .s4-dropdown-selected-container {
          max-width: 230px; } }
      .s4-module-container.loyalty .launch-control-fullscreen-modal > .content .s4-dropdown-input-container .s4-dropdown-selected-container .label .input-text {
        max-width: 275px;
        overflow-x: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        @media only screen and (max-width: 767px) {
          .s4-module-container.loyalty .launch-control-fullscreen-modal > .content .s4-dropdown-input-container .s4-dropdown-selected-container .label .input-text {
            max-width: 180px; } }
  .s4-module-container.loyalty .launch-control-fullscreen-modal > .content .s4-dropdown-wrapper .menu {
    z-index: 4; }
  .s4-module-container.loyalty .launch-control-fullscreen-modal > .content .s4-input-container .dependent:disabled {
    background-color: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.04); }
  .s4-module-container.loyalty .launch-control-fullscreen-modal > .content .s4-menu-list-item .s4-checkbox input:hover ~ label:after {
    background: rgba(0, 0, 0, 0.04); }
  .s4-module-container.loyalty .launch-control-fullscreen-modal > .content .s4-menu-list-item .s4-checkbox input:focus:not(:hover) ~ label:after {
    background: none; }
  .s4-module-container.loyalty .launch-control-fullscreen-modal > .content .s4-menu-list-item .s4-menu-list-item-label,
  .s4-module-container.loyalty .launch-control-fullscreen-modal > .content .s4-menu-list-item .s4-checkbox label {
    max-width: 100%;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.s4-module-container.loyalty .step-container .s4-form-card-container {
  max-width: 480px; }
  .s4-module-container.loyalty .step-container .s4-form-card-container > .s4-form-card-fieldset-container {
    overflow: visible; }

@media (max-width: 768px) {
  .s4-module-container.loyalty .step-container .s4-form-card-container {
    padding: 0; } }

.address-confirmation-modal-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: calc(0.57143rem * 2);
  gap: 32px;
  letter-spacing: 0.25px;
  line-height: calc(0.57143rem * 3);
  text-align: center; }
  .address-confirmation-modal-content .addresses {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 16px; }
    .address-confirmation-modal-content .addresses .address {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      font-size: calc(0.57143rem * 1.75);
      line-height: calc(0.57143rem * 2.5);
      width: 100%; }
      .address-confirmation-modal-content .addresses .address span {
        letter-spacing: 0.15px; }
      .address-confirmation-modal-content .addresses .address .address-header {
        font-weight: 700; }

.lc-progress {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #090304;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  left: 0px;
  min-height: 100vh;
  position: fixed;
  top: 0px;
  width: 100vw;
  z-index: 999; }
  .lc-progress .lc-progress-content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    gap: calc(0.57143rem * 6);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .lc-progress .lc-progress-content .lc-progress-title {
      font-size: calc(0.57143rem * 3);
      font-weight: 700;
      letter-spacing: 0.18px;
      line-height: calc(0.57143rem * 4);
      text-align: left; }
  .lc-progress .lc-progress-footer {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.9);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    opacity: 100%;
    padding: 16px;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .lc-progress .lc-progress-footer {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 24px; } }
    .lc-progress .lc-progress-footer .s4-button {
      width: 340px; }

.s4-reservation-table-container table {
  border-collapse: collapse;
  text-align: center;
  width: 100%; }
  .s4-reservation-table-container table th .header-container {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .s4-reservation-table-container table th .header-container .top-row {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 16px 0;
      width: 100%; }
      .s4-reservation-table-container table th .header-container .top-row .day-part {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.18px;
        line-height: 28px; }
    .s4-reservation-table-container table th .header-container .time-info {
      margin-top: 10px;
      width: 100%; }
      .s4-reservation-table-container table th .header-container .time-info .s4-dropdown-input-container {
        width: 95%; }
        .s4-reservation-table-container table th .header-container .time-info .s4-dropdown-input-container .s4-dropdown-input-container-label {
          width: -webkit-fit-content;
          width: -moz-fit-content;
          width: fit-content; }
      .s4-reservation-table-container table th .header-container .time-info .menu .s4-menu-container .s4-menu-list-item {
        -webkit-box-orient: unset;
        -webkit-box-direction: unset;
            -ms-flex-direction: unset;
                flex-direction: unset; }
      .s4-reservation-table-container table th .header-container .time-info .s4-dropdown-wrapper {
        padding-bottom: 4px; }
        .s4-reservation-table-container table th .header-container .time-info .s4-dropdown-wrapper.disabled .s4-dropdown-input-container {
          border: none; }

@media only screen and (max-width: 767px) {
  .s4-reservation-table-container .mobile-table table,
  .s4-reservation-table-container .mobile-table thead,
  .s4-reservation-table-container .mobile-table tbody,
  .s4-reservation-table-container .mobile-table th,
  .s4-reservation-table-container .mobile-table td,
  .s4-reservation-table-container .mobile-table tr {
    display: block; }
  .s4-reservation-table-container .mobile-table th,
  .s4-reservation-table-container .mobile-table td {
    padding: 10px; }
  .s4-reservation-table-container .mobile-table .mobile-header {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 16px 0; }
    .s4-reservation-table-container .mobile-table .mobile-header .day-part {
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0.18px;
      line-height: 28px; }
    .s4-reservation-table-container .mobile-table .mobile-header .day-toggle {
      margin-right: -10px; }
  .s4-reservation-table-container .mobile-table .time-info {
    margin-top: 10px; }
  .s4-reservation-table-container .mobile-table .mobile-row {
    padding-bottom: 10px; } }

.reservation-blocks-body .block-tables .tab-container-root {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none; }
  .reservation-blocks-body .block-tables .tab-container-root .tab-container-content {
    background-color: #FAFAFA;
    padding: 1.14286em; }
    .reservation-blocks-body .block-tables .tab-container-root .tab-container-content .s4-reservation-table-container {
      background: #FFFFFF;
      border: 1px solid rgba(0, 0, 0, 0.16);
      border-radius: 0.28571em;
      gap: 1.71429em;
      padding: 16px 24px 24px 24px; }
      .reservation-blocks-body .block-tables .tab-container-root .tab-container-content .s4-reservation-table-container .availability-wrapper {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-inline-box;
        padding: 8px;
        width: 100%; }
        .reservation-blocks-body .block-tables .tab-container-root .tab-container-content .s4-reservation-table-container .availability-wrapper .availability-header {
          color: rgba(0, 0, 0, 0.6);
          margin: 0 0.85714em; }
        .reservation-blocks-body .block-tables .tab-container-root .tab-container-content .s4-reservation-table-container .availability-wrapper .availability-tables {
          color: rgba(0, 0, 0, 0.87);
          font-weight: calc(0.57143rem * 7);
          margin-left: 0.85714em; }
        .reservation-blocks-body .block-tables .tab-container-root .tab-container-content .s4-reservation-table-container .availability-wrapper .divider {
          background: rgba(0, 0, 0, 0.12);
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          height: 1px; }
      .reservation-blocks-body .block-tables .tab-container-root .tab-container-content .s4-reservation-table-container .mobile-table .mobile-row {
        margin-top: 1.71429em;
        padding-bottom: 0; }
        .reservation-blocks-body .block-tables .tab-container-root .tab-container-content .s4-reservation-table-container .mobile-table .mobile-row .availability-header {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -ms-flex-item-align: stretch;
              align-self: stretch;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          gap: 0.57143em;
          margin-bottom: 0.57143em; }

.reservation-blocks-body .block-tables .tab-container-header-list {
  background-color: #FAFAFA;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }
  .reservation-blocks-body .block-tables .tab-container-header-list .tab-container-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
    .reservation-blocks-body .block-tables .tab-container-header-list .tab-container-header.item {
      border-width: 0.3em;
      color: #000000 !important;
      font-size: 1.14286rem;
      min-width: 100px;
      -webkit-transition: border-color ease-in-out 0.2s;
      transition: border-color ease-in-out 0.2s; }
      .reservation-blocks-body .block-tables .tab-container-header-list .tab-container-header.item.active {
        border-color: #0E5BF3 !important; }
        .reservation-blocks-body .block-tables .tab-container-header-list .tab-container-header.item.active:hover {
          border-color: #0E5BF3 !important; }
      .reservation-blocks-body .block-tables .tab-container-header-list .tab-container-header.item:hover {
        border-color: #AEC7F8; }

.s4-form-card-container .confirmation-button .s4-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .s4-form-card-container .confirmation-button .s4-button .reservations-continue-button {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 480px; }

@media only screen and (max-width: 767px) {
  .s4-form-card-container .confirmation-button .s4-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 312px; }
  .s4-reservation-table-container {
    max-width: 280px;
    padding: 8px 16px 24px 16px !important; } }

.availability-row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 0.28571em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  height: 2.85714em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 4px;
  width: 95%; }
  .availability-row .control {
    width: 100%; }
    .availability-row .control .button-group {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .availability-row .control .button-group .middle-value {
        text-align: center;
        width: 100%; }
  .availability-row.disabled {
    background: rgba(0, 0, 0, 0.04);
    border: none; }
  @media only screen and (max-width: 767px) {
    .availability-row {
      width: 100%; } }

.s4-integrations-container .launch-control-fullscreen-modal .content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-height: none;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .s4-integrations-container .launch-control-fullscreen-modal .content .button-section {
      padding: calc(0.57143rem * 2.5); } }
  .s4-integrations-container .launch-control-fullscreen-modal .content .form {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    gap: calc(0.57143rem * 3); }
    .s4-integrations-container .launch-control-fullscreen-modal .content .form .delivery-platforms {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      gap: calc(0.57143rem * 3);
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 500px; }
      @media only screen and (max-width: 767px) {
        .s4-integrations-container .launch-control-fullscreen-modal .content .form .delivery-platforms {
          padding: 0 calc(0.57143rem * 2.5);
          width: 100%; } }
    .s4-integrations-container .launch-control-fullscreen-modal .content .form .heading {
      color: rgba(0, 0, 0, 0.87);
      font-size: calc(0.57143rem * 3);
      font-style: normal;
      font-weight: 700;
      letter-spacing: 0.18px;
      line-height: calc(0.57143rem * 4); }
    .s4-integrations-container .launch-control-fullscreen-modal .content .form .sub-heading {
      color: rgba(0, 0, 0, 0.87);
      font-size: calc(0.57143rem * 2);
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0.25px;
      line-height: calc(0.57143rem * 3); }
    .s4-integrations-container .launch-control-fullscreen-modal .content .form .schedule-list-wrapper {
      width: 500px; }
      @media only screen and (max-width: 767px) {
        .s4-integrations-container .launch-control-fullscreen-modal .content .form .schedule-list-wrapper h2 {
          margin-left: calc(0.57143rem * 2); } }
      .s4-integrations-container .launch-control-fullscreen-modal .content .form .schedule-list-wrapper .schedule-list-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .s4-integrations-container .launch-control-fullscreen-modal .content .form .schedule-list-wrapper .schedule-list-container .editable-input-group {
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          margin-bottom: calc(0.57143rem * 2); }
          .s4-integrations-container .launch-control-fullscreen-modal .content .form .schedule-list-wrapper .schedule-list-container .editable-input-group .title {
            font-weight: bold; }
          .s4-integrations-container .launch-control-fullscreen-modal .content .form .schedule-list-wrapper .schedule-list-container .editable-input-group .data-container {
            width: 75%; }
            @media only screen and (max-width: 767px) {
              .s4-integrations-container .launch-control-fullscreen-modal .content .form .schedule-list-wrapper .schedule-list-container .editable-input-group .data-container {
                width: 65%; } }
            .s4-integrations-container .launch-control-fullscreen-modal .content .form .schedule-list-wrapper .schedule-list-container .editable-input-group .data-container .title {
              margin-bottom: 5px;
              max-width: 100%;
              word-wrap: break-word; }
            .s4-integrations-container .launch-control-fullscreen-modal .content .form .schedule-list-wrapper .schedule-list-container .editable-input-group .data-container .hours {
              max-width: 100%;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
      .s4-integrations-container .launch-control-fullscreen-modal .content .form .schedule-list-wrapper h2 {
        font-weight: bold;
        left: 0;
        position: relative; }
      .s4-integrations-container .launch-control-fullscreen-modal .content .form .schedule-list-wrapper .no-schedules-container {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: calc(0.57143rem * 1.25);
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
        .s4-integrations-container .launch-control-fullscreen-modal .content .form .schedule-list-wrapper .no-schedules-container span {
          font-weight: bold; }
      @media only screen and (max-width: 767px) {
        .s4-integrations-container .launch-control-fullscreen-modal .content .form .schedule-list-wrapper {
          padding: calc(0.57143rem * 1.5);
          width: 100%; } }
    .s4-integrations-container .launch-control-fullscreen-modal .content .form .schedule-container {
      margin-bottom: calc(0.57143rem * 2.5);
      width: 500px; }
      .s4-integrations-container .launch-control-fullscreen-modal .content .form .schedule-container .heading,
      .s4-integrations-container .launch-control-fullscreen-modal .content .form .schedule-container .sub-heading {
        margin-bottom: 30px; }
      .s4-integrations-container .launch-control-fullscreen-modal .content .form .schedule-container .text-field {
        margin-bottom: calc(0.57143rem * 2); }
      @media only screen and (max-width: 767px) {
        .s4-integrations-container .launch-control-fullscreen-modal .content .form .schedule-container {
          padding: calc(0.57143rem * 1.25);
          width: 100%; } }
      .s4-integrations-container .launch-control-fullscreen-modal .content .form .schedule-container .weekday-container {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background-color: #fafafa;
        border-radius: calc(0.57143rem * 1);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: calc(0.57143rem * 1.25);
        margin: calc(0.57143rem * 2.5) 0;
        padding: calc(0.57143rem * 2.5); }
        @media only screen and (max-width: 767px) {
          .s4-integrations-container .launch-control-fullscreen-modal .content .form .schedule-container .weekday-container {
            -webkit-box-align: baseline;
                -ms-flex-align: baseline;
                    align-items: baseline;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column; } }
        .s4-integrations-container .launch-control-fullscreen-modal .content .form .schedule-container .weekday-container .s4-checkbox {
          -ms-flex-line-pack: normal;
              align-content: normal;
          width: 40%; }
          .s4-integrations-container .launch-control-fullscreen-modal .content .form .schedule-container .weekday-container .s4-checkbox label {
            font-weight: bold; }
    .s4-integrations-container .launch-control-fullscreen-modal .content .form .integrations-cards {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -ms-flex-item-align: stretch;
          align-self: stretch;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: calc(0.57143rem * 2); }
      .s4-integrations-container .launch-control-fullscreen-modal .content .form .integrations-cards .integrations-card {
        border: 1px solid rgba(0, 0, 0, 0.16);
        border-radius: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: calc(0.57143rem * 2);
        width: 100%; }
        .s4-integrations-container .launch-control-fullscreen-modal .content .form .integrations-cards .integrations-card.pending {
          background: rgba(0, 0, 0, 0.04);
          border: none; }
        .s4-integrations-container .launch-control-fullscreen-modal .content .form .integrations-cards .integrations-card .integration-details {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
        .s4-integrations-container .launch-control-fullscreen-modal .content .form .integrations-cards .integrations-card .integration-name {
          -webkit-box-flex: 3;
              -ms-flex: 3 1 0px;
                  flex: 3 1 0;
          font-size: calc(0.57143rem * 2);
          font-style: normal;
          font-weight: 700;
          letter-spacing: 0.15px;
          line-height: 24px;
          padding-left: calc(0.57143rem * 2); }
        .s4-integrations-container .launch-control-fullscreen-modal .content .form .integrations-cards .integrations-card .s4-button {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-flex: 1;
              -ms-flex: 1 1 0px;
                  flex: 1 1 0; }
          .s4-integrations-container .launch-control-fullscreen-modal .content .form .integrations-cards .integrations-card .s4-button .rounded-outline {
            border: 1px solid rgba(0, 0, 0, 0.87);
            color: rgba(0, 0, 0, 0.87);
            padding: calc(0.57143rem * 1) calc(0.57143rem * 2);
            text-transform: uppercase; }
        .s4-integrations-container .launch-control-fullscreen-modal .content .form .integrations-cards .integrations-card .account-required-label {
          padding-top: 1rem;
          text-align: center; }
    .s4-integrations-container .launch-control-fullscreen-modal .content .form .color-dot-label {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-right: .75rem; }
      .s4-integrations-container .launch-control-fullscreen-modal .content .form .color-dot-label .color-dot-value {
        font-size: calc(0.57143rem * 2);
        font-style: normal;
        font-weight: 700;
        letter-spacing: 0.25px;
        line-height: 24px; }
      .s4-integrations-container .launch-control-fullscreen-modal .content .form .color-dot-label.reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; }
      .s4-integrations-container .launch-control-fullscreen-modal .content .form .color-dot-label .dot.approved, .s4-integrations-container .launch-control-fullscreen-modal .content .form .color-dot-label .dot.won, .s4-integrations-container .launch-control-fullscreen-modal .content .form .color-dot-label .dot.active, .s4-integrations-container .launch-control-fullscreen-modal .content .form .color-dot-label .dot.success, .s4-integrations-container .launch-control-fullscreen-modal .content .form .color-dot-label .dot.green {
        border-radius: 50%;
        display: inline-block;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        height: 8px;
        margin: 0px 6px;
        width: 8px;
        background-color: #46A82E; }
      .s4-integrations-container .launch-control-fullscreen-modal .content .form .color-dot-label .dot.yellow {
        border-radius: 50%;
        display: inline-block;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        height: 8px;
        margin: 0px 6px;
        width: 8px;
        background-color: #F6A735; }

.order-types-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  gap: calc(0.57143rem * 3);
  max-width: 480px;
  padding: 0 calc(0.57143rem * 3) calc(0.57143rem * 3) calc(0.57143rem * 3); }
  @media only screen and (max-width: 767px) {
    .order-types-container {
      padding: 0;
      width: 100%; } }
  .order-types-container p {
    font-size: calc(0.57143rem * 2); }
  .order-types-container h2 {
    font-weight: bold; }
  .order-types-container .checkbox-container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-radius: calc(0.57143rem * 1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(0.57143rem * 7);
    padding: calc(0.57143rem * 2); }
    .order-types-container .checkbox-container.checked {
      background-color: rgba(14, 91, 243, 0.08);
      border-color: #0E5BF3; }
  .order-types-container .sub-heading {
    color: rgba(0, 0, 0, 0.87);
    font-size: calc(0.57143rem * 2);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.25px;
    line-height: calc(0.57143rem * 3); }

.order-type-settings-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  gap: calc(0.57143rem * 2);
  padding: 0 calc(0.57143rem * 3) calc(0.57143rem * 3) calc(0.57143rem * 3);
  width: 480px; }
  @media only screen and (max-width: 767px) {
    .order-type-settings-container {
      padding: 0;
      width: 100%; } }
  .order-type-settings-container .delivery-input-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: calc(0.57143rem * 2); }
    .order-type-settings-container .delivery-input-container .delivery-input {
      min-width: 208px; }
    .order-type-settings-container .delivery-input-container #surcharge-input {
      width: 100%; }
    .order-type-settings-container .delivery-input-container #order-minimum-input {
      width: 100%; }
  .order-type-settings-container h2,
  .order-type-settings-container h3 {
    font-weight: bold; }

.delivery-range-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  gap: calc(0.57143rem * 2);
  min-width: 480px;
  padding: 0 calc(0.57143rem * 3) calc(0.57143rem * 3) calc(0.57143rem * 3); }
  .delivery-range-container h2 {
    font-weight: bold; }
  @media only screen and (max-width: 767px) {
    .delivery-range-container {
      min-width: auto;
      padding: 0;
      width: 100%; } }
  .delivery-range-container #delivery-range-input {
    position: relative;
    width: 100%;
    /* Disable stepper for Chrome, Safari, Edge, Opera */
    /* Disable stepper for Firefox */ }
    .delivery-range-container #delivery-range-input .s4-textfield::after {
      bottom: 20px;
      color: #000000;
      content: attr(data-after-content);
      font-size: calc(0.57143rem * 2);
      font-weight: 400;
      left: var(--left);
      position: absolute; }
    .delivery-range-container #delivery-range-input input::-webkit-outer-spin-button,
    .delivery-range-container #delivery-range-input input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    .delivery-range-container #delivery-range-input input[type=number] {
      -moz-appearance: textfield; }

.delivery-area-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%; }
  .delivery-area-form .delivery-area-container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%; }
    .delivery-area-form .delivery-area-container .map-section {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      width: 100%; }
      .delivery-area-form .delivery-area-container .map-section .map {
        height: 100%;
        width: 100%; }
    .delivery-area-form .delivery-area-container .text-section {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: calc(0.57143rem * 3);
      max-width: 480px;
      padding: 0 calc(0.57143rem * 3) calc(0.57143rem * 3) calc(0.57143rem * 3); }
      .delivery-area-form .delivery-area-container .text-section h2 {
        font-weight: bold;
        margin: 0; }
      .delivery-area-form .delivery-area-container .text-section .text-section-description {
        font-size: calc(0.57143rem * 2); }

.s4-online-ordering .delivery-settings-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: calc(0.57143rem * 2);
  gap: calc(0.57143rem * 2);
  min-width: 480px;
  padding: 0 calc(0.57143rem * 3) calc(0.57143rem * 3) calc(0.57143rem * 3); }
  .s4-online-ordering .delivery-settings-container h2 {
    font-weight: bold; }
  @media only screen and (max-width: 767px) {
    .s4-online-ordering .delivery-settings-container {
      min-width: auto;
      padding: 0;
      width: 100%; } }
  .s4-online-ordering .delivery-settings-container .sub-title {
    font-weight: bold; }
  .s4-online-ordering .delivery-settings-container .checkbox-container {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-radius: calc(0.57143rem * 1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: calc(0.57143rem * 2); }
    .s4-online-ordering .delivery-settings-container .checkbox-container .checkbox-multiline-label {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: calc(0.57143rem * 1); }
    .s4-online-ordering .delivery-settings-container .checkbox-container.checked {
      background-color: rgba(14, 91, 243, 0.08);
      border-color: #0E5BF3; }
  .s4-online-ordering .delivery-settings-container .radio-list-container .s4-menu-container .s4-menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(0.57143rem * 2); }
    .s4-online-ordering .delivery-settings-container .radio-list-container .s4-menu-container .s4-menu-list .s4-menu-list-item {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      height: calc(0.57143rem * 7); }

.s4-online-ordering .launch-control-fullscreen-modal > .content {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.s4-online-ordering .launch-control-fullscreen-modal .upload-logo-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  gap: 30px;
  max-width: 480px; }
  @media only screen and (max-width: 767px) {
    .s4-online-ordering .launch-control-fullscreen-modal .upload-logo-container {
      padding: 0 10px;
      width: 100%; } }
  .s4-online-ordering .launch-control-fullscreen-modal .upload-logo-container .title {
    font-size: calc(0.57143rem * 3);
    font-weight: bold; }
  .s4-online-ordering .launch-control-fullscreen-modal .upload-logo-container .sub-title {
    font-size: calc(0.57143rem * 2);
    margin: 0; }

.menu-items-component {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 75vh;
  max-width: 500px; }
  @media only screen and (max-width: 767px) {
    .menu-items-component {
      padding: 0 calc(0.57143rem * 2.5);
      width: 100%; } }
  .menu-items-component .heading {
    margin-bottom: calc(0.57143rem * 3); }
  .menu-items-component .sub-heading {
    margin-bottom: calc(0.57143rem * 3); }
  .menu-items-component .menu-items-controls {
    background-color: #fafafa;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(0.57143rem * 2);
    padding: calc(0.57143rem * 2);
    width: 100%; }
    .menu-items-component .menu-items-controls .menu-item-button {
      height: calc(0.57143rem * 5); }
  .menu-items-component .menu-category-list {
    background-color: #fafafa;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    gap: calc(0.57143rem * 2);
    overflow-y: auto;
    padding-bottom: calc(0.57143rem * 3);
    width: 100%; }
    .menu-items-component .menu-category-list .category-container:not(:last-child)::after {
      background: rgba(0, 0, 0, 0.1);
      content: "";
      display: block;
      height: 1px;
      margin-left: calc(0.57143rem * 2);
      margin-right: calc(0.57143rem * 2); }
    .menu-items-component .menu-category-list .category-container .category-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .menu-items-component .menu-category-list .category-container .category-header .category-checkbox {
        padding: calc(0.57143rem * 1) calc(0.57143rem * 2) calc(0.57143rem * 1) calc(0.57143rem * 2); }
      .menu-items-component .menu-category-list .category-container .category-header .category-icon {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 40px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 40px; }
        .menu-items-component .menu-category-list .category-container .category-header .category-icon .s4-icon-arrow {
          -ms-flex-item-align: center;
              align-self: center;
          -webkit-transform: rotate(180deg);
                  transform: rotate(180deg);
          -webkit-transition: -webkit-transform 0.2s ease;
          transition: -webkit-transform 0.2s ease;
          transition: transform 0.2s ease;
          transition: transform 0.2s ease, -webkit-transform 0.2s ease; }
          .menu-items-component .menu-category-list .category-container .category-header .category-icon .s4-icon-arrow.open {
            -webkit-transform: none;
                    transform: none; }
    .menu-items-component .menu-category-list .category-container .menu-category-item-list .s4-menu-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 0;
      opacity: 0;
      overflow-y: auto;
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%);
      -webkit-transition: opacity 0.2s ease, visibility 0s linear 0.2s, -webkit-transform 0.2s ease;
      transition: opacity 0.2s ease, visibility 0s linear 0.2s, -webkit-transform 0.2s ease;
      transition: transform 0.2s ease, opacity 0.2s ease, visibility 0s linear 0.2s;
      transition: transform 0.2s ease, opacity 0.2s ease, visibility 0s linear 0.2s, -webkit-transform 0.2s ease;
      visibility: hidden;
      width: 100%; }
      .menu-items-component .menu-category-list .category-container .menu-category-item-list .s4-menu-container .s4-menu-list {
        gap: calc(0.57143rem * 1);
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content; }
        .menu-items-component .menu-category-list .category-container .menu-category-item-list .s4-menu-container .s4-menu-list .s4-checkbox {
          margin-left: calc(0.57143rem * 4); }
      .menu-items-component .menu-category-list .category-container .menu-category-item-list .s4-menu-container.open {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        opacity: 1;
        -webkit-transform: translateY(0%);
                transform: translateY(0%);
        visibility: visible; }
  .menu-items-component .menu-items-next {
    margin-top: calc(0.57143rem * 3);
    width: 100%; }

.page-content:has(> .s4-account-declined) {
  height: 100%; }

.page-content .s4-account-declined {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center; }
  .page-content .s4-account-declined > .container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(0.57143rem * 4);
    width: 400px; }
    .page-content .s4-account-declined > .container .message {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: calc(0.57143rem * 2); }
      .page-content .s4-account-declined > .container .message .icon {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        height: 64px;
        width: 64px; }
      .page-content .s4-account-declined > .container .message h1 {
        color: rgba(0, 0, 0, 0.87);
        font-size: calc(0.57143rem * 3);
        font-style: normal;
        font-weight: 700;
        letter-spacing: 0.18px;
        line-height: calc(0.57143rem * 4);
        margin: 0;
        text-align: center; }
      .page-content .s4-account-declined > .container .message p {
        color: rgba(0, 0, 0, 0.87);
        font-size: calc(0.57143rem * 2);
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.25px;
        line-height: calc(0.57143rem * 3);
        margin: 0;
        text-align: center; }
    .page-content .s4-account-declined > .container .phone-number {
      background-color: rgba(0, 0, 0, 0.04);
      border-radius: 100px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 48px;
      padding: calc(0.57143rem * 1.5) calc(0.57143rem * 4);
      width: 241px; }
      .page-content .s4-account-declined > .container .phone-number .icon {
        height: 24px;
        margin: 0 calc(0.57143rem * 2) 0 0;
        width: 24px; }
      .page-content .s4-account-declined > .container .phone-number .phone {
        color: rgba(0, 0, 0, 0.87);
        font-size: calc(0.57143rem * 2);
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.25px;
        line-height: calc(0.57143rem * 3);
        text-align: center; }

.lets-start-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 480px;
  text-align: center; }
  .lets-start-container .skip-module-button {
    color: #0E5BF3;
    cursor: pointer;
    font-weight: bold; }
  .lets-start-container .title {
    font-size: calc(0.57143rem * 3);
    font-weight: bold;
    margin-top: 80px; }
  .lets-start-container .sub-title {
    font-size: calc(0.57143rem * 2.5); }
  .lets-start-container .title,
  .lets-start-container .sub-title,
  .lets-start-container .s4-button {
    margin-bottom: 30px; }

.s4-module-container .launch-control-fullscreen-modal {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .s4-module-container .launch-control-fullscreen-modal > .content {
    max-height: calc(100vh - 88px);
    padding: 0; }
    @media (max-width: 768px) {
      .s4-module-container .launch-control-fullscreen-modal > .content {
        overflow-y: hidden; } }
    .s4-module-container .launch-control-fullscreen-modal > .content .s4-form-container {
      width: 480px; }
      @media (max-width: 768px) {
        .s4-module-container .launch-control-fullscreen-modal > .content .s4-form-container {
          width: 100%; } }
      .s4-module-container .launch-control-fullscreen-modal > .content .s4-form-container .s4-dropdown-input-container {
        background-color: white; }
      .s4-module-container .launch-control-fullscreen-modal > .content .s4-form-container .s4-input-container .dependent:disabled {
        background-color: rgba(0, 0, 0, 0.04);
        border-color: rgba(0, 0, 0, 0.04); }
      .s4-module-container .launch-control-fullscreen-modal > .content .s4-form-container .s4-single-date-picker .main .date-input span {
        color: rgba(0, 0, 0, 0.6); }
      .s4-module-container .launch-control-fullscreen-modal > .content .s4-form-container .editable-input-group {
        margin-bottom: calc(0.57143rem * 1); }
        .s4-module-container .launch-control-fullscreen-modal > .content .s4-form-container .editable-input-group .s4-single-date-picker.ui.selection.dropdown {
          width: 100%; }
        .s4-module-container .launch-control-fullscreen-modal > .content .s4-form-container .editable-input-group.employee-date {
          margin-bottom: calc(0.57143rem * 1); }
          .s4-module-container .launch-control-fullscreen-modal > .content .s4-form-container .editable-input-group.employee-date .s4-single-date-picker .s4-single-date-picker-container .date-input .date-picker-input {
            width: 90px; }

.s4-module-container .no-data-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .s4-module-container .no-data-container p {
    font-size: calc(0.57143rem * 2);
    font-weight: 700;
    letter-spacing: 0.15px;
    line-height: 24px;
    padding-top: calc(0.57143rem * 1); }

.s4-module-container .step-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow-y: auto;
  width: 100%; }
  @media (max-width: 768px) {
    .s4-module-container .step-container {
      display: -webkit-box; } }
  .s4-module-container .step-container .s4-list-page .s4-list-page-container.buttons {
    padding-bottom: calc(0.57143rem * 2); }
  .s4-module-container .step-container .s4-list-page .s4-list-page-container .editable-input-group .ellipsis-overflow {
    width: calc(100% - 108px); }
    .s4-module-container .step-container .s4-list-page .s4-list-page-container .editable-input-group .ellipsis-overflow label {
      display: block;
      overflow: hidden;
      padding: calc(0.57143rem * 1) calc(0.57143rem * 2) calc(0.57143rem * 1) calc(0.57143rem * 2);
      position: static;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .s4-module-container .step-container .s4-list-page .s4-list-page-container .editable-input-group .data-container {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: hidden;
    width: 100%; }
    .s4-module-container .step-container .s4-list-page .s4-list-page-container .editable-input-group .data-container p {
      color: rgba(0, 0, 0, 0.6);
      font-size: calc(0.57143rem * 1.75);
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0.25px;
      line-height: calc(0.57143rem * 2.5);
      margin: 0;
      overflow: hidden;
      padding: 0;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 100%; }
      .s4-module-container .step-container .s4-list-page .s4-list-page-container .editable-input-group .data-container p.title {
        color: rgba(0, 0, 0, 0.87);
        font-weight: 700;
        letter-spacing: 0.1px;
        line-height: calc(0.57143rem * 3); }
      .s4-module-container .step-container .s4-list-page .s4-list-page-container .editable-input-group .data-container p.error {
        color: #B00020; }

@media only screen and (max-width: 768px) {
  .s4-module-container.jobs .editable-input-group .s4-textfield:nth-child(2) {
    display: none; } }

.s4-module-container .job-dropdown .s4-dropdown-selected-container {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 136px; }

.success-content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 400px; }
  .success-content .text-frame {
    gap: calc(0.57143rem * 3); }
  .success-content .text-frame h1 {
    font-size: calc(0.57143rem * 3);
    font-weight: 700;
    letter-spacing: 0.18px;
    line-height: calc(0.57143rem * 4);
    text-align: center; }
  .success-content .text-frame p {
    font-size: calc(0.57143rem * 2);
    font-weight: 400;
    letter-spacing: 0.25px;
    line-height: calc(0.57143rem * 3);
    text-align: left; }
  @media only screen and (max-width: 767px) {
    .success-content {
      width: 360px; } }

.order-tracker-modal-container {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(0.57143rem * 4);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .order-tracker-modal-container .order-tracker-section {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(0.57143rem * 4); }
  .order-tracker-modal-container .status {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px; }
  .order-tracker-modal-container .title {
    color: rgba(0, 0, 0, 0.87);
    font-size: calc(0.57143rem * 1.75);
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.25px;
    line-height: calc(0.57143rem * 2.5); }
  .order-tracker-modal-container .badge {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #f0f0f0;
    border-radius: 99px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: calc(0.57143rem * 1.25);
    margin: 0px;
    padding: 2px 6px;
    top: 0px; }
    .order-tracker-modal-container .badge .badge-icon {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      border-radius: 99px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: calc(0.57143rem * 1.25);
      height: calc(0.57143rem * 1);
      width: calc(0.57143rem * 1); }
    .order-tracker-modal-container .badge .badge-icon-yellow {
      background: #F6A735; }
    .order-tracker-modal-container .badge .badge-icon-green {
      background: #46A82E; }
    .order-tracker-modal-container .badge .badge-text {
      color: rgba(0, 0, 0, 0.6);
      font-size: calc(0.57143rem * 1.5);
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0.4px;
      line-height: calc(0.57143rem * 2);
      text-align: center;
      white-space: nowrap; }

.order-tracker-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(0.57143rem * 5);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: calc(0.57143rem * 3) calc(0.57143rem * 2) 0 calc(0.57143rem * 4); }
  .order-tracker-container .title {
    color: rgba(0, 0, 0, 0.87);
    font-size: calc(0.57143rem * 1.75);
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.25px;
    line-height: calc(0.57143rem * 2.5); }
  .order-tracker-container .status-tracker-container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    gap: calc(0.57143rem * 2); }
  .order-tracker-container .order-tracker {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .order-tracker-container .order-tracker .order-tracker-section {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: calc(0.57143rem * 1.25);
      height: 44px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .order-tracker-container .order-tracker .order-tracker-section .title {
        white-space: nowrap; }
  .order-tracker-container .order-tracker-progress-bar {
    -webkit-box-align: row;
        -ms-flex-align: row;
            align-items: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 4px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content; }
  .order-tracker-container .badge {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #f0f0f0;
    border-radius: 99px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(0.57143rem * 1.25);
    padding: 2px 6px; }
    .order-tracker-container .badge .badge-icon {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      border-radius: 99px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: calc(0.57143rem * 1.25);
      height: calc(0.57143rem * 1);
      width: calc(0.57143rem * 1); }
    .order-tracker-container .badge .badge-icon-yellow {
      background: #F6A735; }
    .order-tracker-container .badge .badge-icon-green {
      background: #46A82E; }
    .order-tracker-container .badge .badge-text {
      color: rgba(0, 0, 0, 0.6);
      font-size: calc(0.57143rem * 1.5);
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0.4px;
      line-height: calc(0.57143rem * 2);
      text-align: center;
      white-space: nowrap; }
  .order-tracker-container .status {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 4px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content; }
    .order-tracker-container .status .install-date-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      gap: 4px; }
    .order-tracker-container .status .badge {
      left: 0px;
      margin: 0px;
      top: 0px; }
    .order-tracker-container .status svg {
      margin: 0px; }
  .order-tracker-container .order-tracker-controls {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(0.57143rem * 1);
    margin-left: auto; }
    .order-tracker-container .order-tracker-controls .module-filter {
      min-width: 160px; }
      .order-tracker-container .order-tracker-controls .module-filter .s4-dropdown-selected-container {
        font-size: calc(0.57143rem * 2); }
      .order-tracker-container .order-tracker-controls .module-filter button {
        background-color: #FFFFFF;
        border: rgba(0, 0, 0, 0.16) solid 1px; }
        .order-tracker-container .order-tracker-controls .module-filter button svg > path {
          fill: rgba(0, 0, 0, 0.87); }
    .order-tracker-container .order-tracker-controls .cms-info-button {
      height: calc(0.57143rem * 5);
      padding: calc(0.57143rem * 1);
      width: calc(0.57143rem * 5); }
      .order-tracker-container .order-tracker-controls .cms-info-button.rounded-outline {
        border: 1px solid rgba(0, 0, 0, 0.16); }
    .order-tracker-container .order-tracker-controls .order-status {
      display: none; }
  .order-tracker-container .mobile-module-filter {
    display: none; }

.status-container {
  display: none; }

@media only screen and (min-width: 768px) and (max-width: 1750px) {
  .order-tracker-container {
    display: none; }
  .status-container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(0.57143rem * 1);
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: calc(0.57143rem * 3) calc(0.57143rem * 5) 0 calc(0.57143rem * 5); }
    .status-container .button-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: calc(0.57143rem * 1);
      margin-left: auto; }
    .status-container .order-status-button {
      height: calc(0.57143rem * 5);
      width: calc(0.57143rem * 5); }
    .status-container .s4-button {
      width: -webkit-min-content;
      width: -moz-min-content;
      width: min-content; }
    .status-container .order-status {
      background: #FFFFFF !important;
      border: 1px solid rgba(0, 0, 0, 0.16) !important;
      border-radius: 50%;
      color: rgba(0, 0, 0, 0.87) !important;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: calc(0.57143rem * 2);
      font-style: normal;
      font-weight: 400;
      height: calc(0.57143rem * 5);
      letter-spacing: 0.25px;
      line-height: calc(0.57143rem * 2.5);
      padding: calc(0.57143rem * 1);
      width: calc(0.57143rem * 5); }
  .mobile-module-filter {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: -webkit-min-content !important;
    width: -moz-min-content !important;
    width: min-content !important; }
    .mobile-module-filter .menu {
      min-width: 160px;
      position: absolute;
      top: calc(0.57143rem * 5); }
    .mobile-module-filter .s4-dropdown-icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: end; }
    .mobile-module-filter button {
      background-color: #FFFFFF !important;
      border: rgba(0, 0, 0, 0.16) solid 1px; }
      .mobile-module-filter button svg > path {
        fill: rgba(0, 0, 0, 0.87); }
  .progress-bar .progress-bar-label {
    display: block !important; }
  .progress-bar .percentage-badge {
    display: none; } }

@media (max-width: 768px) {
  .order-tracker-container {
    display: none; }
  .status-container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(0.57143rem * 1);
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: calc(0.57143rem * 3) calc(0.57143rem * 5) 0 calc(0.57143rem * 5); }
    .status-container .button-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: calc(0.57143rem * 1);
      margin-left: auto; }
    .status-container .order-status-button {
      height: calc(0.57143rem * 5);
      width: calc(0.57143rem * 5); }
    .status-container .s4-button {
      width: -webkit-min-content;
      width: -moz-min-content;
      width: min-content; }
    .status-container .order-status {
      background: #FFFFFF !important;
      border: 1px solid rgba(0, 0, 0, 0.16) !important;
      border-radius: 50%;
      color: rgba(0, 0, 0, 0.87) !important;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: calc(0.57143rem * 2);
      font-style: normal;
      font-weight: 400;
      height: calc(0.57143rem * 5);
      letter-spacing: 0.25px;
      line-height: calc(0.57143rem * 2.5);
      padding: calc(0.57143rem * 1);
      width: calc(0.57143rem * 5); }
  .mobile-module-filter {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: -webkit-min-content !important;
    width: -moz-min-content !important;
    width: min-content !important; }
    .mobile-module-filter .menu {
      min-width: 160px;
      position: absolute;
      top: calc(0.57143rem * 5); }
    .mobile-module-filter .s4-dropdown-icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: end; }
    .mobile-module-filter button {
      background-color: #FFFFFF !important;
      border: rgba(0, 0, 0, 0.16) solid 1px; }
      .mobile-module-filter button svg > path {
        fill: rgba(0, 0, 0, 0.87); }
  .module-filter {
    display: none; } }

.progress-bar {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  gap: 4px;
  height: 24px; }
  .progress-bar .percentage-badge {
    background-color: rgba(14, 91, 243, 0.06);
    border-radius: 4px;
    gap: calc(0.57143rem * 1.25);
    padding: 2px 4px 2px 4px; }
  .progress-bar .progress-bar-label {
    display: none;
    font-weight: 700;
    white-space: nowrap; }
  .progress-bar .progress-bar-slider {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .progress-bar .completion-text {
    color: #0E5BF3;
    font-size: calc(0.57143rem * 1.75);
    font-weight: 700;
    letter-spacing: 0.25px;
    line-height: calc(0.57143rem * 2.5);
    text-align: center; }

.csm-info-container {
  padding: calc(0.57143rem * 2); }
  .csm-info-container .csm-info-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(0.57143rem * 2); }
    .csm-info-container .csm-info-content .csm-info-row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 4px; }
      .csm-info-container .csm-info-content .csm-info-row .csm-info-label {
        font-weight: 900; }
    .csm-info-container .csm-info-content .csm-info-subtitle {
      font-weight: 900; }

.kiosk-container.kiosk-order-types-container p {
  font-size: calc(0.57143rem * 2);
  margin-bottom: 0px; }

.kiosk-container.kiosk-order-types-container .checkbox-list {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  @media only screen and (max-width: 767px) {
    .kiosk-container.kiosk-order-types-container .checkbox-list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.kiosk-container.kiosk-order-types-container .checkbox-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: calc(0.57143rem * 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(0.57143rem * 7);
  margin: calc(0.57143rem * 1);
  padding: calc(0.57143rem * 2);
  width: 100%; }
  .kiosk-container.kiosk-order-types-container .checkbox-container.checked {
    background-color: rgba(14, 91, 243, 0.08);
    border-color: #0E5BF3; }

.kiosk-container.kiosk-tip-settings-container .heading {
  padding-bottom: 0px !important; }

.kiosk-container.kiosk-tip-settings-container .group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(0.57143rem * 1.25); }

.kiosk-container.kiosk-tip-settings-container .tip-prompt .checkboxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: calc(0.57143rem * 3); }
  @media only screen and (max-width: 767px) {
    .kiosk-container.kiosk-tip-settings-container .tip-prompt .checkboxes {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.kiosk-container.kiosk-tip-settings-container p {
  font-size: calc(0.57143rem * 2);
  margin: 0; }

.kiosk-container.kiosk-tip-settings-container .checkbox-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: calc(0.57143rem * 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(0.57143rem * 7);
  padding: calc(0.57143rem * 2);
  width: 100%; }
  .kiosk-container.kiosk-tip-settings-container .checkbox-container.checked {
    background-color: rgba(14, 91, 243, 0.08);
    border-color: #0E5BF3; }

.kiosk-container.kiosk-tip-settings-container .tip-message {
  margin-bottom: calc(0.57143rem * 1.25); }

.kiosk-container.kiosk-tip-settings-container .detail {
  bottom: calc(0.57143rem * 2);
  color: rgba(0, 0, 0, 0.6);
  font-size: calc(0.57143rem * 1.5);
  gap: calc(0.57143rem * 1.25);
  opacity: 0px;
  padding: 4px 0px 0px calc(0.57143rem * 2);
  position: relative; }

.kiosk-container.kiosk-order-settings-container .kiosk-type-settings-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px; }
  .kiosk-container.kiosk-order-settings-container .kiosk-type-settings-container p {
    margin-bottom: 0px; }
  .kiosk-container.kiosk-order-settings-container .kiosk-type-settings-container .sub-heading {
    font-size: calc(0.57143rem * 2);
    font-weight: bold; }
  .kiosk-container.kiosk-order-settings-container .kiosk-type-settings-container .content-text {
    font-size: calc(0.57143rem * 2); }

.kiosk-container.order-thanks-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(0, 0, 0, 0.87);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 0.18px;
  line-height: 28px;
  padding: 0 calc(0.57143rem * 3) calc(0.57143rem * 3) calc(0.57143rem * 3);
  text-align: center;
  width: 480px; }
  .kiosk-container.order-thanks-container svg {
    margin-bottom: 24px; }
  .kiosk-container.order-thanks-container .kiosk-thanks {
    color: rgba(0, 0, 0, 0.87);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.18px;
    line-height: 32px;
    margin-bottom: 16px;
    text-align: center; }

.kiosk-container.order-more-container .info {
  color: rgba(0, 0, 0, 0.87);
  font-size: calc(0.57143rem * 2);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.25px;
  line-height: calc(0.57143rem * 3);
  margin-bottom: calc(0.57143rem * 2); }

.kiosk-container.order-more-container .s4-menu-container .s4-menu-list {
  margin-bottom: calc(0.57143rem * 2); }

@media only screen and (min-width: 1200px) {
  .kiosk-container.order-more-container .s4-menu-container .s4-menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(0.57143rem * 2);
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .kiosk-container.order-more-container .s4-menu-container .s4-menu-list.menu-block .s4-menu-list-item {
      width: 100%; }
    .kiosk-container.order-more-container .s4-menu-container .s4-menu-list.menu-block li:not(:last-child) {
      margin-bottom: 0px; } }

.kiosk-container.branding-container .sub-heading {
  font-size: calc(0.57143rem * 2);
  font-weight: bold; }

.kiosk-container.branding-container p {
  margin-bottom: 0px; }

.kiosk-container.branding-container .content-text {
  font-size: calc(0.57143rem * 2); }

.kiosk-container.kiosk-order-checkout-container {
  gap: calc(0.57143rem * 3); }
  .kiosk-container.kiosk-order-checkout-container .kiosk-checkout-title {
    font-size: calc(0.57143rem * 3);
    font-weight: 700; }
  .kiosk-container.kiosk-order-checkout-container .kiosk-checkout-subtitle {
    font-size: calc(0.57143rem * 2);
    font-weight: 700; }
  .kiosk-container.kiosk-order-checkout-container .kiosk-checkout-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(0.57143rem * 2); }
  .kiosk-container.kiosk-order-checkout-container .kiosk-checkout-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(0.57143rem * 2); }
  .kiosk-container.kiosk-order-checkout-container .kiosk-checkout-order-section {
    border: #E5E5E5 solid 1px;
    border-radius: calc(0.57143rem * 1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(0.57143rem * 3);
    padding: calc(0.57143rem * 3); }
    .kiosk-container.kiosk-order-checkout-container .kiosk-checkout-order-section .kiosk-checkout-image {
      height: calc(0.57143rem * 8);
      width: calc(0.57143rem * 8); }
    .kiosk-container.kiosk-order-checkout-container .kiosk-checkout-order-section .kiosk-checkout-order-text-section {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 16px;
      width: 100%; }
      .kiosk-container.kiosk-order-checkout-container .kiosk-checkout-order-section .kiosk-checkout-order-text-section .kiosk-checkout-order-title {
        font-size: calc(0.57143rem * 2.5);
        font-weight: 700; }
      .kiosk-container.kiosk-order-checkout-container .kiosk-checkout-order-section .kiosk-checkout-order-text-section .kiosk-checkout-order-subtitle {
        color: rgba(0, 0, 0, 0.6);
        font-size: calc(0.57143rem * 2); }
  .kiosk-container.kiosk-order-checkout-container .kiosk-checkout-shipping {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .kiosk-container.kiosk-order-checkout-container .kiosk-checkout-payment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .kiosk-container.kiosk-order-checkout-container .kiosk-checkout-terms-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .kiosk-container.kiosk-order-checkout-container .s4-textfield {
    height: 4em; }

.key-features-component {
  padding: calc(0.57143rem * 4); }
  .key-features-component .key-features-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .key-features-component .key-features-container .features {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      width: 50%; }
      .key-features-component .key-features-container .features p {
        font-size: calc(0.57143rem * 1.75); }
        .key-features-component .key-features-container .features p.title {
          font-weight: bold;
          margin-bottom: 0; }
        .key-features-component .key-features-container .features p.description {
          margin-bottom: 10px; }
    .key-features-component .key-features-container .features:nth-child(odd) {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
    .key-features-component .key-features-container .features:nth-child(even) {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
  .key-features-component h3 {
    font-size: calc(0.57143rem * 3);
    font-weight: bold; }

@media only screen and (max-width: 767px) {
  .key-features-component {
    height: auto;
    padding: 0; }
    .key-features-component .key-features-container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
      .key-features-component .key-features-container .features {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        width: 100%; }
      .key-features-component .key-features-container .features:nth-child(odd), .key-features-component .key-features-container .features:nth-child(even) {
        -webkit-box-ordinal-group: 1;
            -ms-flex-order: 0;
                order: 0; } }

.product-details-component {
  padding: calc(0.57143rem * 4); }
  @media only screen and (max-width: 767px) {
    .product-details-component {
      height: auto;
      padding: calc(0.57143rem * 1.5) calc(0.57143rem * 4); } }
  .product-details-component h3 {
    font-size: calc(0.57143rem * 3);
    font-weight: bold;
    margin-bottom: calc(0.57143rem * 3); }
  .product-details-component .product-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    @media only screen and (max-width: 767px) {
      .product-details-component .product-details {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: calc(0.57143rem * 2); } }
    .product-details-component .product-details img {
      -ms-flex-item-align: center;
          align-self: center;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
      width: 50%; }
      @media only screen and (max-width: 767px) {
        .product-details-component .product-details img {
          margin: 0;
          width: 100%; } }
    .product-details-component .product-details .details {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: calc(0.57143rem * 2.5); }
      .product-details-component .product-details .details .details-item {
        background-color: #F7F7F7;
        border-radius: 4px;
        height: auto;
        padding: calc(0.57143rem * 1.25) calc(0.57143rem * 2);
        width: 324px; }
        @media only screen and (max-width: 767px) {
          .product-details-component .product-details .details .details-item {
            width: 100%; } }
        .product-details-component .product-details .details .details-item :nth-child(1) {
          color: #999999;
          font-size: calc(0.57143rem * 1.75); }
        .product-details-component .product-details .details .details-item :nth-child(2) {
          font-size: calc(0.57143rem * 2); }
        .product-details-component .product-details .details .details-item p {
          margin: 0; }

.s4-crypto-container .launch-control-fullscreen-modal > .content.spaced {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.s4-crypto-container .launch-control-fullscreen-modal > .content .divided {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%; }
  .s4-crypto-container .launch-control-fullscreen-modal > .content .divided > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 60px;
    width: 50%; }
    @media only screen and (max-width: 767px) {
      .s4-crypto-container .launch-control-fullscreen-modal > .content .divided > * {
        padding: 16px;
        width: 100%; } }
  @media only screen and (max-width: 767px) {
    .s4-crypto-container .launch-control-fullscreen-modal > .content .divided {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      width: 100%; } }

.s4-crypto-container.success .launch-control-fullscreen-modal > .content {
  gap: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 5%; }
  @media only screen and (max-width: 767px) {
    .s4-crypto-container.success .launch-control-fullscreen-modal > .content {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  .s4-crypto-container.success .launch-control-fullscreen-modal > .content .info-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    padding: 24px 60px; }
    @media only screen and (max-width: 767px) {
      .s4-crypto-container.success .launch-control-fullscreen-modal > .content .info-cards {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 24px 20px; } }
  @media only screen and (max-width: 767px) {
    .s4-crypto-container.success .launch-control-fullscreen-modal > .content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .s4-crypto-container.success .launch-control-fullscreen-modal > .content .title,
  .s4-crypto-container.success .launch-control-fullscreen-modal > .content .check-mark {
    -webkit-animation: slideUp 0.3s linear forwards;
            animation: slideUp 0.3s linear forwards; }

@-webkit-keyframes slideUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(calc(0.57143rem * 10));
            transform: translateY(calc(0.57143rem * 10)); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes slideUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(calc(0.57143rem * 10));
            transform: translateY(calc(0.57143rem * 10)); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }
  .s4-crypto-container.success .launch-control-fullscreen-modal > .content .title {
    font-size: 24px;
    font-weight: bold; }
  .s4-crypto-container.success .launch-control-fullscreen-modal > .content .button-section {
    margin-top: auto; }
    @media only screen and (max-width: 767px) {
      .s4-crypto-container.success .launch-control-fullscreen-modal > .content .button-section {
        margin-top: none; } }

.s4-crypto-container.terms .launch-control-fullscreen-modal > .content {
  margin-top: 5%; }
  @media only screen and (max-width: 767px) {
    .s4-crypto-container.terms .launch-control-fullscreen-modal > .content {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  .s4-crypto-container.terms .launch-control-fullscreen-modal > .content .divided {
    height: auto; }
    .s4-crypto-container.terms .launch-control-fullscreen-modal > .content .divided .first-container .title {
      font-size: calc(0.57143rem * 3);
      font-weight: bold; }
    .s4-crypto-container.terms .launch-control-fullscreen-modal > .content .divided .first-container span,
    .s4-crypto-container.terms .launch-control-fullscreen-modal > .content .divided .first-container .s4-checkbox label {
      font-size: calc(0.57143rem * 2); }
      .s4-crypto-container.terms .launch-control-fullscreen-modal > .content .divided .first-container span a,
      .s4-crypto-container.terms .launch-control-fullscreen-modal > .content .divided .first-container .s4-checkbox label a {
        color: #0E5BF3; }
    .s4-crypto-container.terms .launch-control-fullscreen-modal > .content .divided .second-container .coins,
    .s4-crypto-container.terms .launch-control-fullscreen-modal > .content .divided .second-container .cash {
      height: 122px; }
    .s4-crypto-container.terms .launch-control-fullscreen-modal > .content .divided .second-container .logo {
      height: calc(0.57143rem * 5); }
    .s4-crypto-container.terms .launch-control-fullscreen-modal > .content .divided .second-container .arrow {
      height: 36px; }

.s4-crypto-container.terms .launch-control-fullscreen-modal .button-section {
  margin-top: auto; }
  @media only screen and (max-width: 767px) {
    .s4-crypto-container.terms .launch-control-fullscreen-modal .button-section {
      margin-top: none; } }

.crypto .landing-page {
  width: 100%; }
  .crypto .landing-page .s4-alert.notification {
    width: 100%; }
  @media only screen and (max-width: 767px) {
    .crypto .landing-page {
      height: auto;
      max-height: none;
      overflow-y: auto; } }

.info-card {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  background: #fafafa;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  opacity: 0;
  padding: 24px;
  -webkit-transform: translateY(20px);
          transform: translateY(20px); }
  .info-card.fadeInUp {
    -webkit-animation: fadeInUp 0.5s ease-out forwards;
            animation: fadeInUp 0.5s ease-out forwards; }
  .info-card.fadeIn {
    -webkit-animation: fadeIn 0.5s ease-out forwards;
            animation: fadeIn 0.5s ease-out forwards; }
  .info-card.delay-1 {
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s; }
  .info-card.delay-2 {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }
  .info-card.delay-3 {
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s; }
  .info-card.delay-4 {
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s; }
  .info-card.delay-5 {
    -webkit-animation-delay: 0.6s;
            animation-delay: 0.6s; }
  .info-card.delay-6 {
    -webkit-animation-delay: 1.0s;
            animation-delay: 1.0s; }
  .info-card.delay-7 {
    -webkit-animation-delay: 1.4s;
            animation-delay: 1.4s; }
  .info-card .icon {
    margin-bottom: 16px; }
    .info-card .icon img {
      height: 80px;
      width: 80px; }
  .info-card .text-block {
    margin-top: auto; }
  .info-card .title {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.15px;
    line-height: 24px; }
  .info-card .description {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.25px;
    line-height: 20px; }

.get-started {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 0;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .get-started {
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 24px; } }
  .get-started .text-column {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 80px; }
    .get-started .text-column h2 {
      font-size: 24px;
      font-style: normal;
      font-weight: 700;
      letter-spacing: 0.18px;
      line-height: 32px;
      margin-bottom: 8px;
      text-align: left; }
    .get-started .text-column p {
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0.25px;
      line-height: 24px;
      text-align: left; }
    @media only screen and (max-width: 767px) {
      .get-started .text-column {
        padding: 24px; } }
  .get-started .cards {
    -ms-flex-item-align: stretch;
        align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 80px 80px 80px 0; }
    @media only screen and (max-width: 767px) {
      .get-started .cards {
        padding: 0 24px 24px 24px; } }
  .get-started .card-grid {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(2, 1fr); }
    @media only screen and (max-width: 767px) {
      .get-started .card-grid {
        grid-template-columns: 1fr; } }

@media only screen and (max-width: 767px) {
  .s4-crypto-container.how-it-works .launch-control-fullscreen-modal > .content {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

.s4-crypto-container.how-it-works .launch-control-fullscreen-modal > .content .divided .first-container .title {
  font-size: 24px;
  font-weight: bold; }

.s4-crypto-container.how-it-works .launch-control-fullscreen-modal > .content .divided .second-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.s4-crypto-container.how-it-works .launch-control-fullscreen-modal .cards {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 80px 80px 80px 0; }
  @media only screen and (max-width: 767px) {
    .s4-crypto-container.how-it-works .launch-control-fullscreen-modal .cards {
      padding: 0 24px 24px 24px; } }

.s4-crypto-container.how-it-works .launch-control-fullscreen-modal .section-container {
  height: 589px;
  overflow: hidden;
  padding: 0 28%;
  position: relative;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .s4-crypto-container.how-it-works .launch-control-fullscreen-modal .section-container {
      padding: 0; } }

.s4-crypto-container.how-it-works .launch-control-fullscreen-modal .section-item {
  height: 100%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  width: 100%; }

.s4-crypto-container.how-it-works .launch-control-fullscreen-modal .section-item.visible {
  opacity: 1;
  pointer-events: auto; }

.s4-crypto-container.how-it-works .launch-control-fullscreen-modal .progress-bar-section {
  background-color: #FAFAFA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 24px 0;
  padding: 16px 0;
  width: 100%; }

.s4-crypto-container.how-it-works .launch-control-fullscreen-modal .slideshow {
  display: block;
  height: 468px;
  position: relative;
  width: 344px; }
  .s4-crypto-container.how-it-works .launch-control-fullscreen-modal .slideshow .slide {
    height: 100%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    -webkit-transition: opacity 0.6s ease;
    transition: opacity 0.6s ease;
    width: 100%; }

.s4-crypto-container.how-it-works .launch-control-fullscreen-modal .slide.active {
  opacity: 1;
  pointer-events: auto; }

.s4-crypto-container.how-it-works .launch-control-fullscreen-modal .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  margin-top: 1rem; }

.s4-crypto-container.how-it-works .launch-control-fullscreen-modal .control {
  background: #eee;
  border-radius: 4px;
  cursor: pointer;
  padding: 4px 8px; }

.circular-button, .internet-payments-wrapper .dropdown-file-selector, .internet-payments-wrapper .download-label-button .download, .internet-payments-fullscreen-modal > .header.top-title .close-btn, .circular-button.primary, .internet-payments-wrapper .primary.dropdown-file-selector, .internet-payments-wrapper .download-label-button .primary.download, .internet-payments-fullscreen-modal > .header.top-title .primary.close-btn {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #0E5BF3;
  border: none;
  border-radius: 50px;
  color: white;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  min-height: 40px;
  min-width: 40px;
  padding: 0;
  width: 40px; }
  .circular-button.disabled, .internet-payments-wrapper .disabled.dropdown-file-selector, .internet-payments-wrapper .download-label-button .disabled.download, .internet-payments-fullscreen-modal > .header.top-title .disabled.close-btn, .circular-button.primary.disabled, .internet-payments-wrapper .primary.disabled.dropdown-file-selector, .internet-payments-wrapper .download-label-button .primary.disabled.download, .internet-payments-fullscreen-modal > .header.top-title .primary.disabled.close-btn {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.38);
    pointer-events: none; }
  .circular-button:hover, .internet-payments-wrapper .dropdown-file-selector:hover, .internet-payments-wrapper .download-label-button .download:hover, .internet-payments-fullscreen-modal > .header.top-title .close-btn:hover, .circular-button.active, .internet-payments-wrapper .active.dropdown-file-selector, .internet-payments-wrapper .download-label-button .active.download, .internet-payments-fullscreen-modal > .header.top-title .active.close-btn, .circular-button.primary:hover, .internet-payments-wrapper .primary.dropdown-file-selector:hover, .internet-payments-wrapper .download-label-button .primary.download:hover, .internet-payments-fullscreen-modal > .header.top-title .primary.close-btn:hover, .circular-button.primary.active, .internet-payments-wrapper .primary.active.dropdown-file-selector, .internet-payments-wrapper .download-label-button .primary.active.download, .internet-payments-fullscreen-modal > .header.top-title .primary.active.close-btn {
    background-color: #0E5BF3; }
  .circular-button.secondary, .internet-payments-wrapper .dropdown-file-selector, .internet-payments-wrapper .download-label-button .download, .internet-payments-fullscreen-modal > .header.top-title .close-btn, .circular-button.primary.secondary, .internet-payments-wrapper .primary.dropdown-file-selector, .internet-payments-wrapper .download-label-button .primary.download, .internet-payments-fullscreen-modal > .header.top-title .primary.close-btn {
    background-color: rgba(0, 0, 0, 0.04);
    color: rgba(0, 0, 0, 0.6); }
    .circular-button.secondary:hover, .internet-payments-wrapper .dropdown-file-selector:hover, .internet-payments-wrapper .download-label-button .download:hover, .internet-payments-fullscreen-modal > .header.top-title .close-btn:hover, .circular-button.secondary.active, .internet-payments-wrapper .active.dropdown-file-selector, .internet-payments-wrapper .download-label-button .active.download, .internet-payments-fullscreen-modal > .header.top-title .active.close-btn, .circular-button.primary.secondary:hover, .internet-payments-wrapper .primary.dropdown-file-selector:hover, .internet-payments-wrapper .download-label-button .primary.download:hover, .internet-payments-fullscreen-modal > .header.top-title .primary.close-btn:hover, .circular-button.primary.secondary.active, .internet-payments-wrapper .primary.active.dropdown-file-selector, .internet-payments-wrapper .download-label-button .primary.active.download, .internet-payments-fullscreen-modal > .header.top-title .primary.active.close-btn {
      background-color: rgba(14, 91, 243, 0.06);
      color: rgba(14, 91, 243, 0.94); }
  .circular-button.icon, .internet-payments-wrapper .icon.dropdown-file-selector, .internet-payments-wrapper .download-label-button .icon.download, .internet-payments-fullscreen-modal > .header.top-title .icon.close-btn, .circular-button.primary.icon, .internet-payments-wrapper .primary.icon.dropdown-file-selector, .internet-payments-wrapper .download-label-button .primary.icon.download, .internet-payments-fullscreen-modal > .header.top-title .primary.icon.close-btn {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.6); }
    .circular-button.icon:hover, .internet-payments-wrapper .icon.dropdown-file-selector:hover, .internet-payments-wrapper .download-label-button .icon.download:hover, .internet-payments-fullscreen-modal > .header.top-title .icon.close-btn:hover, .circular-button.icon.active, .internet-payments-wrapper .icon.active.dropdown-file-selector, .internet-payments-wrapper .download-label-button .icon.active.download, .internet-payments-fullscreen-modal > .header.top-title .icon.active.close-btn, .circular-button.primary.icon:hover, .internet-payments-wrapper .primary.icon.dropdown-file-selector:hover, .internet-payments-wrapper .download-label-button .primary.icon.download:hover, .internet-payments-fullscreen-modal > .header.top-title .primary.icon.close-btn:hover, .circular-button.primary.icon.active, .internet-payments-wrapper .primary.icon.active.dropdown-file-selector, .internet-payments-wrapper .download-label-button .primary.icon.active.download, .internet-payments-fullscreen-modal > .header.top-title .primary.icon.active.close-btn {
      background-color: rgba(14, 91, 243, 0.06);
      color: rgba(14, 91, 243, 0.94); }
  .circular-button + .circular-button, .internet-payments-wrapper .dropdown-file-selector + .circular-button, .internet-payments-wrapper .download-label-button .download + .circular-button, .internet-payments-fullscreen-modal > .header.top-title .close-btn + .circular-button, .internet-payments-wrapper .circular-button + .dropdown-file-selector, .internet-payments-wrapper .dropdown-file-selector + .dropdown-file-selector, .internet-payments-wrapper .download-label-button .download + .dropdown-file-selector, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .close-btn + .dropdown-file-selector, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title .close-btn + .dropdown-file-selector, .internet-payments-wrapper .download-label-button .circular-button + .download, .internet-payments-wrapper .download-label-button .dropdown-file-selector + .download, .internet-payments-wrapper .download-label-button .download + .download, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .download-label-button .close-btn + .download, .internet-payments-wrapper .download-label-button .internet-payments-fullscreen-modal > .header.top-title .close-btn + .download, .internet-payments-fullscreen-modal > .header.top-title .circular-button + .close-btn, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title .dropdown-file-selector + .close-btn, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .dropdown-file-selector + .close-btn, .internet-payments-wrapper .download-label-button .internet-payments-fullscreen-modal > .header.top-title .download + .close-btn, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .download-label-button .download + .close-btn, .internet-payments-fullscreen-modal > .header.top-title .close-btn + .close-btn, .circular-button.primary + .circular-button, .internet-payments-wrapper .primary.dropdown-file-selector + .circular-button, .internet-payments-wrapper .download-label-button .primary.download + .circular-button, .internet-payments-fullscreen-modal > .header.top-title .primary.close-btn + .circular-button, .internet-payments-wrapper .circular-button.primary + .dropdown-file-selector, .internet-payments-wrapper .primary.dropdown-file-selector + .dropdown-file-selector, .internet-payments-wrapper .download-label-button .primary.download + .dropdown-file-selector, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .primary.close-btn + .dropdown-file-selector, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title .primary.close-btn + .dropdown-file-selector, .internet-payments-wrapper .download-label-button .circular-button.primary + .download, .internet-payments-wrapper .download-label-button .primary.dropdown-file-selector + .download, .internet-payments-wrapper .download-label-button .primary.download + .download, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .download-label-button .primary.close-btn + .download, .internet-payments-wrapper .download-label-button .internet-payments-fullscreen-modal > .header.top-title .primary.close-btn + .download, .internet-payments-fullscreen-modal > .header.top-title .circular-button.primary + .close-btn, .internet-payments-wrapper .internet-payments-fullscreen-modal > .header.top-title .primary.dropdown-file-selector + .close-btn, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .primary.dropdown-file-selector + .close-btn, .internet-payments-wrapper .download-label-button .internet-payments-fullscreen-modal > .header.top-title .primary.download + .close-btn, .internet-payments-fullscreen-modal > .header.top-title .internet-payments-wrapper .download-label-button .primary.download + .close-btn, .internet-payments-fullscreen-modal > .header.top-title .primary.close-btn + .close-btn {
    margin-left: 8px; }

.s4-button {
  --subtle-radius: 4px;
  --heavy-radius: 99px;
  width: 100%; }
  .s4-button .loading-indicator {
    -webkit-animation: button-load 0.5s linear infinite;
            animation: button-load 0.5s linear infinite;
    height: 24px;
    width: 24px; }

@-webkit-keyframes button-load {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes button-load {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
  .s4-button .leading-icon, .s4-button .trailing-icon {
    position: relative;
    top: 1px; }
  .s4-button button {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: calc(0.57143rem * 1.75);
    font-weight: 700;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    letter-spacing: 0.25px;
    line-height: calc(0.57143rem * 3);
    min-height: 40px;
    padding: calc(0.57143rem * 1.5);
    width: 100%; }
    .s4-button button.loading {
      cursor: not-allowed;
      pointer-events: none; }
    .s4-button button.left {
      -webkit-box-pack: left;
          -ms-flex-pack: left;
              justify-content: left; }
    .s4-button button.right {
      -webkit-box-pack: right;
          -ms-flex-pack: right;
              justify-content: right; }
  .s4-button > .contained {
    background-color: #0E5BF3;
    border: none;
    border-radius: var(--subtle-radius);
    color: #FFFFFF;
    position: relative; }
    .s4-button > .contained::before {
      content: '';
      height: 100%;
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      -webkit-transition: opacity 300ms ease-out;
      transition: opacity 300ms ease-out;
      width: 100%; }
    .s4-button > .contained:hover::before {
      background-color: rgba(255, 255, 255, 0.06);
      opacity: 1; }
    .s4-button > .contained:focus-visible::before {
      background-color: rgba(255, 255, 255, 0.12);
      opacity: 1; }
    .s4-button > .contained:active::before {
      background-color: rgba(255, 255, 255, 0.32);
      opacity: 1; }
    .s4-button > .contained.disabled {
      background: none;
      border: 1px solid rgba(0, 0, 0, 0.38);
      color: rgba(0, 0, 0, 0.38); }
      .s4-button > .contained.disabled:hover::before {
        cursor: default;
        opacity: 0; }
  .s4-button > .outlined {
    background-color: white;
    border: 1px solid #0E5BF3;
    border-radius: var(--subtle-radius);
    color: #0E5BF3;
    position: relative; }
    .s4-button > .outlined::before {
      content: '';
      height: 100%;
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      -webkit-transition: opacity 300ms ease-out;
      transition: opacity 300ms ease-out;
      width: 100%; }
    .s4-button > .outlined:hover::before {
      background-color: rgba(14, 91, 243, 0.06);
      opacity: 1; }
    .s4-button > .outlined:focus-visible::before {
      background-color: rgba(14, 91, 243, 0.12);
      opacity: 1; }
    .s4-button > .outlined:active::before {
      background-color: rgba(14, 91, 243, 0.1);
      opacity: 1; }
    .s4-button > .outlined.disabled {
      border: 1px solid rgba(0, 0, 0, 0.38);
      color: rgba(0, 0, 0, 0.38); }
      .s4-button > .outlined.disabled:hover::before {
        cursor: default;
        opacity: 0; }
  .s4-button > .text {
    background: none;
    border: none;
    border-radius: var(--subtle-radius);
    color: #0E5BF3;
    position: relative; }
    .s4-button > .text::before {
      content: '';
      height: 100%;
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      -webkit-transition: opacity 300ms ease-out;
      transition: opacity 300ms ease-out;
      width: 100%; }
    .s4-button > .text:hover::before {
      background-color: rgba(14, 91, 243, 0.06);
      border-radius: var(--subtle-radius);
      opacity: 1; }
    .s4-button > .text:focus-visible::before {
      background-color: rgba(14, 91, 243, 0.12);
      border-radius: var(--subtle-radius);
      opacity: 1; }
    .s4-button > .text:active::before {
      background-color: rgba(14, 91, 243, 0.1);
      opacity: 1; }
    .s4-button > .text.disabled {
      border: none;
      color: rgba(0, 0, 0, 0.38); }
      .s4-button > .text.disabled:hover::before {
        cursor: default;
        opacity: 0; }
  .s4-button > .rounded-contained {
    background-color: #0E5BF3;
    border: none;
    border-radius: var(--heavy-radius);
    color: #FFFFFF;
    position: relative; }
    .s4-button > .rounded-contained::before {
      content: '';
      height: 100%;
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      -webkit-transition: opacity 300ms ease-out;
      transition: opacity 300ms ease-out;
      width: 100%; }
    .s4-button > .rounded-contained:hover::before {
      background-color: rgba(255, 255, 255, 0.06);
      opacity: 1; }
    .s4-button > .rounded-contained:focus-visible::before {
      background-color: rgba(255, 255, 255, 0.12);
      opacity: 1; }
    .s4-button > .rounded-contained:active::before {
      background-color: rgba(255, 255, 255, 0.32);
      opacity: 1; }
    .s4-button > .rounded-contained.disabled {
      background: none;
      border: 1px solid rgba(0, 0, 0, 0.38);
      color: rgba(0, 0, 0, 0.38); }
      .s4-button > .rounded-contained.disabled:hover::before {
        cursor: default;
        opacity: 0; }
  .s4-button > .rounded-outline {
    background-color: white;
    border: 1px solid #0E5BF3;
    border-radius: var(--heavy-radius);
    color: #0E5BF3;
    position: relative; }
    .s4-button > .rounded-outline::before {
      content: '';
      height: 100%;
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      -webkit-transition: opacity 300ms ease-out;
      transition: opacity 300ms ease-out;
      width: 100%; }
    .s4-button > .rounded-outline:hover::before {
      background-color: rgba(14, 91, 243, 0.06);
      border-radius: var(--heavy-radius);
      opacity: 1; }
    .s4-button > .rounded-outline:focus-visible::before {
      background-color: rgba(14, 91, 243, 0.12);
      border-radius: var(--heavy-radius);
      opacity: 1; }
    .s4-button > .rounded-outline:active::before {
      background-color: rgba(14, 91, 243, 0.1);
      border-radius: var(--heavy-radius);
      opacity: 1; }
    .s4-button > .rounded-outline.disabled {
      background: none;
      border: 1px solid rgba(0, 0, 0, 0.38);
      color: rgba(0, 0, 0, 0.38); }
      .s4-button > .rounded-outline.disabled:hover::before {
        cursor: default;
        opacity: 0; }
  .s4-button > .rounded-text {
    background: none;
    border: none;
    border-radius: var(--heavy-radius);
    color: #0E5BF3;
    position: relative; }
    .s4-button > .rounded-text::before {
      content: '';
      height: 100%;
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      -webkit-transition: opacity 300ms ease-out;
      transition: opacity 300ms ease-out;
      width: 100%; }
    .s4-button > .rounded-text:hover::before {
      background-color: rgba(14, 91, 243, 0.06);
      border-radius: var(--heavy-radius);
      opacity: 1; }
    .s4-button > .rounded-text:focus-visible::before {
      background-color: rgba(14, 91, 243, 0.12);
      border-radius: var(--heavy-radius);
      opacity: 1; }
    .s4-button > .rounded-text:active::before {
      background-color: rgba(14, 91, 243, 0.1);
      border-radius: var(--heavy-radius);
      opacity: 1; }
    .s4-button > .rounded-text.disabled {
      background: none;
      color: rgba(0, 0, 0, 0.38); }
      .s4-button > .rounded-text.disabled svg {
        fill: rgba(0, 0, 0, 0.38); }
      .s4-button > .rounded-text.disabled:hover::before {
        cursor: default;
        opacity: 0; }

.s4-form-card-container {
  color: rgba(0, 0, 0, 0.87);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(0.57143rem * 3);
  letter-spacing: 0.18px;
  padding: 0 calc(0.57143rem * 3); }
  .s4-form-card-container .s4-button {
    text-transform: uppercase; }
    .s4-form-card-container .s4-button .outlined {
      border: none;
      border-radius: 0px;
      padding: calc(0.57143rem * 1) calc(0.57143rem * 2); }
      .s4-form-card-container .s4-button .outlined svg {
        margin-right: calc(0.57143rem * 1); }
    .s4-form-card-container .s4-button.tertiary {
      border-radius: 0px;
      padding: 0 calc(0.57143rem * 1);
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content; }
  .s4-form-card-container .s4-form-card-textfield-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .s4-form-card-container .s4-form-card-textfield-container > * {
      margin-bottom: 5px; }
  .s4-form-card-container .s4-form-card-input-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .s4-form-card-container .s4-form-card-input-section:not(:last-child) {
      padding-bottom: calc(0.57143rem * 2); }
    .s4-form-card-container .s4-form-card-input-section > *:not(:last-child):not(.s4-textfield) {
      padding-bottom: calc(0.57143rem * 2); }
    .s4-form-card-container .s4-form-card-input-section > *:not(:last-child).s4-textfield {
      margin-bottom: 5px; }
      .s4-form-card-container .s4-form-card-input-section > *:not(:last-child).s4-textfield.assistive-text-relative {
        margin-bottom: calc(0.57143rem * 2); }
    .s4-form-card-container .s4-form-card-input-section .s4-form-card-checkbox-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      gap: calc(0.57143rem * 1); }
      @media (max-width: 768px) {
        .s4-form-card-container .s4-form-card-input-section .s4-form-card-checkbox-list {
          gap: calc(0.57143rem * 2); }
          .s4-form-card-container .s4-form-card-input-section .s4-form-card-checkbox-list.date-mobile {
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between; }
            .s4-form-card-container .s4-form-card-input-section .s4-form-card-checkbox-list.date-mobile .s4-checkbox {
              width: calc(0.57143rem * 3); }
              .s4-form-card-container .s4-form-card-input-section .s4-form-card-checkbox-list.date-mobile .s4-checkbox label {
                padding: 22px 0 0 0;
                text-align: center;
                width: calc(0.57143rem * 3); } }
  .s4-form-card-container p {
    font-size: calc(0.57143rem * 2);
    letter-spacing: 0.25px;
    line-height: calc(0.57143rem * 3);
    margin: 0; }
  .s4-form-card-container h2 {
    font-size: calc(0.57143rem * 3);
    font-weight: 700;
    line-height: calc(0.57143rem * 4);
    margin: 0; }
  .s4-form-card-container h3 {
    font-size: calc(0.57143rem * 2.5);
    line-height: 1.4;
    margin: 0; }
  .s4-form-card-container .divider {
    background-color: rgba(0, 0, 0, 0.12);
    display: block;
    height: 1px;
    margin: calc(0.57143rem * 2) 0;
    width: 100%; }
  .s4-form-card-container fieldset {
    background: #fafafa;
    border: none;
    border-radius: 16px;
    margin: 0;
    padding: 0 calc(0.57143rem * 2) calc(0.57143rem * 2) calc(0.57143rem * 2); }
    .s4-form-card-container fieldset:disabled {
      opacity: 0.8; }
    .s4-form-card-container fieldset .s4-form-card-section-title-container {
      display: block;
      font-size: calc(0.57143rem * 2);
      font-weight: 700;
      letter-spacing: 0.15px;
      margin-bottom: calc(0.57143rem * 1); }
      .s4-form-card-container fieldset .s4-form-card-section-title-container.double-margin-y {
        margin: calc(0.57143rem * 2) 0; }
    .s4-form-card-container fieldset .s4-form-card-title-container {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: calc(0.57143rem * 2) 0; }
    .s4-form-card-container fieldset .s4-form-card-group-container {
      display: grid;
      gap: calc(0.57143rem * 2);
      grid-template-columns: 1fr 1fr;
      margin-bottom: 4px;
      max-width: 100%; }
      @media (max-width: 768px) {
        .s4-form-card-container fieldset .s4-form-card-group-container {
          grid-template-columns: 1fr;
          margin-bottom: 0; }
          .s4-form-card-container fieldset .s4-form-card-group-container > :last-child {
            margin-bottom: 4px; } }
  .s4-form-card-container .s4-form-card-fieldset-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(0.57143rem * 3);
    max-height: 100%;
    overflow: auto;
    position: relative; }
    .s4-form-card-container .s4-form-card-fieldset-container .s4-form-card-group-container {
      display: grid;
      gap: calc(0.57143rem * 2);
      grid-template-columns: 1fr 1fr;
      max-width: 100%; }
      @media (max-width: 768px) {
        .s4-form-card-container .s4-form-card-fieldset-container .s4-form-card-group-container {
          grid-template-columns: 1fr; } }
    .s4-form-card-container .s4-form-card-fieldset-container .s4-form-card-checkbox-list {
      margin: 0;
      padding: calc(0.57143rem * 2) 0; }

.s4-circular-button, .s4-circular-button.primary {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #0E5BF3;
  border: none;
  border-radius: 50px;
  color: white;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  min-height: 40px;
  min-width: 40px;
  padding: 0;
  width: 40px; }
  .s4-circular-button:hover, .s4-circular-button:focus-visible, .s4-circular-button.primary:hover, .s4-circular-button.primary:focus-visible {
    background-color: #0E5BF3; }
  .s4-circular-button:active, .s4-circular-button.primary:active {
    background-color: rgba(14, 91, 243, 0.68);
    border: #0E5BF3 1px solid; }
  .s4-circular-button.secondary, .internet-payments-wrapper .s4-circular-button.dropdown-file-selector, .internet-payments-wrapper .download-label-button .s4-circular-button.download, .internet-payments-fullscreen-modal > .header.top-title .s4-circular-button.close-btn, .s4-circular-button.primary.secondary, .internet-payments-wrapper .s4-circular-button.primary.dropdown-file-selector, .internet-payments-wrapper .download-label-button .s4-circular-button.primary.download, .internet-payments-fullscreen-modal > .header.top-title .s4-circular-button.primary.close-btn {
    background-color: rgba(0, 0, 0, 0.04);
    color: rgba(0, 0, 0, 0.6); }
    .s4-circular-button.secondary:hover, .internet-payments-wrapper .s4-circular-button.dropdown-file-selector:hover, .internet-payments-wrapper .download-label-button .s4-circular-button.download:hover, .internet-payments-fullscreen-modal > .header.top-title .s4-circular-button.close-btn:hover, .s4-circular-button.primary.secondary:hover, .internet-payments-wrapper .s4-circular-button.primary.dropdown-file-selector:hover, .internet-payments-wrapper .download-label-button .s4-circular-button.primary.download:hover, .internet-payments-fullscreen-modal > .header.top-title .s4-circular-button.primary.close-btn:hover {
      background-color: rgba(14, 91, 243, 0.06);
      color: rgba(14, 91, 243, 0.94); }
    .s4-circular-button.secondary:focus-visible, .internet-payments-wrapper .s4-circular-button.dropdown-file-selector:focus-visible, .internet-payments-wrapper .download-label-button .s4-circular-button.download:focus-visible, .internet-payments-fullscreen-modal > .header.top-title .s4-circular-button.close-btn:focus-visible, .s4-circular-button.primary.secondary:focus-visible, .internet-payments-wrapper .s4-circular-button.primary.dropdown-file-selector:focus-visible, .internet-payments-wrapper .download-label-button .s4-circular-button.primary.download:focus-visible, .internet-payments-fullscreen-modal > .header.top-title .s4-circular-button.primary.close-btn:focus-visible {
      background-color: rgba(14, 91, 243, 0.12);
      color: rgba(14, 91, 243, 0.94); }
    .s4-circular-button.secondary:active, .internet-payments-wrapper .s4-circular-button.dropdown-file-selector:active, .internet-payments-wrapper .download-label-button .s4-circular-button.download:active, .internet-payments-fullscreen-modal > .header.top-title .s4-circular-button.close-btn:active, .s4-circular-button.primary.secondary:active, .internet-payments-wrapper .s4-circular-button.primary.dropdown-file-selector:active, .internet-payments-wrapper .download-label-button .s4-circular-button.primary.download:active, .internet-payments-fullscreen-modal > .header.top-title .s4-circular-button.primary.close-btn:active {
      background-color: rgba(14, 91, 243, 0.1);
      border: none; }
  .s4-circular-button.icon, .s4-circular-button.primary.icon {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.6); }
    .s4-circular-button.icon:hover, .s4-circular-button.primary.icon:hover {
      background-color: rgba(14, 91, 243, 0.06);
      color: rgba(14, 91, 243, 0.94); }
    .s4-circular-button.icon:focus-visible, .s4-circular-button.primary.icon:focus-visible {
      background-color: rgba(14, 91, 243, 0.12);
      color: rgba(14, 91, 243, 0.94); }
    .s4-circular-button.icon:active, .s4-circular-button.primary.icon:active {
      background-color: rgba(14, 91, 243, 0.1);
      border: none; }
  .s4-circular-button.chip, .s4-circular-button.primary.chip {
    background: rgba(0, 0, 0, 0.38);
    color: white; }
    .s4-circular-button.chip:hover, .s4-circular-button.primary.chip:hover {
      background: rgba(0, 0, 0, 0.87);
      color: white; }
    .s4-circular-button.chip:active, .s4-circular-button.primary.chip:active {
      background: rgba(0, 0, 0, 0.87);
      border-color: rgba(0, 0, 0, 0.87);
      color: white; }
    .s4-circular-button.chip.disabled, .s4-circular-button.primary.chip.disabled {
      background: rgba(0, 0, 0, 0.38);
      color: white; }
      .s4-circular-button.chip.disabled:hover, .s4-circular-button.primary.chip.disabled:hover {
        background: rgba(0, 0, 0, 0.38);
        color: white; }
    .s4-circular-button.chip.dragged, .s4-circular-button.primary.chip.dragged {
      background: #0E5BF3; }
      .s4-circular-button.chip.dragged:hover, .s4-circular-button.primary.chip.dragged:hover {
        background: #0E5BF3;
        color: white; }
    .s4-circular-button.chip.selected, .s4-circular-button.primary.chip.selected {
      background: #0E5BF3; }
      .s4-circular-button.chip.selected:hover, .s4-circular-button.primary.chip.selected:hover {
        background: #0E5BF3;
        color: white; }
    .s4-circular-button.chip.error, .s4-circular-button.primary.chip.error {
      background: #B00020;
      color: white; }
  .s4-circular-button.disabled, .s4-circular-button.primary.disabled {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.38);
    cursor: not-allowed;
    pointer-events: none; }
  .s4-circular-button + .circular-button, .internet-payments-wrapper .s4-circular-button + .dropdown-file-selector, .internet-payments-wrapper .download-label-button .s4-circular-button + .download, .internet-payments-fullscreen-modal > .header.top-title .s4-circular-button + .close-btn, .s4-circular-button.primary + .circular-button, .internet-payments-wrapper .s4-circular-button.primary + .dropdown-file-selector, .internet-payments-wrapper .download-label-button .s4-circular-button.primary + .download, .internet-payments-fullscreen-modal > .header.top-title .s4-circular-button.primary + .close-btn {
    margin-left: 8px; }

.floating-guide-dialog-container {
  background-color: #fafafa;
  border: 0;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 16px;
  gap: 10px;
  letter-spacing: 0.25px;
  line-height: 24px;
  padding: 24px;
  text-align: left;
  width: 320px; }
  .floating-guide-dialog-container .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px; }
    .floating-guide-dialog-container .header .title {
      font-weight: 700;
      letter-spacing: 0.15px; }
    .floating-guide-dialog-container .header .dot {
      border-radius: 99px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 8px;
      width: 8px; }
      .floating-guide-dialog-container .header .dot.green {
        background-color: #46A82E; }
  .floating-guide-dialog-container .actions {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    gap: 10px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .floating-guide-dialog-container .actions .link {
      color: #0E5BF3; }

.s4-single-date-picker {
  border: none !important;
  padding: 0px !important; }
  .s4-single-date-picker.ui.dropdown.selection {
    background: inherit; }
  .s4-single-date-picker .s4-single-date-picker-container .assistive-text {
    font-size: calc(0.57143rem * 1.5);
    letter-spacing: 0.4px;
    line-height: calc(0.57143rem * 2);
    padding: 4px 0 0 calc(0.57143rem * 2);
    position: relative; }
    .s4-single-date-picker .s4-single-date-picker-container .assistive-text.error {
      color: #B00020; }
  .s4-single-date-picker .main {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 8px 16px;
    -webkit-transform: all 0.2s ease;
            transform: all 0.2s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    width: 100%; }
    .s4-single-date-picker .main .date-input {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      max-width: 90%; }
      .s4-single-date-picker .main .date-input span {
        font-size: calc(0.57143rem * 1.75); }
      .s4-single-date-picker .main .date-input input {
        border: none;
        cursor: pointer;
        font-size: calc(0.57143rem * 2);
        outline: none; }
    .s4-single-date-picker .main.error {
      border-color: #B00020; }
      .s4-single-date-picker .main.error .date-input span {
        color: #B00020; }
    .s4-single-date-picker .main .up {
      color: #0E5BF3; }
    .s4-single-date-picker .main.active {
      border-color: #0E5BF3; }
      .s4-single-date-picker .main.active .s4-icon-chevron {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
        .s4-single-date-picker .main.active .s4-icon-chevron path {
          fill: #0E5BF3; }
      .s4-single-date-picker .main.active .date-input span {
        color: #0E5BF3; }
      .s4-single-date-picker .main.active:hover {
        border-color: #0E5BF3; }
    .s4-single-date-picker .main:hover {
      border-color: rgba(0, 0, 0, 0.6); }

.s4-date-picker {
  margin-left: -17px;
  margin-top: 4px; }
  .s4-date-picker .s4cal-box-arrow-bottom {
    display: none; }
  .s4-date-picker .s4cal-box-arrow-top:before, .s4-date-picker .s4cal-box-arrow-top:after {
    border: none; }
  .s4-date-picker .s4cal-input {
    border-radius: 8px;
    padding: 8px 16px 16px 16px; }
    .s4-date-picker .s4cal-input .s4cal-timepickers .s4cal-timepicker .s4cal-timepicker-ampm {
      border-color: #0E5BF3;
      color: #0E5BF3; }
      .s4-date-picker .s4cal-input .s4cal-timepickers .s4cal-timepicker .s4cal-timepicker-ampm .s4cal-ampm-selected {
        background-color: #0E5BF3;
        border-color: #0E5BF3; }
        .s4-date-picker .s4cal-input .s4cal-timepickers .s4cal-timepicker .s4cal-timepicker-ampm .s4cal-ampm-selected:hover {
          background: #0E5BF3 !important;
          opacity: .9 !important; }
    .s4-date-picker .s4cal-input .s4cal-calendars {
      height: 349px; }
      .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-title {
        background-color: white;
        color: rgba(0, 0, 0, 0.6);
        font-size: calc(0.57143rem * 2);
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 8px 0px; }
        .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-prev, .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-next {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          height: 30px;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          width: 30px; }
          .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-prev:hover, .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-next:hover {
            background-color: none;
            color: #0E5BF3; }
            .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-prev:hover i, .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-next:hover i {
              color: #0E5BF3;
              z-index: 999; }
              .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-prev:hover i:hover, .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-next:hover i:hover {
                color: #0E5BF3;
                z-index: 999; }
        .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-title span .s4cal-month-switch:hover,
        .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-title span .s4cal-year-switch:hover {
          color: #0E5BF3 !important; }
      .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container {
        border-bottom: 1px solid rgba(0, 0, 0, 0.12);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 0px 0px 16px 0px; }
        .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-today span {
          color: #0E5BF3; }
        .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day,
        .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-not-in-month,
        .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-selected,
        .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-disabled {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          height: 40px;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
        .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-not-in-month.s4cal-selected {
          opacity: 1; }
        .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day {
          border-radius: 5rem; }
          .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-hovered:not(.s4cal-selected).s4cal-hovered-first, .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-hovered:not(.s4cal-selected).s4cal-hovered-last {
            background-color: white;
            border-radius: 1;
            -webkit-box-shadow: none;
            box-shadow: none; }
          .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-start, .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-end, .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-hovered-first, .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-hovered-last {
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            background-color: transparent;
            border: none;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            overflow: hidden; }
            .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-start span, .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-end span, .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-hovered-first span, .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-hovered-last span {
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              background-color: #0E5BF3;
              border-radius: 5rem;
              color: white;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-negative: 0;
                  flex-shrink: 0;
              height: 40px;
              -webkit-box-pack: center;
                  -ms-flex-pack: center;
                      justify-content: center;
              min-height: 100%;
              min-width: 100%;
              width: 40px;
              z-index: 2; }
          .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-start.s4cal-hovered.s4cal-hovered-first {
            background-color: transparent; }
          .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day:hover:not(.s4cal-selected) {
            background-color: white !important; }
            .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day:hover:not(.s4cal-selected) span {
              background-color: white !important;
              color: rgba(0, 0, 0, 0.87) !important; }
          .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day:hover:not(.s4cal-hovered):not(.s4cal-selected) {
            background-color: white;
            border: 1px solid #0E5BF3; }
            .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day:hover:not(.s4cal-hovered):not(.s4cal-selected) span {
              background-color: white; }
      .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-month-selector {
        background-color: white; }
        .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-month-selector .s4cal-ms-month {
          background-color: white;
          border: none;
          -webkit-box-shadow: none;
                  box-shadow: none;
          color: rgba(0, 0, 0, 0.87);
          font-size: calc(0.57143rem * 1.75);
          font-weight: 400; }
        .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-month-selector .s4cal-ms-month:hover {
          background-color: rgba(14, 91, 243, 0.08) !important;
          border-radius: 4px;
          color: rgba(0, 0, 0, 0.87) !important; }
      .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-year-selector {
        background-color: white; }
        .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-year-selector .s4cal-ys-year,
        .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-year-selector .s4cal-ys-year-prev,
        .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-year-selector .s4cal-ys-year-next {
          background-color: white;
          border: none;
          -webkit-box-shadow: none;
                  box-shadow: none;
          color: rgba(0, 0, 0, 0.87);
          font-size: calc(0.57143rem * 1.75);
          font-weight: 400; }
        .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-year-selector .s4cal-ys-year:hover,
        .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-year-selector .s4cal-ys-year-prev:hover,
        .s4-date-picker .s4cal-input .s4cal-calendars .s4cal-year-selector .s4cal-ys-year-next:hover {
          background-color: rgba(14, 91, 243, 0.08) !important;
          border-radius: 4px;
          color: rgba(0, 0, 0, 0.87) !important; }
    .s4-date-picker .s4cal-input .s4cal-footer {
      font-size: calc(0.57143rem * 1.75);
      font-weight: 700;
      padding-top: 16px; }
      .s4-date-picker .s4cal-input .s4cal-footer .s4cal-cancel,
      .s4-date-picker .s4cal-input .s4cal-footer .s4cal-apply {
        border: none;
        height: 40px;
        margin: 0px 0px 0px 8px;
        width: 90px; }
      .s4-date-picker .s4cal-input .s4cal-footer .s4cal-cancel {
        background-color: white;
        color: #0E5BF3;
        text-transform: uppercase; }
        .s4-date-picker .s4cal-input .s4cal-footer .s4cal-cancel:hover {
          cursor: pointer; }
      .s4-date-picker .s4cal-input .s4cal-footer .s4cal-apply {
        background-color: #0E5BF3;
        color: white;
        text-transform: uppercase; }
        .s4-date-picker .s4cal-input .s4cal-footer .s4cal-apply:hover {
          cursor: pointer; }
        .s4-date-picker .s4cal-input .s4cal-footer .s4cal-apply:disabled {
          background: none;
          border: 1px solid rgba(0, 0, 0, 0.38);
          color: rgba(0, 0, 0, 0.38); }
  @media only screen and (max-width: 1024px) {
    .s4-date-picker {
      height: calc(0.57143rem * 5);
      text-align: start; } }

.s4-checkbox {
  -ms-flex-line-pack: center;
      align-content: center;
  display: inline-block;
  position: relative; }
  .s4-checkbox input.hidden {
    cursor: pointer;
    height: 18px;
    left: 3px;
    opacity: 0 !important;
    outline: none;
    position: absolute;
    top: 3px;
    width: 18px;
    z-index: 3; }
  .s4-checkbox .checkmark {
    display: none;
    height: 18px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 18px;
    z-index: 2; }
    .s4-checkbox .checkmark svg {
      left: 1.25px;
      position: absolute;
      top: 3px; }
  .s4-checkbox label {
    cursor: pointer;
    display: inline-block;
    font-size: calc(0.57143rem * 2);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.25px;
    line-height: calc(0.57143rem * 3);
    padding-left: calc(0.57143rem * 4); }
  .s4-checkbox.highlight label {
    font-weight: 700; }
  .s4-checkbox label:before {
    background: #FFFFFF;
    border: 2px solid rgba(0, 0, 0, 0.6);
    border-radius: 3px 3px 3px 3px;
    content: '';
    height: 18px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 18px; }
  .s4-checkbox.error label:before {
    border: 2px solid #B00020; }
  .s4-checkbox label:after {
    border-radius: 50%;
    content: '';
    display: none;
    height: 40px;
    left: -8px;
    position: absolute;
    top: -8px;
    width: 40px; }
  .s4-checkbox input:hover ~ label:after {
    background: rgba(0, 0, 0, 0.04);
    display: block; }
  .s4-checkbox input:active ~ label:after {
    background: rgba(0, 0, 0, 0.1);
    display: block; }
  .s4-checkbox input.add-focus:focus ~ label:after {
    background: rgba(0, 0, 0, 0.12);
    display: block; }
  .s4-checkbox input:checked ~ label:before {
    background: #0E5BF3;
    border-color: #0E5BF3; }
  .s4-checkbox input:checked ~ .checkmark {
    display: block; }
  .s4-checkbox input:checked:hover ~ label:after {
    background: rgba(14, 91, 243, 0.06);
    display: block; }
  .s4-checkbox input:checked:active ~ label:after {
    background: rgba(14, 91, 243, 0.1);
    display: block; }
  .s4-checkbox.disabled {
    opacity: 38%; }
    .s4-checkbox.disabled input.hidden {
      cursor: default; }
    .s4-checkbox.disabled label {
      cursor: default; }
    .s4-checkbox.disabled input:hover ~ label:after {
      display: none; }
    .s4-checkbox.disabled input:active ~ label:after {
      display: none; }
  .s4-checkbox.partially-selected > input:not(:checked) ~ .checkmark {
    display: block; }
    .s4-checkbox.partially-selected > input:not(:checked) ~ .checkmark svg {
      left: 4px;
      position: absolute;
      top: 8px; }
  .s4-checkbox.partially-selected > input ~ label:before {
    background: #0E5BF3;
    border-color: #0E5BF3; }
  .s4-checkbox.partially-selected > input:hover ~ label:after {
    background: rgba(14, 91, 243, 0.06);
    display: block; }
  .s4-checkbox.partially-selected > input:focus ~ label:after {
    background: rgba(14, 91, 243, 0.12);
    display: block; }
  .s4-checkbox.partially-selected > input:active ~ label:after {
    background: rgba(14, 91, 243, 0.1);
    display: block; }

.s4-radio {
  -ms-flex-line-pack: center;
      align-content: center;
  display: inline-block;
  height: 24px;
  position: relative; }
  .s4-radio input.hidden {
    cursor: pointer;
    height: 18px;
    left: 3px;
    opacity: 0;
    outline: none;
    position: absolute;
    top: 3px;
    width: 18px;
    z-index: 3; }
  .s4-radio label {
    color: rgba(0, 0, 0, 0.87);
    cursor: pointer;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.25px;
    line-height: 1.5;
    padding-left: 32px; }
  .s4-radio label:before {
    background: white;
    border-radius: 50%;
    content: '';
    height: 18px;
    left: 3px;
    outline: 2px solid rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 3px;
    width: 18px; }
  .s4-radio label:after {
    border-radius: 50%;
    content: '';
    height: 40px;
    left: -8px;
    opacity: 0;
    position: absolute;
    top: -8px;
    -webkit-transition: background 0.2s ease-out, opacity 0.2s ease-out;
    transition: background 0.2s ease-out, opacity 0.2s ease-out;
    width: 40px; }
  .s4-radio input:hover ~ label:after {
    background: rgba(0, 0, 0, 0.04);
    opacity: 1; }
  .s4-radio input:active ~ label:after {
    background: rgba(0, 0, 0, 0.1);
    opacity: 1; }
  .s4-radio input:focus ~ label:after {
    background: rgba(14, 91, 243, 0.06);
    opacity: 1; }
  .s4-radio input:checked ~ label:before {
    background: #0E5BF3;
    border: 3px solid white;
    outline: 2px solid #0E5BF3; }
  .s4-radio input:checked:hover ~ label:after {
    background: rgba(14, 91, 243, 0.06);
    opacity: 1; }
  .s4-radio input:checked:active ~ label:after {
    background: rgba(14, 91, 243, 0.12);
    opacity: 1; }
  .s4-radio.disabled {
    cursor: not-allowed;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .s4-radio.disabled input:checked ~ label:before {
      background: rgba(14, 91, 243, 0.32);
      outline: 2px solid rgba(14, 91, 243, 0.32); }
    .s4-radio.disabled label {
      color: rgba(0, 0, 0, 0.38); }

.s4-chip {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: #fafafa;
  border: 1px solid transparent;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  gap: 0px;
  left: 20px;
  opacity: 0px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding: 4px 8px 4px 8px;
  top: 20px; }
  .s4-chip:focus, .s4-chip:hover {
    border-color: rgba(0, 0, 0, 0.6); }
  .s4-chip:hover {
    cursor: pointer; }
  .s4-chip:active {
    background-color: rgba(0, 0, 0, 0.1); }
  .s4-chip .icon-wrapper :first-child {
    height: 20px;
    min-height: 20px;
    min-width: 20px;
    width: 20px; }
  .s4-chip .label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    padding: 0px 8px 0px 8px;
    size: 14px; }
    .s4-chip .label .input-text {
      color: rgba(0, 0, 0, 0.87);
      max-width: 245px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      @media only screen and (max-width: 450px) {
        .s4-chip .label .input-text {
          max-width: 225px; } }
    .s4-chip .label .label-text {
      color: rgba(0, 0, 0, 0.6); }
  .s4-chip.disabled {
    background: rgba(0, 0, 0, 0.04); }
    .s4-chip.disabled:hover {
      border-color: transparent;
      cursor: default; }
    .s4-chip.disabled .label .label-text {
      color: rgba(0, 0, 0, 0.38); }
  .s4-chip.dragged {
    background: white;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
            box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
    .s4-chip.dragged .label .label-text {
      color: #0E5BF3; }
    .s4-chip.dragged:hover {
      border-color: transparent; }
  .s4-chip.error {
    background: white;
    border-color: #B00020; }
    .s4-chip.error .label .label-text {
      color: #B00020; }
  .s4-chip.selected {
    border-color: #0E5BF3; }

.s4-removeable-label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  background: #fafafa;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-positive: 0;
      flex-grow: 0;
  gap: 10px;
  height: 76px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  padding: 16px 16px 16px 24px;
  width: 400px;
  z-index: 3; }
  .s4-removeable-label .label .label-text {
    font-weight: bold;
    margin-bottom: 1px; }
  .s4-removeable-label .label .label-subtext {
    font-weight: normal; }

.s4-loader-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 500px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .s4-loader-container .loader-text {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: -10px;
    position: absolute;
    z-index: 2; }
    .s4-loader-container .loader-text svg {
      height: 73.459px;
      width: 42.871px; }
  .s4-loader-container .main-container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .s4-loader-container .main-container svg {
      -webkit-animation: loader 0.5s linear infinite;
              animation: loader 0.5s linear infinite;
      height: 128px;
      width: 128px; }

.s4-progress-wrapper {
  background-color: #090304;
  display: grid;
  height: 215px;
  width: 216px; }
  .s4-progress-wrapper .s4-progress-svg {
    grid-area: 1 / 1 / 8 / 8;
    height: 215px;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    width: 216px;
    z-index: 10; }
  .s4-progress-wrapper .s4-progress-text {
    background-color: #090304;
    color: #FFFFFF;
    font-size: calc(0.57143rem * 7);
    font-weight: bold;
    grid-area: 4 / 4 / 4 / 4;
    z-index: 20; }

.s4-dropdown {
  cursor: pointer;
  position: relative; }
  .s4-dropdown .s4-dropdown-input-container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: white;
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(0.57143rem * 2);
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: calc(0.57143rem * 1) calc(0.57143rem * 2);
    position: relative; }
    .s4-dropdown .s4-dropdown-input-container .s4-dropdown-input-container-label {
      -ms-flex-item-align: start;
          align-self: flex-start;
      color: rgba(0, 0, 0, 0.6);
      font-size: calc(0.57143rem * 1.75);
      letter-spacing: 0.25px;
      line-height: 1.5;
      pointer-events: none;
      position: relative;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .s4-dropdown .s4-dropdown-input-container .s4-dropdown-input-container-label.error {
        color: #B00020; }
    .s4-dropdown .s4-dropdown-input-container.empty-value {
      padding: calc(0.57143rem * 2); }
      .s4-dropdown .s4-dropdown-input-container.empty-value .s4-dropdown-input-container-label {
        font-size: calc(0.57143rem * 2); }
    .s4-dropdown .s4-dropdown-input-container:hover {
      border-color: rgba(0, 0, 0, 0.6); }
    .s4-dropdown .s4-dropdown-input-container .s4-icon-chevron {
      -ms-flex-item-align: center;
          align-self: center;
      -webkit-transition: -webkit-transform 0.2s ease;
      transition: -webkit-transform 0.2s ease;
      transition: transform 0.2s ease;
      transition: transform 0.2s ease, -webkit-transform 0.2s ease; }
      .s4-dropdown .s4-dropdown-input-container .s4-icon-chevron.open {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
    .s4-dropdown .s4-dropdown-input-container.error {
      border-color: #B00020; }
      .s4-dropdown .s4-dropdown-input-container.error .s4-dropdown-input-container-label {
        color: #B00020; }
      .s4-dropdown .s4-dropdown-input-container.error .s4-icon-chevron path {
        fill: #B00020; }
    .s4-dropdown .s4-dropdown-input-container.disabled {
      background: rgba(0, 0, 0, 0.04);
      border-color: transparent;
      cursor: not-allowed;
      pointer-events: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      .s4-dropdown .s4-dropdown-input-container.disabled .s4-dropdown-input-container-label {
        color: rgba(0, 0, 0, 0.38); }
      .s4-dropdown .s4-dropdown-input-container.disabled .s4-icon-chevron path {
        fill: rgba(0, 0, 0, 0.38); }
    .s4-dropdown .s4-dropdown-input-container:focus {
      border-color: #0E5BF3;
      outline: none; }
      .s4-dropdown .s4-dropdown-input-container:focus .s4-dropdown-input-container-text > label {
        color: #0E5BF3; }
      .s4-dropdown .s4-dropdown-input-container:focus .s4-icon-chevron.open path {
        fill: #0E5BF3; }
    .s4-dropdown .s4-dropdown-input-container .s4-dropdown-input-container-text {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      width: 100%; }
    .s4-dropdown .s4-dropdown-input-container .s4-dropdown-selected-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      gap: calc(0.57143rem * 1); }
      .s4-dropdown .s4-dropdown-input-container .s4-dropdown-selected-container .s4-chip {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto; }
  .s4-dropdown .assistive-text {
    color: rgba(0, 0, 0, 0.6);
    font-size: calc(0.57143rem * 1.5);
    letter-spacing: 0.4px;
    line-height: calc(0.57143rem * 2);
    padding-left: calc(0.57143rem * 2);
    padding-top: 4px;
    position: relative; }
    .s4-dropdown .assistive-text.error {
      color: #B00020; }
    .s4-dropdown .assistive-text.disabled {
      color: rgba(0, 0, 0, 0.38); }
  .s4-dropdown .s4-menu-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    max-height: 296px;
    opacity: 0;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transition: opacity 0.2s ease, visibility 0s linear 0.2s, -webkit-transform 0.2s ease;
    transition: opacity 0.2s ease, visibility 0s linear 0.2s, -webkit-transform 0.2s ease;
    transition: transform 0.2s ease, opacity 0.2s ease, visibility 0s linear 0.2s;
    transition: transform 0.2s ease, opacity 0.2s ease, visibility 0s linear 0.2s, -webkit-transform 0.2s ease;
    visibility: hidden;
    width: 100%;
    z-index: -1; }
    .s4-dropdown .s4-menu-container.open {
      opacity: 1;
      -webkit-transform: translateY(0%);
              transform: translateY(0%);
      visibility: visible;
      z-index: 3; }
  .s4-dropdown.no-transition .s4-menu-container {
    -webkit-transition: none;
    transition: none; }
  .s4-dropdown.space-after .s4-menu-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow-y: unset; }
    .s4-dropdown.space-after .s4-menu-container .s4-menu-list {
      max-height: 296px;
      overflow-y: auto; }
    .s4-dropdown.space-after .s4-menu-container.open::after {
      content: "";
      display: inline-block;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      height: calc(0.57143rem * 1.5);
      margin-bottom: calc(calc(0.57143rem * 1.5) * -1);
      width: 100%; }

.s4-dropdown-icon-wrapper {
  color: #000000;
  display: block;
  gap: 10px;
  position: relative;
  width: 100%; }
  .s4-dropdown-icon-wrapper .menu {
    background: white;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    height: auto;
    margin-top: calc(0.57143rem * 1);
    opacity: 1;
    position: absolute;
    -webkit-transition: opacity 0.2s ease, visibility 0s linear 0.2s;
    transition: opacity 0.2s ease, visibility 0s linear 0.2s;
    visibility: visible;
    z-index: 1; }
    .s4-dropdown-icon-wrapper .menu.hidden {
      opacity: 0;
      visibility: hidden; }

.s4-tooltip-block {
  display: inline-block;
  position: relative; }
  .s4-tooltip-block .tooltip-container {
    display: block;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 111; }
  .s4-tooltip-block .tooltip {
    background: rgba(0, 0, 0, 0.87);
    border-radius: 6px;
    color: #FFFFFF;
    display: none;
    font-size: 12px;
    line-height: 16px;
    max-width: 240px;
    overflow-wrap: break-word;
    padding: 4px 12px;
    text-align: left;
    white-space: normal;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content; }
  .s4-tooltip-block .tooltip-container.top {
    bottom: 100%; }
  .s4-tooltip-block .tooltip-container.bottom {
    top: 100%; }
  .s4-tooltip-block svg {
    fill: rgba(0, 0, 0, 0.6);
    margin: 4px;
    vertical-align: middle; }
  .s4-tooltip-block svg:hover ~ .tooltip-container .tooltip {
    display: block; }
  .s4-tooltip-block svg:hover path {
    fill: #0E5BF3;
    fill-opacity: 1; }

.launch-control-fullscreen-display-modal > .content {
  max-height: calc(100vh - 50px) !important;
  padding: 0px !important; }

.launch-control-fullscreen-modal .content.spaced {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.launch-control-fullscreen-modal, .launch-control-fullscreen-display-modal {
  background-color: #FFFFFF;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  left: 0;
  max-height: 100vh;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999; }
  .launch-control-fullscreen-modal.above-other, .launch-control-fullscreen-display-modal.above-other {
    z-index: 10000; }
  .launch-control-fullscreen-modal > .header.top-title, .launch-control-fullscreen-display-modal > .header.top-title {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #090304;
    color: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 56px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    text-align: center; }
  .launch-control-fullscreen-modal > .header h2, .launch-control-fullscreen-display-modal > .header h2 {
    margin: 0 55px; }
  .launch-control-fullscreen-modal > .header .icon, .launch-control-fullscreen-display-modal > .header .icon {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-left: 1px solid #090304;
    color: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px; }
    .launch-control-fullscreen-modal > .header .icon:hover, .launch-control-fullscreen-display-modal > .header .icon:hover {
      color: #FFFFFF; }
  .launch-control-fullscreen-modal .launch-control-top-bar-with-sub, .launch-control-fullscreen-display-modal .launch-control-top-bar-with-sub {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 24px; }
    .launch-control-fullscreen-modal .launch-control-top-bar-with-sub .back-button,
    .launch-control-fullscreen-modal .launch-control-top-bar-with-sub .cancel-button, .launch-control-fullscreen-display-modal .launch-control-top-bar-with-sub .back-button,
    .launch-control-fullscreen-display-modal .launch-control-top-bar-with-sub .cancel-button {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }
      .launch-control-fullscreen-modal .launch-control-top-bar-with-sub .back-button .steps-info,
      .launch-control-fullscreen-modal .launch-control-top-bar-with-sub .cancel-button .steps-info, .launch-control-fullscreen-display-modal .launch-control-top-bar-with-sub .back-button .steps-info,
      .launch-control-fullscreen-display-modal .launch-control-top-bar-with-sub .cancel-button .steps-info {
        color: #090304;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.18px;
        line-height: 28px; }
    .launch-control-fullscreen-modal .launch-control-top-bar-with-sub .subtitle, .launch-control-fullscreen-display-modal .launch-control-top-bar-with-sub .subtitle {
      left: 50%;
      position: absolute;
      text-align: center;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
      @media only screen and (min-width: 1400px) {
        .launch-control-fullscreen-modal .launch-control-top-bar-with-sub .subtitle, .launch-control-fullscreen-display-modal .launch-control-top-bar-with-sub .subtitle {
          white-space: nowrap; } }
  .launch-control-fullscreen-modal .launch-control-top-bar, .launch-control-fullscreen-display-modal .launch-control-top-bar {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    padding: 24px; }
    .launch-control-fullscreen-modal .launch-control-top-bar .header, .launch-control-fullscreen-display-modal .launch-control-top-bar .header {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
          -ms-flex: 1 0 0px;
              flex: 1 0 0;
      gap: 10px; }
      .launch-control-fullscreen-modal .launch-control-top-bar .header .steps-info, .launch-control-fullscreen-display-modal .launch-control-top-bar .header .steps-info {
        color: #090304;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.18px;
        line-height: 28px; }
  .launch-control-fullscreen-modal > .error-message, .launch-control-fullscreen-modal .success-message, .launch-control-fullscreen-display-modal > .error-message, .launch-control-fullscreen-display-modal .success-message {
    border-radius: 0;
    font-weight: 800;
    margin: 0;
    padding: .5714285em;
    text-align: center; }
  .launch-control-fullscreen-modal > .content, .launch-control-fullscreen-display-modal > .content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow-y: auto; }
    .launch-control-fullscreen-modal > .content .fullscreen-modal-iframe, .launch-control-fullscreen-display-modal > .content .fullscreen-modal-iframe {
      height: 100%;
      overflow: hidden;
      padding-top: 56.25%;
      position: relative;
      /* 4x3 Aspect Ratio for ole timey monitors */ }
      .launch-control-fullscreen-modal > .content .fullscreen-modal-iframe iframe, .launch-control-fullscreen-display-modal > .content .fullscreen-modal-iframe iframe {
        border: 0;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%; }
      .launch-control-fullscreen-modal > .content .fullscreen-modal-iframe .fullscreen-modal-iframe-4x3, .launch-control-fullscreen-display-modal > .content .fullscreen-modal-iframe .fullscreen-modal-iframe-4x3 {
        padding-top: 75%; }
    .launch-control-fullscreen-modal > .content > .content.spaced, .launch-control-fullscreen-display-modal > .content > .content.spaced {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .launch-control-fullscreen-modal > .content .button-section, .launch-control-fullscreen-display-modal > .content .button-section {
      border-top: 1px solid rgba(0, 0, 0, 0.12);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: calc(0.57143rem * 2);
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      padding: calc(0.57143rem * 2);
      width: 100%; }
      .launch-control-fullscreen-modal > .content .button-section .s4-button, .launch-control-fullscreen-display-modal > .content .button-section .s4-button {
        width: 340px; }
  .launch-control-fullscreen-modal.info-module > .content, .launch-control-fullscreen-display-modal.info-module > .content {
    max-height: unset; }
  .launch-control-fullscreen-modal.justify-flex-start > .content, .launch-control-fullscreen-display-modal.justify-flex-start > .content {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .launch-control-fullscreen-modal.error > .content, .launch-control-fullscreen-display-modal.error > .content {
    max-height: calc(100vh - 162px); }
  .launch-control-fullscreen-modal > .actions, .launch-control-fullscreen-display-modal > .actions {
    border-top: 1px solid #e5e5e5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding: 0 10px; }
    .launch-control-fullscreen-modal > .actions .ui.button, .launch-control-fullscreen-display-modal > .actions .ui.button {
      margin: 20px 10px;
      min-width: 120px; }
      .launch-control-fullscreen-modal > .actions .ui.button.left-action, .launch-control-fullscreen-display-modal > .actions .ui.button.left-action {
        margin-right: auto; }

@media only screen and (max-width: 767px) {
  .launch-control-fullscreen-modal {
    overflow: auto; }
    .launch-control-fullscreen-modal .content .button-section {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
      gap: calc(0.57143rem * 1);
      padding: calc(0.57143rem * 3); }
      .launch-control-fullscreen-modal .content .button-section .s4-button {
        width: 100%; }
      .launch-control-fullscreen-modal .content .button-section.gap {
        padding: calc(0.57143rem * 3); }
  .launch-control-fullscreen-modal > .content {
    max-height: none; }
    .launch-control-fullscreen-modal > .content .ui.form.grid.padded.stackable h2.header {
      margin-left: 0 !important; }
  .launch-control-fullscreen-modal.info-module > .content .info-modal-content {
    padding: 0 calc(0.57143rem * 3) calc(0.57143rem * 3) calc(0.57143rem * 3); }
  .launch-control-fullscreen-modal.info-module > .content .button-section {
    padding: calc(0.57143rem * 3); }
  .launch-control-fullscreen-modal > .actions {
    border-top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 10px; }
    .launch-control-fullscreen-modal > .actions > .ui.button {
      margin: 10px 0;
      width: 100%; }
      .launch-control-fullscreen-modal > .actions > .ui.button.left-action {
        margin-right: 0; } }

.launch-control-fullscreen-modal.light-modal {
  background-color: #fafafa; }
  .launch-control-fullscreen-modal.light-modal > .header.top-title {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #FFFFFF;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
    color: rgba(0, 0, 0, 0.87);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 16px;
    text-align: left; }
    .launch-control-fullscreen-modal.light-modal > .header.top-title h2 {
      margin: 0 auto 0 0; }
    .launch-control-fullscreen-modal.light-modal > .header.top-title i {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-color: rgba(0, 0, 0, 0.04);
      border: none;
      border-radius: 100%;
      color: rgba(0, 0, 0, 0.6);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 40px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-left: auto;
      position: relative;
      width: 40px; }

.s4-menu-container .s4-menu-list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%; }
  .s4-menu-container .s4-menu-list.menu-block li:not(:last-child) {
    margin-bottom: calc(0.57143rem * 2); }

.s4-menu-container.menu-dropdown {
  background: white;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
          box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
  .s4-menu-container.menu-dropdown .s4-menu-list {
    padding: calc(0.57143rem * 1) 0; }

.s4-menu-container .s4-menu-list-item-description {
  color: rgba(0, 0, 0, 0.6);
  font-size: calc(0.57143rem * 1.75); }

.s4-menu-container .s4-menu-list-item {
  color: rgba(0, 0, 0, 0.87);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: calc(0.57143rem * 2);
  letter-spacing: 0.25px;
  line-height: 1.5;
  padding: calc(0.57143rem * 1) calc(0.57143rem * 2);
  -webkit-transition: background-color 0.3s border-color 0.3s ease-out;
  transition: background-color 0.3s border-color 0.3s ease-out; }
  .s4-menu-container .s4-menu-list-item.checkbox .s4-menu-list-item-description {
    padding-left: calc(0.57143rem * 4); }
  .s4-menu-container .s4-menu-list-item.highlight label {
    font-weight: 700; }
  .s4-menu-container .s4-menu-list-item:hover {
    background-color: rgba(14, 91, 243, 0.06); }
    .s4-menu-container .s4-menu-list-item:hover .s4-checkbox input:hover ~ label:after {
      background: rgba(14, 91, 243, 0.06); }
    @media only screen and (max-width: 767px) {
      .s4-menu-container .s4-menu-list-item:hover.s4-select-all {
        background-color: rgba(14, 91, 243, 0); }
        .s4-menu-container .s4-menu-list-item:hover.s4-select-all .s4-checkbox input ~ label:after {
          background: none; } }
  .s4-menu-container .s4-menu-list-item.disabled {
    color: rgba(0, 0, 0, 0.38);
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .s4-menu-container .s4-menu-list-item.selected, .s4-menu-container .s4-menu-list-item.selected.s4-select-all {
    background-color: rgba(14, 91, 243, 0.08); }
  .s4-menu-container .s4-menu-list-item.menu-block {
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-radius: 8px;
    padding: calc(0.57143rem * 2); }
    .s4-menu-container .s4-menu-list-item.menu-block .s4-menu-list-item-description {
      padding-left: calc(0.57143rem * 4); }
    .s4-menu-container .s4-menu-list-item.menu-block.selected {
      border-color: #0E5BF3; }

.s4-menu-container .action-buttons {
  border-top: 1px solid rgba(0, 0, 0, 0.16);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: calc(0.57143rem * 2); }
  .s4-menu-container .action-buttons .ui.button.v2.text {
    margin-right: calc(0.57143rem * 2); }

.s4-upload-wrapper {
  width: 100%; }
  .s4-upload-wrapper .file-upload {
    background-color: #fafafa;
    border: none;
    border-radius: 10px;
    -webkit-box-shadow: none;
            box-shadow: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0;
    padding: 0;
    width: 100%; }
    .s4-upload-wrapper .file-upload .inner-section {
      padding: 16px; }
      .s4-upload-wrapper .file-upload .inner-section p {
        display: block;
        font-style: normal;
        line-height: 1.5;
        margin: 0;
        padding: 0;
        text-align: left; }
        .s4-upload-wrapper .file-upload .inner-section p.title {
          color: rgba(0, 0, 0, 0.87);
          font-size: 1.14286rem;
          font-weight: 700;
          letter-spacing: 0.15px; }
        .s4-upload-wrapper .file-upload .inner-section p.description {
          color: #000000;
          font-size: 1rem;
          font-weight: 400;
          letter-spacing: 0.25px; }
      .s4-upload-wrapper .file-upload .inner-section .mobile-spacing {
        height: calc(0.57143rem * 2); }
      .s4-upload-wrapper .file-upload .inner-section .error-message p {
        display: inline;
        margin-top: 1em; }
      .s4-upload-wrapper .file-upload .inner-section .error-message i.close {
        position: absolute;
        right: 1em; }
      .s4-upload-wrapper .file-upload .inner-section .file-section {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        border: none;
        border-radius: 8px;
        -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
                box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        gap: 8px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin: 16px 0;
        padding: 8px 16px;
        width: 100%; }
        .s4-upload-wrapper .file-upload .inner-section .file-section .flex-container {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          .s4-upload-wrapper .file-upload .inner-section .file-section .flex-container .url {
            color: #0E5BF3;
            font-size: 1.14286rem;
            font-style: normal;
            font-weight: 400;
            letter-spacing: 0.25px;
            line-height: 1.5;
            word-break: break-word; }
        .s4-upload-wrapper .file-upload .inner-section .file-section .delete-button {
          height: 24px;
          min-height: 14px;
          min-width: 14px;
          width: 24px; }
          .s4-upload-wrapper .file-upload .inner-section .file-section .delete-button svg {
            display: block;
            height: 18px;
            text-align: center;
            width: 14px; }
        .s4-upload-wrapper .file-upload .inner-section .file-section.preview {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          padding: 8px 0 0 0; }
          .s4-upload-wrapper .file-upload .inner-section .file-section.preview .flex-container {
            display: none; }
          .s4-upload-wrapper .file-upload .inner-section .file-section.preview .delete-button {
            display: block;
            height: auto;
            margin-left: auto;
            margin-right: 16px;
            width: 14px; }
      .s4-upload-wrapper .file-upload .inner-section .image-preview {
        margin-bottom: -6px; }
        .s4-upload-wrapper .file-upload .inner-section .image-preview img {
          border-bottom-left-radius: 8px;
          border-bottom-right-radius: 8px;
          width: 100%; }
      .s4-upload-wrapper .file-upload .inner-section .upload-section {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background-color: rgba(0, 0, 0, 0.04);
        border: none;
        border-radius: 8px;
        -webkit-box-shadow: none;
                box-shadow: none;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin: 16px 0;
        padding: 64px 48px; }
        .s4-upload-wrapper .file-upload .inner-section .upload-section.hover {
          background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='rgba(0, 0, 0, 0.60)' stroke-width='5' stroke-dasharray='6%2c 14' stroke-dashoffset='30' stroke-linecap='square'/%3e%3c/svg%3e"); }
        .s4-upload-wrapper .file-upload .inner-section .upload-section.disabled {
          opacity: 0.4;
          pointer-events: none; }
        .s4-upload-wrapper .file-upload .inner-section .upload-section .drag-section svg {
          display: inline;
          fill: rgba(0, 0, 0, 0.6);
          height: 20px;
          margin-top: 1px;
          position: absolute; }
        .s4-upload-wrapper .file-upload .inner-section .upload-section .drag-section p {
          color: rgba(0, 0, 0, 0.87);
          display: inline;
          font-size: 1.14286rem;
          font-style: normal;
          font-weight: 400;
          letter-spacing: 0.25px;
          line-height: 1.5;
          margin: 0;
          padding: 0 0 0 28px; }
      .s4-upload-wrapper .file-upload .inner-section .upload-button {
        border: 1px solid #0E5BF3;
        color: #0E5BF3;
        width: 100%; }
  @media only screen and (max-width: 767px) {
    .s4-upload-wrapper .generic-file-upload {
      padding-top: 0; }
      .s4-upload-wrapper .generic-file-upload .inner-section {
        padding: 8px; }
        .s4-upload-wrapper .generic-file-upload .inner-section .title {
          font-size: 1.14286rem !important;
          padding: 8px 0; }
        .s4-upload-wrapper .generic-file-upload .inner-section .file-section .url {
          font-size: 1.14286rem;
          margin-right: 7px;
          overflow: hidden; }
        .s4-upload-wrapper .generic-file-upload .inner-section .error-message p {
          display: block; }
        .s4-upload-wrapper .generic-file-upload .inner-section .upload-section .drag-section {
          font-size: 1.14286rem; } }

.s4-alert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 8px;
  letter-spacing: 0.25px;
  padding: 8px 16px; }
  .s4-alert .s4-alert-icon {
    height: 20px;
    width: 20px; }
  .s4-alert.notification {
    background: rgba(246, 167, 53, 0.08); }
  .s4-alert.error {
    background: rgba(176, 0, 32, 0.08); }
  .s4-alert.success {
    background: rgba(70, 168, 46, 0.08); }
  .s4-alert.info {
    background: rgba(14, 91, 243, 0.12); }
  .s4-alert.neutral {
    background: #fafafa; }
    .s4-alert.neutral .s4-alert-icon svg path {
      fill: rgba(0, 0, 0, 0.6); }

.s4-dropdown-wrapper {
  color: #000000;
  display: block;
  gap: 10px;
  position: relative;
  width: 100%; }
  .s4-dropdown-wrapper .s4-dropdown-input-container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: white;
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-weight: normal;
    gap: 8px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-height: 56px;
    padding: 16px;
    position: relative;
    width: 100%; }
    .s4-dropdown-wrapper .s4-dropdown-input-container:hover {
      border-color: rgba(0, 0, 0, 0.38); }
    .s4-dropdown-wrapper .s4-dropdown-input-container .s4-dropdown-input-container-label {
      color: rgba(0, 0, 0, 0.6);
      font-weight: normal; }
      .s4-dropdown-wrapper .s4-dropdown-input-container .s4-dropdown-input-container-label.small {
        font-size: 0.85714rem;
        top: 5px; }
    .s4-dropdown-wrapper .s4-dropdown-input-container:focus-within {
      border: 1px solid #0E5BF3;
      color: #0E5BF3;
      outline: none;
      /* Ensure no default Safari outline */ }
    .s4-dropdown-wrapper .s4-dropdown-input-container:focus-visible {
      outline: none;
      /* Ensure no default Safari outline */ }
    .s4-dropdown-wrapper .s4-dropdown-input-container.error:focus-within {
      border: 1px solid #B00020;
      outline: none; }
    .s4-dropdown-wrapper .s4-dropdown-input-container .s4-icon-chevron svg {
      -webkit-transition: -webkit-transform 0.2s ease;
      transition: -webkit-transform 0.2s ease;
      transition: transform 0.2s ease;
      transition: transform 0.2s ease, -webkit-transform 0.2s ease; }
    .s4-dropdown-wrapper .s4-dropdown-input-container .s4-icon-chevron.open {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
  .s4-dropdown-wrapper.rounded .s4-dropdown-input-container {
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 8px; }
    .s4-dropdown-wrapper.rounded .s4-dropdown-input-container > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      gap: 8px;
      padding: 0 8px; }
  .s4-dropdown-wrapper .menu {
    background: white;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    display: block;
    font-weight: normal;
    height: auto;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    margin-top: calc(0.57143rem * 1);
    max-height: 296px;
    opacity: 1;
    overflow-y: auto;
    position: absolute;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: top center;
            transform-origin: top center;
    -webkit-transition: opacity 0.2s ease, visibility 0s linear 0.2s, -webkit-transform 0.2s ease;
    transition: opacity 0.2s ease, visibility 0s linear 0.2s, -webkit-transform 0.2s ease;
    transition: transform 0.2s ease, opacity 0.2s ease, visibility 0s linear 0.2s;
    transition: transform 0.2s ease, opacity 0.2s ease, visibility 0s linear 0.2s, -webkit-transform 0.2s ease;
    visibility: visible;
    width: 100%;
    z-index: 2; }
    .s4-dropdown-wrapper .menu.hidden {
      display: none;
      opacity: 0;
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%);
      visibility: hidden;
      z-index: -1; }
  .s4-dropdown-wrapper .assistive-text {
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.85714rem;
    padding: 4px 0 0 calc(0.57143rem * 2); }
  .s4-dropdown-wrapper.disabled {
    color: rgba(0, 0, 0, 0.38);
    pointer-events: none; }
    .s4-dropdown-wrapper.disabled .s4-dropdown-input-container {
      background-color: rgba(0, 0, 0, 0.04); }
    .s4-dropdown-wrapper.disabled .s4-icon-chevron path {
      fill: rgba(0, 0, 0, 0.38); }
  .s4-dropdown-wrapper.error {
    color: #B00020; }
    .s4-dropdown-wrapper.error .s4-dropdown-input-container {
      border: 1px solid #B00020; }
      .s4-dropdown-wrapper.error .s4-dropdown-input-container .s4-dropdown-input-container-label {
        color: #B00020; }
      .s4-dropdown-wrapper.error .s4-dropdown-input-container .s4-icon-chevron path {
        fill: #B00020; }
    .s4-dropdown-wrapper.error .menu {
      -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
              box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
      color: #000000; }
    .s4-dropdown-wrapper.error .assistive-text {
      color: #B00020; }
  .s4-dropdown-wrapper.space-after.active .menu {
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow-y: unset; }
    .s4-dropdown-wrapper.space-after.active .menu .s4-menu-list {
      max-height: 296px;
      overflow-y: auto; }
    .s4-dropdown-wrapper.space-after.active .menu::after {
      content: "";
      display: inline-block;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      height: calc(0.57143rem * 1.5);
      margin-bottom: calc(calc(0.57143rem * 1.5) * -1);
      width: 100%; }
  .s4-dropdown-wrapper.active .s4-dropdown-input-container {
    border: #0E5BF3 solid 1px;
    color: #0E5BF3;
    outline: unset; }
    .s4-dropdown-wrapper.active .s4-dropdown-input-container .s4-dropdown-input-container-label {
      color: #0E5BF3; }
    .s4-dropdown-wrapper.active .s4-dropdown-input-container .s4-icon-chevron path {
      fill: #0E5BF3; }
    .s4-dropdown-wrapper.active .s4-dropdown-input-container .s4-icon-chevron svg {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    .s4-dropdown-wrapper.active .s4-dropdown-input-container:hover {
      border: 1px solid #0E5BF3; }

.launch-control-card {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: #0E5BF3;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 640px;
  max-height: 640px;
  max-width: 480px;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .launch-control-card {
      height: auto;
      max-height: 800px; } }
  .launch-control-card .badge {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: rgba(14, 91, 243, 0.08);
    border-radius: 99px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    padding: 2px 6px; }
    .launch-control-card .badge .badge-icon {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      border-radius: 99px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 10px;
      height: 8px;
      width: 8px; }
    .launch-control-card .badge .pending,
    .launch-control-card .badge .skipped,
    .launch-control-card .badge .submitted,
    .launch-control-card .badge .not-submitted,
    .launch-control-card .badge .ready-for-review,
    .launch-control-card .badge .waiting-for-menu, .launch-control-card .badge .in-progress {
      background: #F6A735; }
    .launch-control-card .badge .completed {
      background: #46A82E; }
    .launch-control-card .badge .badge-text {
      color: rgba(0, 0, 0, 0.87);
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0.4px;
      line-height: 16px;
      text-align: center; }
  .launch-control-card .card-progress {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    min-height: 80px;
    padding: 16px 16px 32px 16px; }
    .launch-control-card .card-progress .badge {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background: rgba(14, 91, 243, 0.08);
      border-radius: 99px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: calc(0.57143rem * 1.25);
      padding: 2px 6px; }
      .launch-control-card .card-progress .badge .badge-icon {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        border-radius: 99px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: calc(0.57143rem * 1.25);
        height: calc(0.57143rem * 1);
        width: calc(0.57143rem * 1); }
      .launch-control-card .card-progress .badge .pending,
      .launch-control-card .card-progress .badge .skipped,
      .launch-control-card .card-progress .badge .waiting-on-menu {
        background: #F6A735; }
      .launch-control-card .card-progress .badge .complete {
        background: #46A82E; }
      .launch-control-card .card-progress .badge .badge-text {
        color: rgba(0, 0, 0, 0.87);
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.4px;
        line-height: 16px;
        text-align: center; }
    .launch-control-card .card-progress .progress-icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .launch-control-card .card-content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    padding: 0px 48px; }
    .launch-control-card .card-content .card-title .card-title-header {
      color: rgba(0, 0, 0, 0.87);
      font-size: 24px;
      font-weight: 700;
      /* 116.667% */
      letter-spacing: 0.18px;
      line-height: 28px;
      text-align: center; }
    .launch-control-card .card-content .card-title .card-title-extra {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-item-align: stretch;
          align-self: stretch;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 8px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-top: 12px; }
      .launch-control-card .card-content .card-title .card-title-extra .required-part {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        background: rgba(14, 91, 243, 0.08);
        border-radius: 99px;
        color: rgba(0, 0, 0, 0.87);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
            -ms-flex: 0;
                flex: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        /* Caption/Regular */
        font-size: 12px;
        font-weight: 400;
        gap: 10px;
        /* 133.333% */
        letter-spacing: 0.4px;
        line-height: 16px;
        padding: 4px 8px;
        text-align: center; }
      .launch-control-card .card-content .card-title .card-title-extra .steps-part {
        color: rgba(0, 0, 0, 0.87);
        /* Body 2 */
        font-size: 14px;
        font-weight: 400;
        /* 142.857% */
        letter-spacing: 0.25px;
        line-height: 20px; }
    .launch-control-card .card-content .card-image {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-item-align: stretch;
          align-self: stretch;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 10px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .launch-control-card .card-content .card-image img {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 240px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 240px; }
    .launch-control-card .card-content .card-subtitle {
      color: rgba(0, 0, 0, 0.87);
      /* Body 1 */
      font-size: 16px;
      font-weight: 400;
      /* 150% */
      letter-spacing: 0.25px;
      line-height: 24px;
      text-align: center; }
    .launch-control-card .card-content .banner-frame {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-item-align: stretch;
          align-self: stretch;
      background: rgba(255, 255, 255, 0.08);
      border-radius: 8px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-top: 18px;
      padding: 16px;
      text-align: center; }
      .launch-control-card .card-content .banner-frame .banner-frame-title {
        color: #FFFFFF;
        font-weight: 700;
        letter-spacing: 0.1px;
        margin: 0; }
      .launch-control-card .card-content .banner-frame .banner-frame-content {
        color: #FFFFFF;
        font-weight: 400;
        letter-spacing: 0.25px;
        margin: 0; }
  .launch-control-card .card-button {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 32px 48px 48px 48px; }
    .launch-control-card .card-button .start-button {
      margin: 0 auto;
      width: 118px; }
  .launch-control-card.banner {
    background: #090304 !important; }
    .launch-control-card.banner .card-content .card-title .card-title-header {
      color: #FFFFFF; }
    .launch-control-card.banner .card-content .card-title .banner-subtitle {
      color: #FFFFFF;
      font-size: calc(0.57143rem * 2);
      padding-bottom: 1.5em;
      text-align: center; }
    .launch-control-card.banner .card-content .card-subtitle {
      color: #FFFFFF; }
  .launch-control-card.default {
    background: rgba(0, 0, 0, 0.04);
    border: 1px solid transparent;
    -webkit-transition: border-color 250ms ease;
    transition: border-color 250ms ease; }
    .launch-control-card.default:hover {
      border-color: rgba(0, 0, 0, 0.87); }
  .launch-control-card.notification {
    background: #FFFFFF !important;
    border: 1px solid black;
    gap: 16px;
    min-width: 240px;
    width: 240px; }
    .launch-control-card.notification .notification-header {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      padding-right: 32px;
      padding-top: 16px;
      width: 100%; }
    .launch-control-card.notification .notification-content {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 14px;
      font-weight: 700;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      letter-spacing: 0.25px;
      line-height: 20px;
      padding-left: 10%;
      padding-right: 10%;
      width: 100%; }
  .launch-control-card.disabled {
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.12); }
    .launch-control-card.disabled .progress-icon {
      opacity: 0.5; }
    .launch-control-card.disabled .card-content {
      opacity: 0.5; }
    .launch-control-card.disabled .card-button {
      opacity: 0.5; }
      .launch-control-card.disabled .card-button .start-button {
        background: #FFFFFF;
        border: 1px solid rgba(0, 0, 0, 0.87);
        color: #000000;
        opacity: 0.5; }
        .launch-control-card.disabled .card-button .start-button img {
          -webkit-filter: brightness(0);
                  filter: brightness(0); }
  .launch-control-card.selected {
    background: #FFFFFF;
    border: 1px solid #0E5BF3;
    -webkit-transition: background 250ms ease;
    transition: background 250ms ease; }
    .launch-control-card.selected:hover {
      background: rgba(14, 91, 243, 0.06); }
    .launch-control-card.selected .card-button .start-button {
      background: #0E5BF3;
      color: #FFFFFF; }
      .launch-control-card.selected .card-button .start-button img {
        -webkit-filter: brightness(0) invert(1);
                filter: brightness(0) invert(1); }

/* stylelint-disable no-descending-specificity */
.s4-textfield {
  height: 5em;
  position: relative;
  width: 100%; }
  .s4-textfield label {
    color: rgba(0, 0, 0, 0.6);
    font-size: calc(0.57143rem * 2);
    font-style: normal;
    font-weight: 400;
    left: calc(0.57143rem * 2);
    line-height: calc(0.57143rem * 3);
    pointer-events: none;
    position: relative;
    top: calc(0.57143rem * 2);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .s4-textfield label.disabled {
      color: rgba(0, 0, 0, 0.38); }
    .s4-textfield label.error {
      color: #B00020; }
  .s4-textfield input, .s4-textfield textarea {
    background: white;
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-radius: 4px;
    font-size: calc(0.57143rem * 2);
    font-weight: 400;
    height: 56px;
    line-height: 20px;
    padding: 28px calc(0.57143rem * 2) calc(0.57143rem * 1) 15px;
    position: absolute;
    width: 100%; }
    .s4-textfield input::-webkit-contacts-auto-fill-button, .s4-textfield textarea::-webkit-contacts-auto-fill-button {
      visibility: hidden; }
    .s4-textfield input.error, .s4-textfield textarea.error {
      border: 1px solid #B00020; }
    .s4-textfield input:disabled, .s4-textfield textarea:disabled {
      background-color: rgba(0, 0, 0, 0.04);
      border: 1px solid rgba(0, 0, 0, 0.04); }
    .s4-textfield input:hover, .s4-textfield textarea:hover {
      border: 1px solid rgba(0, 0, 0, 0.6); }
    .s4-textfield input:focus, .s4-textfield input:focus-within, .s4-textfield input:focus-visible, .s4-textfield textarea:focus, .s4-textfield textarea:focus-within, .s4-textfield textarea:focus-visible {
      border: 1px solid #0E5BF3;
      outline: unset; }
      .s4-textfield input:focus + label, .s4-textfield input:focus-within + label, .s4-textfield input:focus-visible + label, .s4-textfield textarea:focus + label, .s4-textfield textarea:focus-within + label, .s4-textfield textarea:focus-visible + label {
        color: #0E5BF3; }
    .s4-textfield input.error:focus, .s4-textfield input.error:focus-visible, .s4-textfield textarea.error:focus, .s4-textfield textarea.error:focus-visible {
      border: 1px solid #B00020;
      outline: unset; }
      .s4-textfield input.error:focus + label, .s4-textfield input.error:focus-visible + label, .s4-textfield textarea.error:focus + label, .s4-textfield textarea.error:focus-visible + label {
        color: #B00020; }
    .s4-textfield input:-moz-read-only, .s4-textfield textarea:-moz-read-only {
      background-color: rgba(0, 0, 0, 0.04);
      border: 1px solid rgba(0, 0, 0, 0.04);
      color: rgba(0, 0, 0, 0.38); }
    .s4-textfield input:read-only, .s4-textfield textarea:read-only {
      background-color: rgba(0, 0, 0, 0.04);
      border: 1px solid rgba(0, 0, 0, 0.04);
      color: rgba(0, 0, 0, 0.38); }
      .s4-textfield input:-moz-read-only:focus, .s4-textfield input:-moz-read-only:focus-visible, .s4-textfield textarea:-moz-read-only:focus, .s4-textfield textarea:-moz-read-only:focus-visible {
        border: 1px solid rgba(0, 0, 0, 0.04);
        outline: unset; }
      .s4-textfield input:read-only:focus, .s4-textfield input:read-only:focus-visible, .s4-textfield textarea:read-only:focus, .s4-textfield textarea:read-only:focus-visible {
        border: 1px solid rgba(0, 0, 0, 0.04);
        outline: unset; }
        .s4-textfield input:-moz-read-only:focus + label, .s4-textfield input:-moz-read-only:focus-visible + label, .s4-textfield textarea:-moz-read-only:focus + label, .s4-textfield textarea:-moz-read-only:focus-visible + label {
          color: rgba(0, 0, 0, 0.6); }
        .s4-textfield input:read-only:focus + label, .s4-textfield input:read-only:focus-visible + label, .s4-textfield textarea:read-only:focus + label, .s4-textfield textarea:read-only:focus-visible + label {
          color: rgba(0, 0, 0, 0.6); }
    .s4-textfield input:not(:placeholder-shown) + label, .s4-textfield textarea:not(:placeholder-shown) + label {
      font-size: calc(0.57143rem * 1.75);
      font-style: normal;
      font-weight: 400;
      top: calc(0.57143rem * 1); }
    .s4-textfield input:not(:placeholder-shown) input, .s4-textfield textarea:not(:placeholder-shown) input {
      line-height: calc(0.57143rem * 2.5); }
    .s4-textfield input:autofill, .s4-textfield textarea:autofill {
      /* stylelint-disable-line selector-pseudo-class-no-unknown*/ }
      .s4-textfield input:autofill + label, .s4-textfield textarea:autofill + label {
        font-size: calc(0.57143rem * 1.75);
        font-style: normal;
        font-weight: 400;
        line-height: calc(0.57143rem * 2.5);
        top: calc(0.57143rem * 1); }
      .s4-textfield input:autofill input, .s4-textfield textarea:autofill input {
        padding-top: 25px; }
    .s4-textfield input:-webkit-autofill:focus, .s4-textfield textarea:-webkit-autofill:focus {
      background-color: white !important; }
  .s4-textfield:focus-within input {
    line-height: calc(0.57143rem * 2.5); }
  .s4-textfield:focus-within label {
    font-size: calc(0.57143rem * 1.75);
    font-style: normal;
    font-weight: 400;
    top: calc(0.57143rem * 1); }
    .s4-textfield:focus-within label.error {
      color: #B00020; }
  .s4-textfield:focus-within .assistive-text {
    color: #0E5BF3; }
  .s4-textfield:has(.input-leading-icon) label {
    left: 45px; }
  .s4-textfield:has(.input-leading-icon) input {
    padding-left: 45px; }
  .s4-textfield:has(> .input-trailing-icon) input {
    padding-right: 45px; }
  .s4-textfield .input-leading-icon, .s4-textfield .input-trailing-icon {
    height: calc(0.57143rem * 3);
    top: calc(0.57143rem * 2);
    width: calc(0.57143rem * 3);
    z-index: 1; }
  .s4-textfield .input-leading-icon {
    left: calc(0.57143rem * 2);
    position: absolute; }
  .s4-textfield .input-trailing-icon {
    float: right;
    position: relative;
    right: calc(0.57143rem * 2); }
  .s4-textfield .assistive-text {
    font-size: calc(0.57143rem * 1.5);
    letter-spacing: 0.4px;
    padding: 4px 0 0 calc(0.57143rem * 2);
    position: relative;
    text-align: left;
    top: 2.3em;
    z-index: 1; }
    .s4-textfield .assistive-text.error {
      color: #B00020; }
    .s4-textfield .assistive-text.disabled {
      color: rgba(0, 0, 0, 0.38); }
  .s4-textfield.assistive-text-relative {
    height: auto; }
    .s4-textfield.assistive-text-relative .s4-input-container {
      height: 56px; }
    .s4-textfield.assistive-text-relative .assistive-text {
      top: 0; }
  .s4-textfield textarea.expanding-text-area {
    overflow: hidden;
    resize: none; }

.s4-searchfield {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: calc(0.57143rem * 1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .s4-searchfield .input-leading-icon {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: calc(0.57143rem * 1); }
    .s4-searchfield .input-leading-icon svg path {
      fill: rgba(0, 0, 0, 0.6); }
  .s4-searchfield:hover {
    border-color: rgba(0, 0, 0, 0.6); }
  .s4-searchfield:focus-within {
    border-color: #0E5BF3; }
    .s4-searchfield:focus-within .input-leading-icon svg path {
      fill: #0E5BF3; }
  .s4-searchfield.empty {
    background-color: rgba(0, 0, 0, 0.04);
    border-color: transparent; }
    .s4-searchfield.empty:hover {
      border-color: rgba(0, 0, 0, 0.6); }
    .s4-searchfield.empty:focus-within {
      border-color: rgba(0, 0, 0, 0.6); }
      .s4-searchfield.empty:focus-within .input-leading-icon svg path {
        fill: rgba(0, 0, 0, 0.6); }
  .s4-searchfield .s4-circular-button {
    background-color: rgba(0, 0, 0, 0.6);
    height: 20px;
    margin-left: auto;
    min-height: 20px;
    min-width: 20px;
    width: 20px; }
    .s4-searchfield .s4-circular-button:hover {
      -webkit-filter: brightness(1.2);
              filter: brightness(1.2); }
  .s4-searchfield input {
    background: transparent;
    border: none;
    font-size: calc(0.57143rem * 2);
    font-style: normal;
    font-weight: 400;
    height: 100%;
    letter-spacing: 0.25px;
    line-height: 20px;
    padding: 0;
    position: relative; }
    .s4-searchfield input::-ms-input-placeholder {
      /* Edge 12 -18 */
      color: rgba(0, 0, 0, 0.87); }
    .s4-searchfield input::-webkit-input-placeholder {
      color: rgba(0, 0, 0, 0.87); }
    .s4-searchfield input::-moz-placeholder {
      color: rgba(0, 0, 0, 0.87); }
    .s4-searchfield input::placeholder {
      color: rgba(0, 0, 0, 0.87); }
    .s4-searchfield input:focus {
      outline: none; }

.slider-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(0.57143rem * 1);
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%; }
  .slider-container .slider-svg {
    height: calc(0.57143rem * 5);
    width: 100%; }

.s4-snackbar-container {
  display: none;
  padding: 16px;
  position: fixed;
  right: 10px;
  top: 54px;
  width: 459px;
  z-index: 9999; }
  .s4-snackbar-container.active {
    display: block; }
  @media only screen and (max-width: 470px) {
    .s4-snackbar-container {
      width: calc(100% - 12px); } }
  .s4-snackbar-container .s4-snackbar {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    background-color: black;
    border-radius: 8px;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 8px;
    letter-spacing: 0.25px;
    margin-bottom: 10px;
    padding: 16px;
    position: relative; }
    .s4-snackbar-container .s4-snackbar .s4-snackbar-icon-wrapper {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-top: 4px; }
    .s4-snackbar-container .s4-snackbar .s4-snackbar-icon {
      height: 20px;
      width: 20px; }
    .s4-snackbar-container .s4-snackbar .s4-snackbar-subject {
      font-size: 16px;
      font-weight: 700;
      letter-spacing: 0.15px;
      line-height: 24px;
      padding-left: 8px; }
    .s4-snackbar-container .s4-snackbar .s4-snackbar-close {
      background-color: black;
      border: none;
      cursor: pointer;
      margin-left: auto;
      position: absolute;
      right: 10px; }
      .s4-snackbar-container .s4-snackbar .s4-snackbar-close svg path {
        fill: white; }
    .s4-snackbar-container .s4-snackbar .s4-snackbar-action {
      background-color: black;
      border: none;
      color: #0E5BF3;
      font-weight: 700;
      letter-spacing: 0.25px;
      line-height: 1.71429;
      text-transform: uppercase; }
    .s4-snackbar-container .s4-snackbar.block {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding-top: 8px; }
      .s4-snackbar-container .s4-snackbar.block .s4-snackbar-close {
        top: 4px; }
      .s4-snackbar-container .s4-snackbar.block .s4-snackbar-action {
        -ms-flex-item-align: end;
            align-self: flex-end;
        margin-right: 6px;
        padding: 0; }
      .s4-snackbar-container .s4-snackbar.block .s4-snackbar-content {
        padding-bottom: 6px;
        padding-top: 6px; }

.s4-drawer-multi-select {
  background: white;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  left: 0;
  max-height: 100vh;
  position: fixed;
  top: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
  visibility: hidden;
  width: 100%;
  z-index: 1301; }
  .s4-drawer-multi-select.open {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    visibility: visible; }
  .s4-drawer-multi-select header {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0;
    padding: calc(0.57143rem * 3); }
    .s4-drawer-multi-select header h2 {
      font-size: calc(0.57143rem * 2.5);
      font-weight: 400;
      letter-spacing: 0.18px;
      line-height: 140%; }
  .s4-drawer-multi-select .s4-menu-container {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-height: 0;
    opacity: 1;
    overflow: auto;
    padding: 0 calc(0.57143rem * 1);
    position: relative;
    top: 0;
    visibility: visible; }
    .s4-drawer-multi-select .s4-menu-container.menu-dropdown {
      border-radius: 0px;
      -webkit-box-shadow: none;
              box-shadow: none; }
  .s4-drawer-multi-select .s4-drawer-search-container {
    padding: 0 calc(0.57143rem * 2) 0 calc(0.57143rem * 3); }
  .s4-drawer-multi-select .s4-drawer-button-container {
    -ms-flex-item-align: end;
        align-self: flex-end;
    padding: calc(0.57143rem * 2);
    width: 100%; }

.s4-sliding-tray {
  position: absolute;
  width: 100%; }
  .s4-sliding-tray .s4-sliding-tray-background.open {
    background: rgba(0, 0, 0, 0.3);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000; }
  .s4-sliding-tray .s4-tray {
    background-color: #FFFFFF;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 420px;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    -webkit-transition-duration: 400ms;
            transition-duration: 400ms;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
    visibility: visible;
    width: 100%;
    z-index: 1000; }
    @media only screen and (max-width: 767px) {
      .s4-sliding-tray .s4-tray {
        max-width: none;
        width: 100%; } }
    .s4-sliding-tray .s4-tray.open {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      -webkit-transition-duration: 400ms;
              transition-duration: 400ms; }
    .s4-sliding-tray .s4-tray .divider:not(.vertical), .s4-sliding-tray .s4-tray .divider:not(.horizontal) {
      border-left: unset; }
    .s4-sliding-tray .s4-tray .tray-header {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      border-left: 1px solid rgba(0, 0, 0, 0.1);
      border-right: 1px solid rgba(0, 0, 0, 0.1);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin: 0;
      padding: calc(0.57143rem * 2.5); }
      .s4-sliding-tray .s4-tray .tray-header.back {
        -webkit-column-gap: calc(0.57143rem * 1);
           -moz-column-gap: calc(0.57143rem * 1);
                column-gap: calc(0.57143rem * 1);
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; }
      .s4-sliding-tray .s4-tray .tray-header h2 {
        margin: 0;
        padding: 0; }
      .s4-sliding-tray .s4-tray .tray-header .icon {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        border-radius: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: calc(0.57143rem * 5);
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: calc(0.57143rem * 5); }
    .s4-sliding-tray .s4-tray .content {
      border-left: 1px solid rgba(0, 0, 0, 0.16);
      border-right: 1px solid rgba(0, 0, 0, 0.16);
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      max-height: calc(100vh - 126px);
      overflow: auto; }
      .s4-sliding-tray .s4-tray .content h4 {
        color: rgba(0, 0, 0, 0.38); }
    .s4-sliding-tray .s4-tray .actions {
      border: 1px solid rgba(0, 0, 0, 0.16);
      -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
              box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      padding: 28px; }
  .s4-sliding-tray.no-title-and-buttons .s4-tray.open .tray-header {
    border-bottom: none;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .s4-sliding-tray.no-title-and-buttons .s4-tray.open .content,
  .s4-sliding-tray.no-title-and-buttons .s4-tray.open .actions {
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 0; }
  @media only screen and (max-width: 767px) {
    .s4-sliding-tray .s4-sliding-tray {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      overflow: auto;
      width: 100%; }
      .s4-sliding-tray .s4-sliding-tray .header .icon:only-child {
        margin-right: 0; }
      .s4-sliding-tray .s4-sliding-tray .content {
        max-height: none;
        overflow: initial;
        padding: calc(0.57143rem * 4) calc(0.57143rem * 1.25); }
      .s4-sliding-tray .s4-sliding-tray .actions {
        display: block; }
        .s4-sliding-tray .s4-sliding-tray .actions .button {
          margin: calc(0.57143rem * 1) 0;
          width: 100%; } }

.s4-modal-dialog.ui.modal.scrolling {
  height: calc(100vh - 5rem);
  overflow: auto;
  top: calc(45vh) !important; }

#oidc-sso-checkbox {
  margin-bottom: 0.71429em; }

.s4-sectioned-form-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  overflow: hidden;
  width: 100%; }
  .s4-sectioned-form-container .s4-sectioned-form-layout-container {
    display: grid;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    gap: calc(0.57143rem * 1.25);
    margin: 0 auto;
    min-height: 0;
    scroll-behavior: smooth;
    grid-template-columns: minmax(-webkit-min-content, 480px) minmax(-webkit-min-content, 190px);
    grid-template-columns: minmax(min-content, 480px) minmax(min-content, 190px); }
    @media only screen and (min-width: 768px) {
      .s4-sectioned-form-container .s4-sectioned-form-layout-container.wider-navigation {
        grid-template-columns: minmax(-webkit-min-content, 480px) minmax(-webkit-min-content, 240px);
        grid-template-columns: minmax(min-content, 480px) minmax(min-content, 240px); } }
    .s4-sectioned-form-container .s4-sectioned-form-layout-container .s4-form-container {
      overflow-y: auto;
      padding: 0 calc(0.57143rem * 3) calc(0.57143rem * 3) calc(0.57143rem * 3); }
      .s4-sectioned-form-container .s4-sectioned-form-layout-container .s4-form-container h2 {
        color: rgba(0, 0, 0, 0.87);
        font-size: calc(0.57143rem * 3);
        font-weight: 700;
        letter-spacing: 0.18px;
        line-height: calc(0.57143rem * 4);
        margin-bottom: calc(0.57143rem * 3); }
      .s4-sectioned-form-container .s4-sectioned-form-layout-container .s4-form-container .s4-form-section-title {
        font-size: calc(0.57143rem * 2);
        font-weight: 700;
        letter-spacing: 0.18px;
        line-height: calc(0.57143rem * 3);
        margin-bottom: calc(0.57143rem * 1); }
      .s4-sectioned-form-container .s4-sectioned-form-layout-container .s4-form-container .s4-form-section-inline-container {
        display: grid;
        gap: calc(0.57143rem * 2);
        grid-template-columns: 1fr 1fr; }
        @media only screen and (max-width: 768px) {
          .s4-sectioned-form-container .s4-sectioned-form-layout-container .s4-form-container .s4-form-section-inline-container.mobile {
            gap: calc(0.57143rem * 1);
            grid-template-columns: 1fr; } }
      .s4-sectioned-form-container .s4-sectioned-form-layout-container .s4-form-container .s4-form-inputs-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: calc(0.57143rem * 1);
        margin-bottom: calc(0.57143rem * 1); }
        .s4-sectioned-form-container .s4-sectioned-form-layout-container .s4-form-container .s4-form-inputs-container .s4-dropdown .menu-dropdown {
          z-index: 2; }
      .s4-sectioned-form-container .s4-sectioned-form-layout-container .s4-form-container .s4-tooltip-block {
        margin-left: -5px; }
        .s4-sectioned-form-container .s4-sectioned-form-layout-container .s4-form-container .s4-tooltip-block .tooltip-container {
          left: 55px; }
    .s4-sectioned-form-container .s4-sectioned-form-layout-container .s4-sectioned-form-navigator-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      overflow: hidden;
      padding-left: calc(0.57143rem * 2);
      padding-top: calc(0.57143rem * 2); }
      .s4-sectioned-form-container .s4-sectioned-form-layout-container .s4-sectioned-form-navigator-container .s4-sectioned-form-navigator {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: calc(0.57143rem * 2); }
        .s4-sectioned-form-container .s4-sectioned-form-layout-container .s4-sectioned-form-navigator-container .s4-sectioned-form-navigator h5 {
          font-size: calc(0.57143rem * 1.75);
          font-weight: 700;
          letter-spacing: 0.1px;
          line-height: calc(0.57143rem * 3);
          margin: 0; }
        .s4-sectioned-form-container .s4-sectioned-form-layout-container .s4-sectioned-form-navigator-container .s4-sectioned-form-navigator button {
          background: transparent;
          border: none;
          color: rgba(0, 0, 0, 0.87);
          font-size: calc(0.57143rem * 1.75);
          font-style: normal;
          font-weight: 400;
          letter-spacing: 0.25px;
          line-height: calc(0.57143rem * 2.5);
          text-align: start;
          -webkit-transition: color 0.2s ease;
          transition: color 0.2s ease; }
          .s4-sectioned-form-container .s4-sectioned-form-layout-container .s4-sectioned-form-navigator-container .s4-sectioned-form-navigator button.selected {
            color: #0E5BF3; }
      .s4-sectioned-form-container .s4-sectioned-form-layout-container .s4-sectioned-form-navigator-container:before {
        background-color: rgba(0, 0, 0, 0.12);
        content: '';
        display: block;
        height: 100%;
        margin-right: calc(0.57143rem * 2);
        width: 1px; }
      .s4-sectioned-form-container .s4-sectioned-form-layout-container .s4-sectioned-form-navigator-container.error-highlight {
        padding-left: 0; }
        .s4-sectioned-form-container .s4-sectioned-form-layout-container .s4-sectioned-form-navigator-container.error-highlight .s4-sectioned-form-navigator {
          gap: calc(0.57143rem * 1); }
          .s4-sectioned-form-container .s4-sectioned-form-layout-container .s4-sectioned-form-navigator-container.error-highlight .s4-sectioned-form-navigator button {
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            border-left: 4px solid transparent;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            font-size: calc(0.57143rem * 1.75);
            font-style: normal;
            font-weight: 700;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            letter-spacing: 0.1px;
            line-height: calc(0.57143rem * 3);
            padding: calc(0.57143rem * 1) calc(0.57143rem * 3); }
            .s4-sectioned-form-container .s4-sectioned-form-layout-container .s4-sectioned-form-navigator-container.error-highlight .s4-sectioned-form-navigator button .dot {
              background-color: transparent;
              border-radius: 50%;
              height: calc(0.57143rem * 1.5);
              width: calc(0.57143rem * 1.5); }
            .s4-sectioned-form-container .s4-sectioned-form-layout-container .s4-sectioned-form-navigator-container.error-highlight .s4-sectioned-form-navigator button.selected {
              border-left-color: #0E5BF3;
              color: rgba(0, 0, 0, 0.87); }
            .s4-sectioned-form-container .s4-sectioned-form-layout-container .s4-sectioned-form-navigator-container.error-highlight .s4-sectioned-form-navigator button.has-error .dot {
              background-color: #B00020; }
        .s4-sectioned-form-container .s4-sectioned-form-layout-container .s4-sectioned-form-navigator-container.error-highlight:before {
          margin-right: 0; }
    @media only screen and (max-width: 767px) {
      .s4-sectioned-form-container .s4-sectioned-form-layout-container {
        grid-template-columns: minmax(-webkit-min-content, 480px);
        grid-template-columns: minmax(min-content, 480px); }
        .s4-sectioned-form-container .s4-sectioned-form-layout-container .s4-sectioned-form-navigator-container {
          display: none; } }
  .s4-sectioned-form-container .s4-sectioned-form-action-container .s4-form-action-buttons,
  .s4-sectioned-form-container .s4-sectioned-form-action-container .s4-sectioned-form-action-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(0.57143rem * 2);
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: calc(0.57143rem * 2); }
  .s4-sectioned-form-container .s4-sectioned-form-action-container .s4-button {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    max-width: 340px; }
  @media only screen and (max-width: 767px) {
    .s4-sectioned-form-container .s4-sectioned-form-action-container .s4-form-action-buttons {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: calc(0.57143rem * 1);
      padding: calc(0.57143rem * 3); }
    .s4-sectioned-form-container .s4-sectioned-form-action-container .s4-button {
      max-width: 100%; } }
  .s4-sectioned-form-container .s4-sectioned-form-action-container:before {
    background-color: rgba(0, 0, 0, 0.12);
    content: '';
    display: block;
    height: 1px;
    left: 0;
    margin-right: calc(0.57143rem * 2);
    position: absolute;
    right: 0;
    width: 100vw; }

.s4-sectioned-form-modal .launch-control-fullscreen-modal > .content {
  padding: 0;
  position: relative; }

.s4-list-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .s4-list-page .s4-list-page-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow-y: auto; }
    .s4-list-page .s4-list-page-body .s4-list-page-body-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: calc(0.57143rem * 3);
      max-width: 480px;
      width: 100%; }
      @media only screen and (max-width: 767px) {
        .s4-list-page .s4-list-page-body .s4-list-page-body-container {
          padding: 0 calc(0.57143rem * 3) calc(0.57143rem * 3) calc(0.57143rem * 3); } }
      .s4-list-page .s4-list-page-body .s4-list-page-body-container .s4-list-page-title-container {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        .s4-list-page .s4-list-page-body .s4-list-page-body-container .s4-list-page-title-container .s4-button {
          width: -webkit-max-content;
          width: -moz-max-content;
          width: max-content; }
          .s4-list-page .s4-list-page-body .s4-list-page-body-container .s4-list-page-title-container .s4-button button {
            border: none; }
        .s4-list-page .s4-list-page-body .s4-list-page-body-container .s4-list-page-title-container h2 {
          display: inline-block;
          font-size: calc(0.57143rem * 3);
          font-weight: 700;
          letter-spacing: 0.18px;
          line-height: calc(0.57143rem * 3);
          margin: 0; }
      .s4-list-page .s4-list-page-body .s4-list-page-body-container .s4-list-page-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: calc(0.57143rem * 2);
        padding-bottom: calc(0.57143rem * 2); }
        .s4-list-page .s4-list-page-body .s4-list-page-body-container .s4-list-page-container.full-height {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
  .s4-list-page .s4-list-page-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    .s4-list-page .s4-list-page-footer:before {
      background-color: rgba(0, 0, 0, 0.12);
      content: '';
      display: block;
      height: 1px;
      left: 0;
      margin-right: calc(0.57143rem * 2);
      position: absolute;
      right: 0;
      width: 100vw; }
    @media only screen and (max-width: 767px) {
      .s4-list-page .s4-list-page-footer {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    .s4-list-page .s4-list-page-footer .s4-list-page-action-buttons {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      margin: calc(0.57143rem * 2);
      max-width: 340px;
      width: 100%; }
      .s4-list-page .s4-list-page-footer .s4-list-page-action-buttons.multiple {
        gap: calc(0.57143rem * 2);
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        max-width: 100%; }
        .s4-list-page .s4-list-page-footer .s4-list-page-action-buttons.multiple .s4-button {
          max-width: 340px; }
      .s4-list-page .s4-list-page-footer .s4-list-page-action-buttons .column {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: calc(0.57143rem * 2); }
      .s4-list-page .s4-list-page-footer .s4-list-page-action-buttons .centered {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
      @media only screen and (max-width: 767px) {
        .s4-list-page .s4-list-page-footer .s4-list-page-action-buttons {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          gap: calc(0.57143rem * 1);
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          margin: calc(0.57143rem * 3);
          max-width: 100%;
          width: 100%; }
          .s4-list-page .s4-list-page-footer .s4-list-page-action-buttons.multiple {
            gap: calc(0.57143rem * 1); }
            .s4-list-page .s4-list-page-footer .s4-list-page-action-buttons.multiple .s4-button {
              max-width: 100%; }
          .s4-list-page .s4-list-page-footer .s4-list-page-action-buttons.mobile-reverse {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
                -ms-flex-direction: column-reverse;
                    flex-direction: column-reverse; } }

.editable-input-group {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(0.57143rem * 1.5);
  padding: calc(0.57143rem * 2); }
  .editable-input-group .input-fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: calc(0.57143rem * 1.5);
    width: 100%; }
    @media only screen and (max-width: 768px) {
      .editable-input-group .input-fields {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .editable-input-group .action-container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(0.57143rem * 1.5);
    height: 56px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .editable-input-group .action-container.height-auto {
      height: auto; }
  .editable-input-group.disabled-list .s4-textfield .assistive-text.error.disabled {
    color: #B00020; }
  .editable-input-group.disabled-list .s4-textfield input:-moz-read-only {
    color: rgba(0, 0, 0, 0.87);
    text-overflow: ellipsis; }
  .editable-input-group.disabled-list .s4-textfield input:read-only {
    color: rgba(0, 0, 0, 0.87);
    text-overflow: ellipsis; }
  .editable-input-group.disabled-list .s4-textfield input.error {
    border: 1px solid #B00020; }

.s4-form-page-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  overflow: hidden;
  width: 100%; }
  .s4-form-page-container .s4-form-layout-container {
    display: grid;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    gap: calc(0.57143rem * 1.25);
    margin: 0 auto;
    min-height: 0;
    scroll-behavior: smooth; }
    .s4-form-page-container .s4-form-layout-container .s4-form-container {
      overflow-y: auto;
      padding: 0 calc(0.57143rem * 3) calc(0.57143rem * 3) calc(0.57143rem * 3); }
      .s4-form-page-container .s4-form-layout-container .s4-form-container h2 {
        color: rgba(0, 0, 0, 0.87);
        font-size: calc(0.57143rem * 3);
        font-weight: 700;
        letter-spacing: 0.18px;
        line-height: calc(0.57143rem * 4);
        margin-bottom: calc(0.57143rem * 3); }
      .s4-form-page-container .s4-form-layout-container .s4-form-container .s4-form-section-title {
        font-size: calc(0.57143rem * 2);
        font-weight: 700;
        letter-spacing: 0.18px;
        line-height: calc(0.57143rem * 3);
        margin-bottom: calc(0.57143rem * 1); }
      .s4-form-page-container .s4-form-layout-container .s4-form-container .s4-dropdown-wrapper .menu {
        z-index: 3; }
      .s4-form-page-container .s4-form-layout-container .s4-form-container .s4-dropdown-wrapper.time-dropdown .menu {
        max-height: 120px; }
      .s4-form-page-container .s4-form-layout-container .s4-form-container .toggle.checkbox label {
        color: rgba(0, 0, 0, 0.87);
        font-size: calc(0.57143rem * 2);
        font-weight: 400;
        letter-spacing: 0.25px;
        line-height: 1.5;
        padding-top: 0; }
      .s4-form-page-container .s4-form-layout-container .s4-form-container .s4-form-section-inline-container {
        display: grid;
        gap: calc(0.57143rem * 2);
        grid-template-columns: 1fr 1fr; }
        @media only screen and (max-width: 768px) {
          .s4-form-page-container .s4-form-layout-container .s4-form-container .s4-form-section-inline-container.mobile {
            gap: calc(0.57143rem * 2);
            grid-template-columns: 1fr; } }
      .s4-form-page-container .s4-form-layout-container .s4-form-container .divider {
        background-color: rgba(0, 0, 0, 0.12);
        display: block;
        height: 1px;
        width: 100%; }
      .s4-form-page-container .s4-form-layout-container .s4-form-container .s4-form-inputs-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: calc(0.57143rem * 2);
        margin-bottom: calc(0.57143rem * 2); }
        .s4-form-page-container .s4-form-layout-container .s4-form-container .s4-form-inputs-container .input-note {
          color: rgba(0, 0, 0, 0.6);
          font-size: calc(0.57143rem * 1.5);
          font-weight: 400;
          letter-spacing: 0.4px;
          line-height: 1.3;
          margin-top: calc(0.57143rem * 1);
          text-align: left; }
          .s4-form-page-container .s4-form-layout-container .s4-form-container .s4-form-inputs-container .input-note.error {
            color: #B00020; }
        .s4-form-page-container .s4-form-layout-container .s4-form-container .s4-form-inputs-container .block-container {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; }
      .s4-form-page-container .s4-form-layout-container .s4-form-container .s4-tooltip-block {
        margin-left: -5px; }
        .s4-form-page-container .s4-form-layout-container .s4-form-container .s4-tooltip-block .tooltip-container {
          left: 55px; }
    @media only screen and (max-width: 767px) {
      .s4-form-page-container .s4-form-layout-container {
        grid-template-columns: minmax(-webkit-min-content, 480px);
        grid-template-columns: minmax(min-content, 480px); } }
    .s4-form-page-container .s4-form-layout-container .s4-form-card-checkbox-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      gap: calc(0.57143rem * 1);
      padding: 0; }
      @media (max-width: 768px) {
        .s4-form-page-container .s4-form-layout-container .s4-form-card-checkbox-list {
          gap: calc(0.57143rem * 2); } }
  .s4-form-page-container .s4-form-action-container .s4-form-action-buttons,
  .s4-form-page-container .s4-form-action-container .s4-sectioned-form-action-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(0.57143rem * 2);
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: calc(0.57143rem * 2); }
  .s4-form-page-container .s4-form-action-container .s4-button {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    max-width: 340px; }
  @media only screen and (max-width: 767px) {
    .s4-form-page-container .s4-form-action-container .s4-form-action-buttons {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: calc(0.57143rem * 1);
      padding: calc(0.57143rem * 3); }
    .s4-form-page-container .s4-form-action-container .s4-button {
      max-width: 100%; } }
  .s4-form-page-container .s4-form-action-container:before {
    background-color: rgba(0, 0, 0, 0.12);
    content: '';
    display: block;
    height: 1px;
    left: 0;
    margin-right: calc(0.57143rem * 2);
    position: absolute;
    right: 0;
    width: 100vw; }

.s4-form-modal .launch-control-fullscreen-modal > .content {
  padding: 0;
  position: relative; }

.color-picker {
  border: 1px solid;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
  display: inline-block;
  position: relative;
  width: 100%; }
  .color-picker .color-toggle {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 8px;
    padding: 8px;
    width: 100%; }
    .color-picker .color-toggle .active-color {
      border-radius: 4px;
      height: 20px;
      width: 100%; }
    .color-picker .color-toggle:hover {
      cursor: pointer; }
    .color-picker .color-toggle .icon {
      height: 24px;
      width: 24px; }
    .color-picker .color-toggle .open svg {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
  .color-picker .dropdown {
    background-color: #FFFFFF;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    display: block;
    left: 0;
    min-width: 300px;
    position: absolute;
    top: calc(100% + 16px);
    z-index: 1; }
    .color-picker .dropdown .dropdown-content {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px;
      height: 100%;
      padding: 20px;
      width: 100%; }
      .color-picker .dropdown .dropdown-content:after, .color-picker .dropdown .dropdown-content:before {
        border-style: solid;
        content: '';
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 0;
        left: 11px;
        position: absolute;
        width: 0; }
      .color-picker .dropdown .dropdown-content:after {
        border-color: transparent transparent #FFFFFF transparent;
        border-width: 10px;
        bottom: 100%; }
      .color-picker .dropdown .dropdown-content:before {
        border-color: transparent transparent rgba(0, 0, 0, 0.16) transparent;
        border-width: 10px;
        bottom: 100%; }
      .color-picker .dropdown .dropdown-content .color-input-container {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        border: 1px solid rgba(0, 0, 0, 0.16);
        border-radius: 4px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 8px;
        padding: 8px 10px 8px 8px;
        width: 100%; }
        .color-picker .dropdown .dropdown-content .color-input-container .input-block {
          border-radius: 4px;
          height: 20px;
          width: 20px; }
        .color-picker .dropdown .dropdown-content .color-input-container input {
          border: none;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          outline: none; }
          .color-picker .dropdown .dropdown-content .color-input-container input:focus {
            border: 1px solid rgba(0, 0, 0, 0.16);
            border-radius: 4px; }
      .color-picker .dropdown .dropdown-content .color-grid {
        display: grid;
        grid-gap: 10px;
        grid-template-columns: repeat(6, 1fr); }
        .color-picker .dropdown .dropdown-content .color-grid .color-square {
          border-radius: 4px;
          height: 36px;
          width: 36px; }
          .color-picker .dropdown .dropdown-content .color-grid .color-square:hover {
            cursor: pointer; }
      .color-picker .dropdown .dropdown-content .save-options {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 10px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        width: 100%; }

.progress-bar-container .progress-bar-label-text {
  background-color: rgba(14, 91, 243, 0.06);
  border-radius: 4px;
  color: #0E5BF3;
  font-weight: bold;
  padding: 2px 8px 2px 8px;
  white-space: nowrap; }
  .progress-bar-container .progress-bar-label-text.active {
    background-color: #0E5BF3;
    color: white; }

.progress-bar-container .progress-bar-label-mark svg {
  height: 24px;
  width: 24px; }

.progress-bar-container .progress-bar-horizontal-container {
  padding: 0 100px 50px 100px; }
  .progress-bar-container .progress-bar-horizontal-container .progress-bar-labels-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .progress-bar-container .progress-bar-horizontal-container .progress-bar-labels-container .progress-bar-label-anchor {
      height: 1px;
      width: 1px; }
      .progress-bar-container .progress-bar-horizontal-container .progress-bar-labels-container .progress-bar-label-anchor .progress-bar-label {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-transform: translate(0, 15%);
                transform: translate(0, 15%); }
        .progress-bar-container .progress-bar-horizontal-container .progress-bar-labels-container .progress-bar-label-anchor .progress-bar-label .progress-bar-label-icon {
          height: 100px;
          width: 100px; }
          .progress-bar-container .progress-bar-horizontal-container .progress-bar-labels-container .progress-bar-label-anchor .progress-bar-label .progress-bar-label-icon img {
            height: 100px;
            width: 100px; }
  .progress-bar-container .progress-bar-horizontal-container .progress-bar-slider {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(0.57143rem * 1);
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%; }
    .progress-bar-container .progress-bar-horizontal-container .progress-bar-slider .progress-bar-slider-svg {
      height: calc(0.57143rem * 5);
      width: 100%; }

.progress-bar-container .progress-bar-vertical-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 300px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 25px 0 25px 40px;
  position: relative;
  width: 100%; }
  .progress-bar-container .progress-bar-vertical-container .progress-bar-vertical-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 300px; }
    .progress-bar-container .progress-bar-vertical-container .progress-bar-vertical-slider .progress-bar-labels-container {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .progress-bar-container .progress-bar-vertical-container .progress-bar-vertical-slider .progress-bar-labels-container .progress-bar-label-anchor {
        height: 1px;
        width: 1px; }
        .progress-bar-container .progress-bar-vertical-container .progress-bar-vertical-slider .progress-bar-labels-container .progress-bar-label-anchor .progress-bar-label {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-transform: translate(48.5px, -45%);
                  transform: translate(48.5px, -45%); }
          .progress-bar-container .progress-bar-vertical-container .progress-bar-vertical-slider .progress-bar-labels-container .progress-bar-label-anchor .progress-bar-label .progress-bar-label-icon img {
            height: 60px;
            width: 60px; }
    .progress-bar-container .progress-bar-vertical-container .progress-bar-vertical-slider .progress-bar-slider {
      height: 100%;
      margin-left: 40px;
      margin-right: 25px;
      width: 40px; }
      .progress-bar-container .progress-bar-vertical-container .progress-bar-vertical-slider .progress-bar-slider .progress-bar-slider-svg {
        height: 100%;
        width: 100%; }
    .progress-bar-container .progress-bar-vertical-container .progress-bar-vertical-slider .progress-bar-label-text {
      margin-left: 16px; }

.progress-bar-container .progress-bar-horizontal-container.show-icons {
  padding: 100px 100px 50px 100px; }
  .progress-bar-container .progress-bar-horizontal-container.show-icons .progress-bar-labels-container .progress-bar-label-anchor .progress-bar-label {
    -webkit-transform: translate(0, -60.5%);
            transform: translate(0, -60.5%); }

.progress-bar-container .progress-bar-vertical-container.show-icons .progress-bar-vertical-slider .progress-bar-labels-container .progress-bar-label-anchor .progress-bar-label {
  -webkit-transform: translate(-11.5px, -45%);
          transform: translate(-11.5px, -45%); }

@media only screen and (max-width: 1430px) {
  .progress-bar-container .progress-bar-label-text {
    min-width: 300px;
    white-space: normal; } }

@media only screen and (max-width: 1200px) {
  .progress-bar-container .progress-bar-label-text {
    min-width: 200px;
    white-space: normal; } }

@media only screen and (max-width: 767px) {
  .progress-bar-container .progress-bar-label-text.active {
    min-height: 40px;
    white-space: normal; } }

.progress-bar-container.crypto-progress-bar .progress-bar-horizontal-container {
  padding: 0;
  width: 100%; }
  .progress-bar-container.crypto-progress-bar .progress-bar-horizontal-container .progress-bar-labels-container .progress-bar-label-anchor .progress-bar-label {
    height: 54px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }

.progress-bar-container.crypto-progress-bar .progress-bar-label-text {
  background-color: #FAFAFA;
  color: black;
  font-size: 16px;
  font-weight: 400; }
  .progress-bar-container.crypto-progress-bar .progress-bar-label-text.active {
    color: #0E5BF3;
    font-weight: 700; }

@media only screen and (max-width: 767px) {
  .progress-bar-container {
    padding: 16px;
    width: 100%; } }

.marketplace-loyalty {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .marketplace-loyalty > button {
    background: transparent;
    border: none;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 30px; }