@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/OpenSans-Variable.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
body {
  overflow-x: hidden;
  font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif !important;
  font-weight: 400;
  color: #2b2f2a;
  padding: 0;
  margin: 0; }

.text-link {
  font-weight: 700;
  color: #486c54;
  text-decoration: underline; }
  .text-link:hover {
    opacity: 0.75; }
  .text-link .text-link-icon {
    display: inline-block; }

.invisible {
  visibility: hidden; }

.common-form-input,
.react-datepicker__input-container > input {
  background-color: #ffffff;
  height: 50px;
  border-radius: 5px;
  border: 1px solid #2b2f2a;
  padding: 0 12px;
  font-weight: 400;
  color: #2b2f2a;
  width: 100%;
  -webkit-appearance: none;
  box-sizing: border-box;
  font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px; }

.common-form-select__control {
  background-color: #ffffff;
  height: 50px;
  border-radius: 5px !important;
  border: 1px solid #2b2f2a !important;
  color: #2b2f2a;
  font-size: 16px; }
  .common-form-select__control .common-form-select__value-container {
    padding: 0 12px; }

.common-form-textarea {
  background-color: #ffffff;
  height: 150px;
  border-radius: 5px;
  border: 1px solid #2b2f2a;
  padding: 12px;
  font-weight: 400;
  color: #2b2f2a;
  width: 100%;
  box-sizing: border-box;
  font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  resize: none; }

.common-form-checkbox {
  background-color: #ffffff;
  width: 25px;
  height: 25px;
  border: 1px solid #2b2f2a;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer; }
  .common-form-checkbox:hover {
    opacity: 0.75;
    border: 2px solid #2b2f2a; }
  .common-form-checkbox .common-form-checkbox-check {
    width: 15px;
    height: 15px; }

.react-datepicker__close-icon {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  padding-right: 12px !important; }
  .react-datepicker__close-icon:hover {
    opacity: 0.75 !important; }
  .react-datepicker__close-icon::after {
    background-color: #aaaaaa !important;
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 14px !important;
    padding-bottom: 4px !important;
    width: 18px !important; }

.common-form {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  box-sizing: border-box; }
  .common-form .common-form-header {
    font-size: 20px;
    display: flex;
    flex-direction: column;
    padding-bottom: 20px; }
  .common-form .common-form-body {
    display: flex;
    flex-direction: column;
    flex: 1; }
    .common-form .common-form-body .form-sub-section {
      display: flex;
      flex-direction: column;
      width: 100%;
      border-radius: 20px;
      padding-bottom: 20px;
      box-sizing: border-box; }
      .common-form .common-form-body .form-sub-section .form-sub-section-label {
        display: flex;
        flex-direction: column;
        width: 100%;
        font-size: 20px;
        font-weight: 700;
        border-bottom: 2px solid #c2d1bb;
        padding-bottom: 5px;
        margin-bottom: 15px; }
      .common-form .common-form-body .form-sub-section .form-sub-section-body {
        display: flex;
        flex-direction: column;
        width: 100%; }
        .common-form .common-form-body .form-sub-section .form-sub-section-body .common-form-body-row {
          padding-bottom: 15px; }
    .common-form .common-form-body .form-section {
      display: flex;
      flex-direction: column;
      width: 100%;
      padding: 20px;
      background-color: #eff5ef;
      border-radius: 20px;
      margin-bottom: 20px;
      box-sizing: border-box; }
      .common-form .common-form-body .form-section .form-section-label {
        display: flex;
        flex-direction: column;
        width: 100%;
        font-size: 24px;
        font-weight: 700;
        border-bottom: 2px solid #6ea27f;
        padding-bottom: 10px;
        margin-bottom: 20px; }
        .common-form .common-form-body .form-section .form-section-label .form-section-label-content {
          display: flex;
          flex-direction: row;
          align-items: flex-end; }
          .common-form .common-form-body .form-section .form-section-label .form-section-label-content .form-section-label-text {
            display: flex;
            flex-direction: row;
            flex: 1; }
          .common-form .common-form-body .form-section .form-section-label .form-section-label-content .form-section-label-details {
            display: flex;
            flex-direction: row; }
      .common-form .common-form-body .form-section .form-section-body {
        display: flex;
        flex-direction: column;
        width: 100%; }
        .common-form .common-form-body .form-section .form-section-body .form-section-body-content {
          display: flex;
          flex-direction: row; }
          .common-form .common-form-body .form-section .form-section-body .form-section-body-content .form-section-column {
            display: flex;
            flex-direction: row;
            flex: 1; }
            .common-form .common-form-body .form-section .form-section-body .form-section-body-content .form-section-column .form-section-column-content {
              display: flex;
              flex-direction: column;
              width: 100%; }
    .common-form .common-form-body .common-form-body-row {
      display: flex;
      flex-direction: column;
      width: 100%;
      padding-bottom: 20px; }
      .common-form .common-form-body .common-form-body-row .common-form-body-row-horizontal {
        display: flex;
        flex-direction: row;
        width: 100%; }
        .common-form .common-form-body .common-form-body-row .common-form-body-row-horizontal .common-form-body-row-horizontal-left {
          display: flex;
          flex-direction: row;
          flex: 2; }
        .common-form .common-form-body .common-form-body-row .common-form-body-row-horizontal .common-form-body-row-horizontal-right {
          display: flex;
          flex-direction: row;
          flex: 1;
          justify-content: flex-end; }
      .common-form .common-form-body .common-form-body-row:last-child {
        padding-bottom: 0; }
      .common-form .common-form-body .common-form-body-row .checkbox-row {
        padding-right: 10px; }
        .common-form .common-form-body .common-form-body-row .checkbox-row .common-form-field {
          align-items: center;
          justify-content: flex-end; }
          .common-form .common-form-body .common-form-body-row .checkbox-row .common-form-field .common-form-field-label {
            justify-content: flex-end;
            flex: 1;
            padding-right: 20px; }
          .common-form .common-form-body .common-form-body-row .checkbox-row .common-form-field .common-form-field-input-container {
            height: 27px;
            position: relative;
            align-items: center;
            flex: unset;
            width: 27px; }
            .common-form .common-form-body .common-form-body-row .checkbox-row .common-form-field .common-form-field-input-container .common-form-checkbox {
              position: absolute;
              left: 1px; }
              .common-form .common-form-body .common-form-body-row .checkbox-row .common-form-field .common-form-field-input-container .common-form-checkbox:hover {
                left: 0; }
    .common-form .common-form-body .common-form-field {
      display: flex;
      flex-direction: row;
      width: 100%;
      align-items: first baseline;
      justify-content: flex-start;
      margin-top: 1px;
      margin-bottom: 1px; }
      .common-form .common-form-body .common-form-field.vertical {
        flex-direction: column; }
        .common-form .common-form-body .common-form-field.vertical .common-form-field-label {
          flex-direction: column; }
        .common-form .common-form-body .common-form-field.vertical .common-form-field-input-container {
          flex-direction: column; }
      .common-form .common-form-body .common-form-field.checkbox-form-field {
        align-items: center;
        min-height: 50px; }
      .common-form .common-form-body .common-form-field.common-radio-option-set-form-field {
        align-items: center;
        height: 50px; }
      .common-form .common-form-body .common-form-field .common-form-field-label {
        display: flex;
        flex-direction: row;
        font-size: 16px;
        color: #2b2f2a;
        font-weight: 700;
        width: 100px; }
        .common-form .common-form-body .common-form-field .common-form-field-label .common-form-field-label-content {
          display: flex;
          flex-direction: column;
          width: 100%; }
          .common-form .common-form-body .common-form-field .common-form-field-label .common-form-field-label-content .common-form-field-sub-label {
            font-size: 12px; }
      .common-form .common-form-body .common-form-field .common-form-field-input-container {
        display: flex;
        width: 100%;
        flex-direction: row;
        flex: 1; }
        .common-form .common-form-body .common-form-field .common-form-field-input-container .common-form-field-input-container-content {
          display: flex;
          flex-direction: column;
          width: 100%; }
          .common-form .common-form-body .common-form-field .common-form-field-input-container .common-form-field-input-container-content .common-form-field-additional-info {
            margin-top: 5px;
            font-style: italic;
            font-size: 14px;
            color: #2b2f2a; }
          .common-form .common-form-body .common-form-field .common-form-field-input-container .common-form-field-input-container-content .length-indicator {
            display: flex;
            flex-direction: column;
            width: 100%;
            align-items: flex-end;
            font-size: 14px;
            font-weight: 700; }
            .common-form .common-form-body .common-form-field .common-form-field-input-container .common-form-field-input-container-content .length-indicator.invalid {
              color: #bb342d; }
  .common-form .invalid .common-form-field-label {
    color: #bb342d !important; }
  .common-form .invalid .common-form-input {
    margin-top: 0;
    margin-bottom: 0;
    border: 2px solid #bb342d; }
  .common-form .invalid .common-form-textarea {
    margin-top: 0;
    margin-bottom: 0;
    border: 2px solid #bb342d; }
  .common-form .invalid .common-radio-option-circle {
    border-color: #bb342d;
    border-width: 2px;
    margin: 0; }
  .common-form .invalid .common-radio-option-label {
    color: #bb342d; }
  .common-form .invalid .common-form-select__control {
    border-color: #bb342d !important;
    border-width: 2px !important; }
  .common-form .invalid .form-date-range-date-picker.invalid .react-datepicker__input-container input {
    border-color: #bb342d !important;
    border-width: 2px !important; }
  .common-form .common-form-options {
    display: flex;
    flex-direction: row;
    flex: 1;
    align-items: center;
    justify-content: center; }
    .common-form .common-form-options .common-form-options-section {
      display: flex;
      flex-direction: row;
      flex: 1;
      align-items: center; }
      .common-form .common-form-options .common-form-options-section.common-form-options-left {
        justify-content: flex-start; }
        .common-form .common-form-options .common-form-options-section.common-form-options-left .common-form-button-container {
          margin-left: 0;
          margin-right: 20px; }
      .common-form .common-form-options .common-form-options-section.common-form-options-right {
        justify-content: flex-end; }
        .common-form .common-form-options .common-form-options-section.common-form-options-right .common-form-button-container {
          margin-left: 0;
          margin-right: 0; }
    .common-form .common-form-options .common-form-button-container {
      margin-left: 10px;
      margin-right: 10px; }
      .common-form .common-form-options .common-form-button-container .common-form-button.cancel-button {
        background-color: #aaaaaa;
        min-width: 150px; }
      .common-form .common-form-options .common-form-button-container .common-form-button.delete-button {
        background-color: #ffffff;
        color: #d6e3d0;
        min-width: 0;
        padding-left: 10px;
        padding-right: 10px;
        min-width: 150px; }
      .common-form .common-form-options .common-form-button-container .common-form-button.save-button {
        background-color: #2b2f2a;
        min-width: 150px; }
  .common-form .form-date-range-container {
    display: flex;
    flex-direction: row;
    align-items: center; }
    .common-form .form-date-range-container .form-date-range-date-picker-container {
      display: flex;
      flex-direction: row;
      flex: 1; }
    .common-form .form-date-range-container .form-date-range-to {
      padding-left: 10px;
      padding-right: 10px;
      font-weight: 700; }

.common-form-list {
  display: flex;
  flex-direction: column;
  width: 100%; }
  .common-form-list .common-form-list-header {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-bottom: 10px; }
    .common-form-list .common-form-list-header .common-form-list-header-content {
      display: flex;
      flex-direction: row;
      flex: 1;
      font-weight: 700; }
  .common-form-list .common-form-list-body {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .common-form-list .common-form-list-body .common-form-list-row {
      display: flex;
      flex-direction: column;
      width: 100%;
      padding-bottom: 10px; }
      .common-form-list .common-form-list-body .common-form-list-row .common-form-list-row-content {
        display: flex;
        flex-direction: row;
        flex: 1; }
  .common-form-list .common-form-list-row-cell {
    display: flex;
    flex-direction: row;
    align-items: center; }

.app-version,
.rails-environment,
.logged-in-user-name,
.test-invoice-id,
.test-subscription-id,
.test-stripe-invoice-id,
.test-qbo-invoice-id {
  display: none; }

.toastify.error-message {
  background: #bb342d; }
.toastify.success-message {
  background: #486c54; }
.toastify .toast-close {
  padding-right: 0; }

.fp-invoice-line-type-badge {
  margin-left: 15px;
  padding-top: 4px;
  padding-bottom: 5px;
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 20px;
  font-size: 10px;
  opacity: 0.5; }
  .fp-invoice-line-type-badge.internal-service {
    background-color: #486c54;
    color: #ffffff; }
  .fp-invoice-line-type-badge.internal-expense {
    background-color: #6ea27f;
    color: #ffffff; }
  .fp-invoice-line-type-badge.external-expense {
    background-color: #c16c68;
    color: #ffffff; }

.qbo-account-badge {
  margin-left: 15px;
  padding-top: 4px;
  padding-bottom: 5px;
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 20px;
  font-size: 10px;
  opacity: 0.5; }
  .qbo-account-badge.service-revenue {
    background-color: #48526c;
    color: #ffffff; }
  .qbo-account-badge.expense {
    background-color: #6e7da2;
    color: #ffffff; }

.invoice-status-badge {
  display: inline-block;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  border-radius: 20px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center; }
  .invoice-status-badge.not-tracked {
    background-color: #888888; }
  .invoice-status-badge.billed {
    background-color: #6e7da2; }
  .invoice-status-badge.paid-pending-stripe-payout {
    background-color: #ccae4f; }
  .invoice-status-badge.paid {
    background-color: #6ea27f; }
  .invoice-status-badge.subscription {
    background-color: #8058aa; }

.react-datepicker-wrapper {
  width: 100%; }

.form-date-range-container {
  flex: 1; }
  .form-date-range-container .form-date-range-date-picker {
    flex: 1; }
    .form-date-range-container .form-date-range-date-picker.hide-clear-button .react-datepicker__close-icon {
      display: none !important; }

.invoice-defaults-blurb {
  font-weight: 700; }

.external-text-link {
  color: #486c54;
  text-decoration: none;
  font-weight: 700; }
  .external-text-link:hover {
    opacity: 0.75; }
  .external-text-link .external-link-icon {
    margin-left: 5px;
    width: 13px;
    height: 13px; }

.child-external-link-icon {
  margin-left: 20px;
  width: 16px;
  height: 16px;
  margin-right: 10px; }

.external-link-box {
  background-color: #eff5ef;
  border-radius: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box; }
  .external-link-box.with-link {
    cursor: pointer;
    text-decoration: none; }
    .external-link-box.with-link:hover {
      opacity: 0.75; }
  .external-link-box.disabled {
    opacity: 0.5; }
    .external-link-box.disabled .external-link-box-content .external-link-box-header .external-link-box-header-content .external-link-box-header-text {
      color: #2b2f2a; }
    .external-link-box.disabled .external-link-box-content .external-link-box-body {
      font-style: italic; }
  .external-link-box .external-link-box-content {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .external-link-box .external-link-box-content .external-link-box-header {
      display: flex;
      flex-direction: column;
      width: 100%; }
      .external-link-box .external-link-box-content .external-link-box-header .external-link-box-header-content {
        display: flex;
        flex-direction: row; }
        .external-link-box .external-link-box-content .external-link-box-header .external-link-box-header-content .external-link-box-header-text {
          display: flex;
          flex-direction: row;
          flex: 1;
          font-weight: 700;
          color: #486c54;
          white-space: nowrap;
          padding-right: 20px; }
        .external-link-box .external-link-box-content .external-link-box-header .external-link-box-header-content .external-link-box-header-icon {
          display: flex;
          flex-direction: row; }
    .external-link-box .external-link-box-content .external-link-box-body {
      display: flex;
      flex-direction: column;
      padding-left: 0;
      text-decoration: none !important;
      color: #2b2f2a; }

.invoice-status-content {
  display: flex;
  flex-direction: column; }
  .invoice-status-content .invoice-status-badge {
    width: fit-content; }
  .invoice-status-content .invoice-status-additional-info {
    font-style: italic; }

.add-button-container {
  margin: 0; }
  .add-button-container .add-button {
    flex: 0;
    min-width: unset;
    border: 3px solid #2b2f2a !important;
    background-color: transparent !important; }
    .add-button-container .add-button .pill-button-icon-container .pill-button-icon {
      width: 16px;
      height: 16px; }
    .add-button-container .add-button .pill-button-text {
      color: #2b2f2a !important; }

.sync-button-container {
  margin: 0; }
  .sync-button-container .sync-button {
    flex: 0;
    min-width: 150px !important; }

.invoice-fp-data {
  background-color: #eff5ef;
  padding: 20px;
  border-radius: 20px; }
  .invoice-fp-data.show .invoice-fp-data-header .invoice-fp-data-header-content .invoice-fp-data-header-icon {
    transform: rotate(180deg); }
  .invoice-fp-data.show .invoice-fp-data-body {
    max-height: 9999px; }
  .invoice-fp-data .invoice-fp-data-header {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 50px;
    cursor: pointer; }
    .invoice-fp-data .invoice-fp-data-header:hover {
      opacity: 0.75; }
    .invoice-fp-data .invoice-fp-data-header .invoice-fp-data-header-content {
      display: flex;
      flex-direction: row;
      flex: 1;
      align-items: center; }
      .invoice-fp-data .invoice-fp-data-header .invoice-fp-data-header-content .invoice-fp-data-header-text {
        display: flex;
        flex-direction: row;
        flex: 1;
        font-size: 28px;
        color: #486c54;
        font-weight: 700; }
      .invoice-fp-data .invoice-fp-data-header .invoice-fp-data-header-content .invoice-fp-data-header-icon {
        display: flex;
        flex-direction: row;
        width: 20px;
        transition: 0.15s ease-in-out; }
  .invoice-fp-data .invoice-fp-data-body {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: 0;
    transition: 0.15s ease-in-out; }
    .invoice-fp-data .invoice-fp-data-body .single-invoice-row:first-child {
      margin-top: 20px; }

.add-invoice-line-button-container {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 0;
  margin-top: 20px;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-end; }
  .add-invoice-line-button-container .add-invoice-line-button .pill-button-text {
    white-space: nowrap; }

.common-form-select-add-option-container {
  display: flex;
  flex-direction: row;
  align-items: center; }
  .common-form-select-add-option-container .add-button-container {
    margin-left: 10px;
    flex-direction: row;
    align-items: center; }
    .common-form-select-add-option-container .add-button-container .add-button {
      height: 50px;
      width: 50px;
      border: 1px solid #2b2f2a !important;
      background-color: #ffffff !important; }
      .common-form-select-add-option-container .add-button-container .add-button .pill-button-icon-container.left {
        margin-right: 0; }

.fp-service-select .common-form-select__menu {
  width: max-content; }
.fp-service-select .fp-service-select-label .fp-service-name {
  display: inline; }
.fp-service-select .fp-service-select-label .fp-service-type-name {
  display: inline;
  margin-left: 5px;
  color: #aaaaaa; }
.fp-service-select .common-form-select__single-value .fp-service-type-name {
  display: none; }

.admin-header {
  display: flex;
  width: 100%;
  height: 70px;
  box-sizing: border-box;
  padding-left: 30px;
  padding-right: 30px;
  background-color: #000000; }
  .admin-header .admin-header-content {
    display: flex;
    flex: 1;
    flex-direction: row;
    align-items: center; }
    .admin-header .admin-header-content .admin-header-logo-container {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 50px;
      height: 50px;
      background-color: #ffffff;
      border-radius: 25px; }
      .admin-header .admin-header-content .admin-header-logo-container .admin-header-logo {
        width: 40px;
        height: 40px; }
    .admin-header .admin-header-content .admin-header-title-container {
      display: flex;
      flex-direction: row;
      height: 70px;
      align-items: center;
      justify-content: flex-start; }
      .admin-header .admin-header-content .admin-header-title-container .admin-header-title {
        text-align: center;
        color: #ffffff;
        font-size: 14px;
        font-weight: 700;
        width: min-content; }
    .admin-header .admin-header-content .admin-header-tabs-container {
      display: flex;
      flex-direction: row;
      flex: 1;
      justify-content: flex-end;
      align-items: center;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center; }
      .admin-header .admin-header-content .admin-header-tabs-container .admin-header-tab {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 20px;
        font-weight: 700;
        cursor: pointer;
        height: 70px;
        position: relative; }
        .admin-header .admin-header-content .admin-header-tabs-container .admin-header-tab .admin-header-tab-text {
          color: #ffffff; }
        .admin-header .admin-header-content .admin-header-tabs-container .admin-header-tab .admin-header-tab-underline {
          height: 3px;
          background-color: #ffffff;
          opacity: 0;
          width: calc(100% - 20px);
          position: absolute;
          left: 10px;
          bottom: 13px; }
        .admin-header .admin-header-content .admin-header-tabs-container .admin-header-tab.selected .admin-header-tab-underline {
          opacity: 1; }
    .admin-header .admin-header-content .admin-header-account-info-container {
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      align-items: center;
      margin-left: 40px;
      text-align: left; }
      .admin-header .admin-header-content .admin-header-account-info-container .admin-header-account-info {
        display: flex;
        flex-direction: column;
        flex: 1;
        justify-content: flex-end; }
        .admin-header .admin-header-content .admin-header-account-info-container .admin-header-account-info .admin-header-username-display {
          display: flex;
          flex-direction: column;
          justify-content: flex-end;
          color: #ffffff;
          font-size: 12px;
          font-weight: normal;
          font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif; }
        .admin-header .admin-header-content .admin-header-account-info-container .admin-header-account-info .logout-option-container {
          display: flex;
          flex-direction: column;
          align-items: flex-end; }
          .admin-header .admin-header-content .admin-header-account-info-container .admin-header-account-info .logout-option-container .logout-option {
            display: flex;
            flex: 0;
            font-size: 14px;
            font-weight: 700;
            cursor: pointer;
            color: #ffffff; }
          .admin-header .admin-header-content .admin-header-account-info-container .admin-header-account-info .logout-option-container .logout-option:hover {
            opacity: 0.75; }

.common-form-page {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center; }
  .common-form-page .common-form-page-header {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1024px;
    padding-top: 30px;
    padding-bottom: 20px;
    border-bottom: 3px solid #4c514e; }
    .common-form-page .common-form-page-header .common-form-page-header-content {
      display: flex;
      flex-direction: row;
      flex: 1; }
      .common-form-page .common-form-page-header .common-form-page-header-content .common-form-page-header-content-left {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        justify-content: flex-start;
        flex: 1; }
        .common-form-page .common-form-page-header .common-form-page-header-content .common-form-page-header-content-left .common-form-page-header-text {
          font-weight: 700;
          font-size: 30px; }
      .common-form-page .common-form-page-header .common-form-page-header-content .common-form-page-header-content-right {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
        flex: 2; }
  .common-form-page .common-form-page-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1024px;
    padding-top: 20px; }

.sub-form-container {
  box-sizing: border-box;
  margin-top: 40px;
  background-color: #eff5ef;
  padding: 20px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  min-height: 200px; }
  .sub-form-container .sub-form-loading-indicator-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
    .sub-form-container .sub-form-loading-indicator-container .loading-indicator-overlay {
      display: flex !important;
      position: absolute !important;
      width: 100% !important;
      height: 100% !important;
      background-color: transparent !important; }
      .sub-form-container .sub-form-loading-indicator-container .loading-indicator-overlay .loading-indicator-box {
        background-color: transparent !important; }
  .sub-form-container .sub-form-header {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 2px solid #486c54; }
    .sub-form-container .sub-form-header .sub-form-header-text {
      font-size: 20px;
      font-weight: 700; }
    .sub-form-container .sub-form-header .sub-form-header-content {
      display: flex;
      flex-direction: row;
      align-items: center; }
      .sub-form-container .sub-form-header .sub-form-header-content .sub-form-header-text {
        flex: 1; }
      .sub-form-container .sub-form-header .sub-form-header-content .sub-form-header-sub-text {
        flex: 1;
        font-size: 14px;
        font-style: italic;
        color: #2b2f2a;
        opacity: 0.7;
        justify-content: flex-end;
        text-align: right; }
  .sub-form-container .sub-form {
    margin-top: 30px; }

.common-list-page {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center; }
  .common-list-page .common-list-page-header {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1024px;
    padding-top: 30px;
    padding-bottom: 20px;
    border-bottom: 3px solid #4c514e; }
    .common-list-page .common-list-page-header.with-tabs {
      padding-bottom: 0;
      border-bottom: 0;
      margin-bottom: 20px; }
      .common-list-page .common-list-page-header.with-tabs .common-list-page-header-content-right {
        border-bottom: 2px solid #4c514e;
        align-items: flex-end;
        padding-bottom: 10px; }
    .common-list-page .common-list-page-header .common-list-page-header-content {
      display: flex;
      flex-direction: row;
      flex: 1; }
      .common-list-page .common-list-page-header .common-list-page-header-content .common-list-page-header-content-left {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        justify-content: flex-start;
        flex: 1; }
        .common-list-page .common-list-page-header .common-list-page-header-content .common-list-page-header-content-left .common-list-page-header-text {
          font-weight: 700;
          font-size: 30px;
          letter-spacing: 0.5px; }
        .common-list-page .common-list-page-header .common-list-page-header-content .common-list-page-header-content-left .common-list-page-header-tab-left-spacer {
          display: flex;
          flex-direction: row;
          border-bottom: 2px solid #4c514e;
          width: 10px; }
        .common-list-page .common-list-page-header .common-list-page-header-content .common-list-page-header-content-left .common-list-page-header-tab-right-spacer {
          display: flex;
          flex-direction: row;
          border-bottom: 2px solid #4c514e;
          flex: 1; }
        .common-list-page .common-list-page-header .common-list-page-header-content .common-list-page-header-content-left .common-list-page-header-tab-container {
          display: flex;
          flex-direction: row;
          cursor: pointer;
          border-bottom: 2px solid #4c514e; }
          .common-list-page .common-list-page-header .common-list-page-header-content .common-list-page-header-content-left .common-list-page-header-tab-container:hover .common-list-page-header-tab {
            opacity: 0.6; }
          .common-list-page .common-list-page-header .common-list-page-header-content .common-list-page-header-content-left .common-list-page-header-tab-container.selected {
            border-bottom: 0; }
            .common-list-page .common-list-page-header .common-list-page-header-content .common-list-page-header-content-left .common-list-page-header-tab-container.selected .common-list-page-header-tab {
              opacity: 1;
              top: 0;
              background-color: transparent;
              font-weight: 700;
              color: #4c514e; }
          .common-list-page .common-list-page-header .common-list-page-header-content .common-list-page-header-content-left .common-list-page-header-tab-container .common-list-page-header-tab {
            opacity: 0.7;
            position: relative;
            top: 2px;
            border-top: 2px solid #4c514e;
            border-left: 2px solid #4c514e;
            border-right: 2px solid #4c514e;
            background-color: #4c514e;
            padding-left: 20px;
            padding-right: 20px;
            padding-bottom: 12px;
            padding-top: 10px;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            font-size: 20px;
            font-weight: 700;
            color: #ffffff;
            letter-spacing: 0.5px; }
      .common-list-page .common-list-page-header .common-list-page-header-content .common-list-page-header-content-right {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end; }
        .common-list-page .common-list-page-header .common-list-page-header-content .common-list-page-header-content-right .pill-button-container {
          margin: 0; }
  .common-list-page .common-list-page-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1024px;
    padding-top: 20px; }
    .common-list-page .common-list-page-content .common-list-header {
      margin-bottom: 10px; }
    .common-list-page .common-list-page-content .common-list-content {
      margin-bottom: 40px; }
    .common-list-page .common-list-page-content .common-empty-list-message-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 100%; }
      .common-list-page .common-list-page-content .common-empty-list-message-container .common-empty-list-message {
        color: #aaaaaa;
        font-weight: 700;
        font-style: italic; }
    .common-list-page .common-list-page-content .common-list-content, .common-list-page .common-list-page-content .common-list-header {
      display: flex;
      flex-direction: column;
      width: 100%; }
      .common-list-page .common-list-page-content .common-list-content .common-list-row-sub-content, .common-list-page .common-list-page-content .common-list-header .common-list-row-sub-content {
        margin-left: 40px;
        box-sizing: border-box; }
        .common-list-page .common-list-page-content .common-list-content .common-list-row-sub-content .common-list-sub-row, .common-list-page .common-list-page-content .common-list-header .common-list-row-sub-content .common-list-sub-row {
          min-height: 40px;
          cursor: pointer;
          display: flex;
          flex-direction: column;
          justify-content: center;
          width: 100%; }
          .common-list-page .common-list-page-content .common-list-content .common-list-row-sub-content .common-list-sub-row:nth-child(even), .common-list-page .common-list-page-content .common-list-header .common-list-row-sub-content .common-list-sub-row:nth-child(even) {
            background-color: #eff5ef; }
          .common-list-page .common-list-page-content .common-list-content .common-list-row-sub-content .common-list-sub-row:hover, .common-list-page .common-list-page-content .common-list-header .common-list-row-sub-content .common-list-sub-row:hover {
            opacity: 0.75; }
          .common-list-page .common-list-page-content .common-list-content .common-list-row-sub-content .common-list-sub-row .common-list-sub-row-content, .common-list-page .common-list-page-content .common-list-header .common-list-row-sub-content .common-list-sub-row .common-list-sub-row-content {
            display: flex;
            flex-direction: row;
            align-items: center; }
      .common-list-page .common-list-page-content .common-list-content .common-list-row, .common-list-page .common-list-page-content .common-list-header .common-list-row {
        display: flex;
        flex-direction: column; }
        .common-list-page .common-list-page-content .common-list-content .common-list-row .common-list-row-content, .common-list-page .common-list-page-content .common-list-header .common-list-row .common-list-row-content {
          display: flex;
          flex-direction: row; }
        .common-list-page .common-list-page-content .common-list-content .common-list-row.common-list-values-row, .common-list-page .common-list-page-content .common-list-header .common-list-row.common-list-values-row {
          min-height: 40px;
          cursor: pointer; }
          .common-list-page .common-list-page-content .common-list-content .common-list-row.common-list-values-row:hover, .common-list-page .common-list-page-content .common-list-header .common-list-row.common-list-values-row:hover {
            opacity: 0.75; }
          .common-list-page .common-list-page-content .common-list-content .common-list-row.common-list-values-row:nth-child(odd), .common-list-page .common-list-page-content .common-list-header .common-list-row.common-list-values-row:nth-child(odd) {
            background-color: #eff5ef; }
        .common-list-page .common-list-page-content .common-list-content .common-list-row .common-list-row-cell, .common-list-page .common-list-page-content .common-list-header .common-list-row .common-list-row-cell {
          display: flex;
          flex-direction: row;
          align-items: center;
          padding-left: 15px;
          padding-right: 15px;
          box-sizing: border-box; }
          .common-list-page .common-list-page-content .common-list-content .common-list-row .common-list-row-cell.common-list-row-label-cell, .common-list-page .common-list-page-content .common-list-header .common-list-row .common-list-row-cell.common-list-row-label-cell {
            text-transform: uppercase;
            font-size: 15px;
            letter-spacing: 0.5px;
            font-weight: 700; }
          .common-list-page .common-list-page-content .common-list-content .common-list-row .common-list-row-cell.common-list-row-value-cell, .common-list-page .common-list-page-content .common-list-header .common-list-row .common-list-row-cell.common-list-row-value-cell {
            font-size: 12px;
            padding-top: 10px;
            padding-bottom: 10px; }

.confirm-cancel-modal {
  width: 600px !important;
  text-align: left; }
  .confirm-cancel-modal .common-modal-body {
    overflow-y: hidden !important; }
  .confirm-cancel-modal .confirm-cancel-modal-body {
    font-size: 16px; }
    .confirm-cancel-modal .confirm-cancel-modal-body .confirm-cancel-modal-message:not(:last-child) {
      margin-bottom: 20px; }
  .confirm-cancel-modal .confirm-cancel-modal-options {
    display: flex;
    flex-direction: row;
    margin-top: 20px; }

.confirm-cancel-modal-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  margin-left: 10px;
  margin-right: 10px; }
  .confirm-cancel-modal-button.confirm-cancel-modal-confirm-button {
    background-color: #aaaaaa !important; }
  .confirm-cancel-modal-button.confirm-cancel-modal-delete-button {
    background-color: #d6e3d0; }

.search-bar-outer-container {
  display: flex;
  margin-right: 20px; }
  .search-bar-outer-container .search-bar-loading-indicator-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 40px;
    text-align: center; }
    .search-bar-outer-container .search-bar-loading-indicator-container .search-bar-loading-indicator {
      width: 30px;
      height: 30px; }
  .search-bar-outer-container .search-bar-container {
    display: flex;
    border: 1px solid #d6e3d0;
    height: 50px;
    border-radius: calc(50px / 2);
    padding-left: 10px;
    padding-right: 10px; }
    .search-bar-outer-container .search-bar-container .search-bar-icon-container {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 40px;
      text-align: center; }
      .search-bar-outer-container .search-bar-container .search-bar-icon-container .search-bar-icon {
        width: 30px;
        height: 30px;
        margin: 0 auto; }
    .search-bar-outer-container .search-bar-container .search-bar-field-container {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      overflow: hidden;
      padding-right: 10px;
      padding-left: 10px; }
      .search-bar-outer-container .search-bar-container .search-bar-field-container .search-bar-field {
        border: 0;
        font-size: 17px;
        font-weight: 400;
        min-width: 200px;
        outline: none; }

.expanding-pill-button-section {
  display: flex;
  flex-direction: column;
  max-height: 50px;
  width: 100%;
  max-width: fit-content;
  overflow: hidden;
  transition: 0.15s ease-in-out;
  transition-delay: 0.15s;
  border-radius: 25px;
  color: #ffffff;
  background-color: #2b2f2a; }
  .expanding-pill-button-section.expanded {
    transition-delay: 0s;
    background-color: #d6e3d0;
    max-height: 9999px;
    max-width: 100% !important;
    color: #2b2f2a; }
    .expanding-pill-button-section.expanded .expanding-pill-button-container .pill-button .pill-button-content .pill-button-text {
      color: #2b2f2a; }
    .expanding-pill-button-section.expanded .expanding-pill-button-container .pill-button .pill-button-content .expanding-pill-button-section-icon {
      transform: rotate(180deg); }
      .expanding-pill-button-section.expanded .expanding-pill-button-container .pill-button .pill-button-content .expanding-pill-button-section-icon path {
        fill: #2b2f2a; }
    .expanding-pill-button-section.expanded .expanding-content {
      opacity: 1;
      max-width: 100% !important;
      transition-delay: 0.15s; }
  .expanding-pill-button-section .expanding-pill-button-container {
    margin: 0;
    background-color: transparent;
    cursor: pointer; }
    .expanding-pill-button-section .expanding-pill-button-container .pill-button {
      background-color: transparent; }
      .expanding-pill-button-section .expanding-pill-button-container .pill-button .pill-button-content {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%; }
        .expanding-pill-button-section .expanding-pill-button-container .pill-button .pill-button-content .pill-button-text-section {
          display: flex;
          flex-direction: row;
          align-items: center;
          padding-right: 20px;
          flex: 1; }
          .expanding-pill-button-section .expanding-pill-button-container .pill-button .pill-button-content .pill-button-text-section .pill-button-text {
            white-space: nowrap; }
        .expanding-pill-button-section .expanding-pill-button-container .pill-button .pill-button-content .expanding-pill-button-section-icon {
          transition: 0.15s ease-in-out;
          width: 20px;
          height: auto; }
          .expanding-pill-button-section .expanding-pill-button-container .pill-button .pill-button-content .expanding-pill-button-section-icon path {
            fill: #ffffff; }
  .expanding-pill-button-section .expanding-content {
    padding: 20px;
    transition: 0.15s ease-in-out;
    max-width: 0;
    opacity: 0;
    transition-delay: 0s; }

.leave-without-saving-warning-modal {
  width: 600px !important;
  text-align: left; }
  .leave-without-saving-warning-modal .leave-without-saving-warning-modal-header .leave-without-saving-warning-modal-header-text {
    font-size: 24px;
    font-weight: 700; }
  .leave-without-saving-warning-modal .leave-without-saving-warning-modal-body {
    font-size: 16px; }
  .leave-without-saving-warning-modal .leave-without-saving-warning-modal-options {
    display: flex;
    flex-direction: row;
    margin-top: 20px; }

.leave-without-saving-warning-modal-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  margin-left: 10px;
  margin-right: 10px; }
  .leave-without-saving-warning-modal-button.leave-without-saving-warning-modal-cancel-button {
    background-color: #aaaaaa !important; }
  .leave-without-saving-warning-modal-button.leave-without-saving-warning-modal-leave-button {
    background-color: #2b2f2a; }

.common-list-pagination-options {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 40px; }
  .common-list-pagination-options .pagination-arrow-container {
    font-size: 0; }
  .common-list-pagination-options .common-list-pagination-options-left {
    display: flex;
    flex-direction: row; }
  .common-list-pagination-options .common-list-pagination-options-right {
    display: flex;
    flex-direction: row; }
  .common-list-pagination-options .pagination-ellipsis {
    display: flex;
    font-weight: 700;
    font-size: 14px;
    margin-left: 10px;
    margin-right: 10px; }
  .common-list-pagination-options .paging-nav-cell {
    display: flex; }
  .common-list-pagination-options .pagination-element {
    display: flex;
    margin-left: 10px;
    margin-right: 10px;
    width: 28px;
    height: 28px;
    border-radius: calc(28px / 2);
    background-color: transparent;
    align-items: center;
    justify-content: center; }
    .common-list-pagination-options .pagination-element.pagination-link {
      cursor: pointer; }
      .common-list-pagination-options .pagination-element.pagination-link.pagination-link-selected {
        background-color: #2b2f2a;
        color: #ffffff; }
      .common-list-pagination-options .pagination-element.pagination-link:hover {
        background-color: #cccccc !important; }
      .common-list-pagination-options .pagination-element.pagination-link:not(.pagination-link-selected):hover {
        background-color: #cccccc !important;
        color: #ffffff !important; }
    .common-list-pagination-options .pagination-element .pagination-nav-button-container {
      cursor: pointer;
      font-size: 0;
      width: 28px;
      height: 28px;
      border-radius: calc(28px / 2);
      background-color: transparent; }
      .common-list-pagination-options .pagination-element .pagination-nav-button-container:hover {
        opacity: 0.75;
        background-color: #cccccc; }
      .common-list-pagination-options .pagination-element .pagination-nav-button-container .pagination-nav-button-icon {
        padding: 5px;
        width: calc(28px - (5px * 2));
        height: calc(28px - (5px * 2)); }

.loading-indicator-overlay {
  display: flex;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 999;
  align-items: center;
  justify-content: center; }

.loading-indicator-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: #ffffff;
  border-radius: 20px; }

.loading-indicator.tiny-loading-indicator {
  width: 20px;
  height: 20px; }

.common-modal {
  z-index: 800;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s; }
  .common-modal .common-modal-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    max-height: 100vh;
    overflow: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .common-modal .common-modal-overlay .common-modal-box {
      margin: 0 auto;
      background-color: #ffffff;
      box-sizing: border-box;
      position: relative;
      width: 100%;
      max-width: 800px;
      display: flex;
      flex-direction: column;
      flex: 0;
      border-radius: 20px;
      max-height: 90vh; }
      .common-modal .common-modal-overlay .common-modal-box .common-modal-header {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: 60px;
        justify-content: center; }
        .common-modal .common-modal-overlay .common-modal-box .common-modal-header .common-modal-header-content {
          display: flex;
          flex-direction: row;
          flex: 1;
          width: 100%;
          height: 60px; }
          .common-modal .common-modal-overlay .common-modal-box .common-modal-header .common-modal-header-content .common-modal-header-text-container {
            display: flex;
            flex: 1;
            flex-direction: row;
            align-items: center;
            justify-content: flex-start;
            padding-left: 20px; }
            .common-modal .common-modal-overlay .common-modal-box .common-modal-header .common-modal-header-content .common-modal-header-text-container .common-modal-header-text {
              font-size: 30px;
              font-weight: 700; }
          .common-modal .common-modal-overlay .common-modal-box .common-modal-header .common-modal-header-content .common-modal-close-option-container {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-end; }
            .common-modal .common-modal-overlay .common-modal-box .common-modal-header .common-modal-header-content .common-modal-close-option-container .common-modal-close-option {
              padding-right: 20px;
              box-sizing: border-box;
              width: 60px;
              height: 60px;
              display: flex;
              flex-direction: row;
              align-items: center;
              justify-content: flex-end;
              cursor: pointer; }
              .common-modal .common-modal-overlay .common-modal-box .common-modal-header .common-modal-header-content .common-modal-close-option-container .common-modal-close-option:hover {
                opacity: 0.75; }
              .common-modal .common-modal-overlay .common-modal-box .common-modal-header .common-modal-header-content .common-modal-close-option-container .common-modal-close-option .common-modal-close-option-icon {
                width: 25px;
                height: 25px; }
      .common-modal .common-modal-overlay .common-modal-box .common-modal-divider-container {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 3px;
        align-items: center;
        justify-content: center;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box; }
        .common-modal .common-modal-overlay .common-modal-box .common-modal-divider-container .common-modal-divider {
          display: flex;
          flex-direction: column;
          width: 100%;
          height: 3px;
          background-color: #d6e3d0; }
      .common-modal .common-modal-overlay .common-modal-box .common-modal-body {
        display: flex;
        flex-direction: column;
        flex: 1;
        width: 100%;
        align-items: center;
        padding: 20px;
        box-sizing: border-box;
        overflow-x: hidden;
        overflow-y: scroll;
        scrollbar-width: none; }

.pill-button-container {
  height: 50px;
  display: flex; }
  .pill-button-container .pill-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    border-radius: 25px;
    cursor: pointer;
    color: #ffffff;
    background-color: #2b2f2a;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box; }
    .pill-button-container .pill-button:hover {
      opacity: 0.75 !important; }
    .pill-button-container .pill-button .pill-button-icon-container {
      display: flex;
      flex-direction: row; }
      .pill-button-container .pill-button .pill-button-icon-container.left {
        margin-right: 10px; }
      .pill-button-container .pill-button .pill-button-icon-container.right {
        margin-left: 10px; }
    .pill-button-container .pill-button .pill-button-text {
      display: flex;
      flex-direction: row;
      justify-content: center;
      font-size: 20px;
      text-align: center;
      font-weight: 700; }
    .pill-button-container .pill-button.grass-button {
      background-color: #6ea27f; }
    .pill-button-container .pill-button.white-button {
      background-color: #ffffff; }
      .pill-button-container .pill-button.white-button .pill-button-text {
        color: #000000; }

.radio-option-set {
  display: flex;
  flex-direction: row; }
  .radio-option-set .common-radio-option {
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    margin-right: 25px; }
    .radio-option-set .common-radio-option:hover .common-radio-option-circle {
      border-width: 2px;
      margin: 0; }
    .radio-option-set .common-radio-option .common-radio-option-circle {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 25px;
      height: 25px;
      border-radius: 50%;
      border: 1px solid #2b2f2a;
      margin: 1px;
      background-color: #ffffff; }
      .radio-option-set .common-radio-option .common-radio-option-circle .common-radio-option-dot {
        background-color: #2b2f2a;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        display: flex;
        flex-direction: row; }
    .radio-option-set .common-radio-option .common-radio-option-label {
      padding-left: 6px; }

.common-customer-modal-box .common-customer-form .proposed-data-explainer {
  font-style: italic;
  color: #bb342d;
  opacity: 0.7;
  font-weight: 700; }

.fp-service-type-form .common-form-field-label {
  width: 280px !important; }
.fp-service-type-form .qbo-account-select {
  width: 100%; }
.fp-service-type-form .qbo-account-select-row {
  flex: 1; }
.fp-service-type-form .common-form-options {
  justify-content: flex-end; }
  .fp-service-type-form .common-form-options .pill-button-container {
    margin: 0; }

.fp-services-management-page {
  margin-bottom: 60px; }
  .fp-services-management-page .fp-service-type-tabs {
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    width: 100%; }
    .fp-services-management-page .fp-service-type-tabs .fp-service-type-tabs-content {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      max-width: 700px; }
      .fp-services-management-page .fp-service-type-tabs .fp-service-type-tabs-content .fp-service-type-tab {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        cursor: pointer; }
        .fp-services-management-page .fp-service-type-tabs .fp-service-type-tabs-content .fp-service-type-tab:hover {
          opacity: 0.75; }
        .fp-services-management-page .fp-service-type-tabs .fp-service-type-tabs-content .fp-service-type-tab .fp-service-type-tab-text {
          padding-left: 10px;
          padding-right: 10px;
          font-size: 20px;
          padding-bottom: 5px; }
        .fp-services-management-page .fp-service-type-tabs .fp-service-type-tabs-content .fp-service-type-tab.selected {
          border-bottom: 3px solid #486c54; }
          .fp-services-management-page .fp-service-type-tabs .fp-service-type-tabs-content .fp-service-type-tab.selected .fp-service-type-tab-text {
            font-weight: 700; }

.fp-services-form .common-form-list-row-cell.fp-service-name {
  width: 30%; }
.fp-services-form .common-form-list-row-cell.qbo-income-account {
  width: 70%; }
.fp-services-form.with-expense-field .common-form-list-row-cell.qbo-income-account {
  width: 35%;
  padding-right: 20px; }
.fp-services-form.with-expense-field .common-form-list-row-cell.qbo-expense-account {
  width: 35%; }
.fp-services-form .qbo-account-select {
  width: 100%; }
.fp-services-form .qbo-account-select-row {
  flex: 1; }
.fp-services-form .common-form-options {
  justify-content: flex-end; }
  .fp-services-form .common-form-options .pill-button-container {
    margin: 0; }

.invoice-payment-settings-page .invoice-payment-settings-form .common-form-field-label {
  width: 380px !important;
  padding-right: 20px;
  box-sizing: border-box; }
.invoice-payment-settings-page .invoice-payment-settings-form .qbo-account-select {
  width: 100%; }
.invoice-payment-settings-page .invoice-payment-settings-form .qbo-account-select-row {
  flex: 1; }
.invoice-payment-settings-page .invoice-payment-settings-form .common-form-options {
  justify-content: flex-end; }
  .invoice-payment-settings-page .invoice-payment-settings-form .common-form-options .pill-button-container {
    margin: 0; }

.invoices-list-page .invoices-list-row-cell.invoice-number {
  width: 15%;
  display: flex;
  flex-direction: row;
  align-items: center; }
  .invoices-list-page .invoices-list-row-cell.invoice-number .invoice-number-cell-content .billing-system-invoice-number {
    display: inline;
    font-weight: 700; }
  .invoices-list-page .invoices-list-row-cell.invoice-number .invoice-number-cell-content .fp-invoice-number {
    display: inline;
    font-style: italic;
    opacity: 0.6;
    font-size: 10px;
    margin-left: 5px; }
.invoices-list-page .invoices-list-row-cell.company-name {
  width: 15%; }
.invoices-list-page .invoices-list-row-cell.invoice-type {
  width: 7%; }
  .invoices-list-page .invoices-list-row-cell.invoice-type .invoice-number-icon {
    width: 25px; }
.invoices-list-page .invoices-list-row-cell.invoice-description {
  width: 38%;
  white-space: pre-line; }
.invoices-list-page .invoices-list-row-cell.invoice-total {
  width: 10%; }
.invoices-list-page .invoices-list-row-cell.invoice-status {
  width: 15%; }

.invoice-billing-prep-form .custom-invoice-number-field {
  align-items: center !important; }
.invoice-billing-prep-form .common-form-field-label {
  width: 160px !important; }
.invoice-billing-prep-form .common-form-select {
  width: 100%; }
.invoice-billing-prep-form .prep-invoice-line-items-section .prep-invoice-line-items-label {
  font-size: 16px;
  color: #2b2f2a;
  font-weight: 700;
  padding-bottom: 20px;
  padding-top: 20px; }
.invoice-billing-prep-form .prep-invoice-line-items-section .prep-invoice-line-items .prep-invoice-line-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-bottom: 1px dotted #2b2f2a;
  padding-bottom: 5px;
  margin-bottom: 5px; }
  .invoice-billing-prep-form .prep-invoice-line-items-section .prep-invoice-line-items .prep-invoice-line-item .prep-invoice-line-item-content {
    display: flex;
    flex-direction: row;
    flex: 1;
    width: 100%;
    align-items: center; }
    .invoice-billing-prep-form .prep-invoice-line-items-section .prep-invoice-line-items .prep-invoice-line-item .prep-invoice-line-item-content .prep-invoice-line-item-label {
      display: flex;
      flex-direction: row;
      flex: 3;
      align-items: center;
      padding-right: 20px; }
      .invoice-billing-prep-form .prep-invoice-line-items-section .prep-invoice-line-items .prep-invoice-line-item .prep-invoice-line-item-content .prep-invoice-line-item-label .prep-invoice-line-item-name {
        display: flex;
        flex-direction: row;
        flex: 1; }
    .invoice-billing-prep-form .prep-invoice-line-items-section .prep-invoice-line-items .prep-invoice-line-item .prep-invoice-line-item-content .prep-invoice-line-item-total {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-end;
      font-weight: 700;
      width: 90px; }
.invoice-billing-prep-form .empty-invoice-line-list-message {
  font-weight: 700;
  color: #aaaaaa;
  font-size: 16px;
  border-top: 1px solid #aaaaaa;
  padding-top: 10px; }
.invoice-billing-prep-form .prep-invoice-line-items-total {
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-end;
  font-weight: 700;
  padding-right: 10px;
  box-sizing: border-box; }
  .invoice-billing-prep-form .prep-invoice-line-items-total.invalid {
    color: #bb342d; }
  .invoice-billing-prep-form .prep-invoice-line-items-total .original-fp-invoice-total {
    color: #bb342d;
    font-style: italic;
    opacity: 0.7; }
.invoice-billing-prep-form .invoice-lines-list {
  background-color: #ffffff;
  padding: 20px;
  border-radius: 20px;
  box-sizing: border-box; }
  .invoice-billing-prep-form .invoice-lines-list .common-form-list-row .common-form-list-row-cell.number {
    font-size: 20px;
    font-weight: 700; }
  .invoice-billing-prep-form .invoice-lines-list.stripe-invoice-lines-list .prep-invoice-line-items-total {
    padding-right: calc(5% + 10px); }
  .invoice-billing-prep-form .invoice-lines-list.stripe-invoice-lines-list .common-form-list-row-cell {
    padding-right: 10px;
    box-sizing: border-box; }
    .invoice-billing-prep-form .invoice-lines-list.stripe-invoice-lines-list .common-form-list-row-cell.number {
      width: 6%;
      max-width: 6%; }
    .invoice-billing-prep-form .invoice-lines-list.stripe-invoice-lines-list .common-form-list-row-cell.name {
      width: 69%;
      max-width: 69%; }
    .invoice-billing-prep-form .invoice-lines-list.stripe-invoice-lines-list .common-form-list-row-cell.amount {
      width: 20%;
      max-width: 20%; }
      .invoice-billing-prep-form .invoice-lines-list.stripe-invoice-lines-list .common-form-list-row-cell.amount .amount-dollar-sign {
        margin-right: 3px; }
    .invoice-billing-prep-form .invoice-lines-list.stripe-invoice-lines-list .common-form-list-row-cell.delete-button {
      width: 5%;
      max-width: 5%;
      justify-content: flex-end;
      padding-right: 0; }
      .invoice-billing-prep-form .invoice-lines-list.stripe-invoice-lines-list .common-form-list-row-cell.delete-button .invoice-line-delete-button-icon {
        width: 25px;
        height: 25px; }
  .invoice-billing-prep-form .invoice-lines-list.stripe-invoice-lines-list.read-only .prep-invoice-line-items-total {
    padding-right: 10px; }
  .invoice-billing-prep-form .invoice-lines-list.stripe-invoice-lines-list.read-only .common-form-list-row-cell.number {
    width: 6%;
    max-width: 6%; }
  .invoice-billing-prep-form .invoice-lines-list.stripe-invoice-lines-list.read-only .common-form-list-row-cell.name {
    width: 74%;
    max-width: 74%; }
  .invoice-billing-prep-form .invoice-lines-list.stripe-invoice-lines-list.read-only .common-form-list-row-cell.amount {
    width: 20%;
    max-width: 20%;
    justify-content: flex-end; }
  .invoice-billing-prep-form .invoice-lines-list.stripe-invoice-lines-list.read-only .common-form-list-row .common-form-list-row-cell.amount {
    font-weight: 700; }
  .invoice-billing-prep-form .invoice-lines-list.stripe-invoice-lines-list.read-only .common-form-list-header {
    border-bottom: 1px solid #2b2f2a;
    padding-bottom: 5px;
    margin-bottom: 5px; }
  .invoice-billing-prep-form .invoice-lines-list.stripe-invoice-lines-list.read-only .common-form-list-row {
    border-bottom: 1px dotted #aaaaaa;
    padding-bottom: 5px;
    margin-bottom: 5px; }
  .invoice-billing-prep-form .invoice-lines-list.qbo-invoice-lines-list .prep-invoice-line-items-total {
    padding-right: calc(3% + 10px); }
  .invoice-billing-prep-form .invoice-lines-list.qbo-invoice-lines-list .common-form-list-row-cell {
    padding-right: 10px;
    box-sizing: border-box; }
    .invoice-billing-prep-form .invoice-lines-list.qbo-invoice-lines-list .common-form-list-row-cell.number {
      width: 5%;
      max-width: 5%; }
    .invoice-billing-prep-form .invoice-lines-list.qbo-invoice-lines-list .common-form-list-row-cell.type {
      width: 15%;
      max-width: 15%; }
    .invoice-billing-prep-form .invoice-lines-list.qbo-invoice-lines-list .common-form-list-row-cell.name {
      width: 32%;
      max-width: 32%; }
    .invoice-billing-prep-form .invoice-lines-list.qbo-invoice-lines-list .common-form-list-row-cell.fp-service {
      width: 20%;
      max-width: 20%; }
    .invoice-billing-prep-form .invoice-lines-list.qbo-invoice-lines-list .common-form-list-row-cell.fp-service-type {
      width: 15%;
      max-width: 15%; }
    .invoice-billing-prep-form .invoice-lines-list.qbo-invoice-lines-list .common-form-list-row-cell.amount {
      width: 10%;
      max-width: 10%; }
      .invoice-billing-prep-form .invoice-lines-list.qbo-invoice-lines-list .common-form-list-row-cell.amount .amount-dollar-sign {
        margin-right: 3px; }
    .invoice-billing-prep-form .invoice-lines-list.qbo-invoice-lines-list .common-form-list-row-cell.delete-button {
      width: 3%;
      max-width: 3%;
      justify-content: flex-end;
      padding-right: 0; }
      .invoice-billing-prep-form .invoice-lines-list.qbo-invoice-lines-list .common-form-list-row-cell.delete-button .invoice-line-delete-button-icon {
        width: 25px;
        height: 25px; }
  .invoice-billing-prep-form .invoice-lines-list.qbo-invoice-lines-list.read-only .prep-invoice-line-items-total {
    padding-right: 10px; }
  .invoice-billing-prep-form .invoice-lines-list.qbo-invoice-lines-list.read-only .common-form-list-row-cell.number {
    width: 5%;
    max-width: 5%; }
  .invoice-billing-prep-form .invoice-lines-list.qbo-invoice-lines-list.read-only .common-form-list-row-cell.name {
    width: 44%;
    max-width: 44%; }
  .invoice-billing-prep-form .invoice-lines-list.qbo-invoice-lines-list.read-only .common-form-list-row-cell.fp-service {
    width: 20%;
    max-width: 20%; }
  .invoice-billing-prep-form .invoice-lines-list.qbo-invoice-lines-list.read-only .common-form-list-row-cell.fp-service-type {
    width: 18%;
    max-width: 18%; }
  .invoice-billing-prep-form .invoice-lines-list.qbo-invoice-lines-list.read-only .common-form-list-row-cell.amount {
    justify-content: right;
    width: 13%;
    max-width: 13%; }
    .invoice-billing-prep-form .invoice-lines-list.qbo-invoice-lines-list.read-only .common-form-list-row-cell.amount .amount-dollar-sign {
      margin-right: 3px; }
  .invoice-billing-prep-form .invoice-lines-list.qbo-invoice-lines-list.read-only .common-form-list-row .common-form-list-row-cell.amount {
    font-weight: 700; }
  .invoice-billing-prep-form .invoice-lines-list.qbo-invoice-lines-list.read-only .common-form-list-header {
    border-bottom: 1px solid #2b2f2a;
    padding-bottom: 5px;
    margin-bottom: 5px; }
  .invoice-billing-prep-form .invoice-lines-list.qbo-invoice-lines-list.read-only .common-form-list-row {
    border-bottom: 1px dotted #aaaaaa;
    padding-bottom: 5px;
    margin-bottom: 5px; }
.invoice-billing-prep-form .invoice-billing-prep-form-options-row .invoice-billing-prep-form-submit-description {
  color: #bb342d;
  font-weight: 700;
  text-align: right;
  padding-right: 10px;
  padding-bottom: 20px; }
.invoice-billing-prep-form .invoice-billing-prep-form-options-row .common-form-options {
  justify-content: flex-end; }
  .invoice-billing-prep-form .invoice-billing-prep-form-options-row .common-form-options .common-form-button-container {
    margin-right: 10px; }

.single-invoice-modal-box {
  max-width: 1024px !important;
  box-sizing: border-box;
  min-height: 90vh; }
  .single-invoice-modal-box.not-tracked {
    max-width: 1224px !important; }
  .single-invoice-modal-box .make-subscription-button-container .make-subscription-button .pill-button-icon-container .pill-button-icon {
    width: 16px; }
  .single-invoice-modal-box .update-not-tracked-invoice-container .invoice-summary .invoice-summary-content .invoice-summary-left {
    flex: 2 !important; }
  .single-invoice-modal-box .update-not-tracked-invoice-container .invoice-summary .invoice-summary-content .invoice-summary-right {
    justify-content: flex-end; }
  .single-invoice-modal-box .common-modal-header .common-modal-header-content .common-modal-header-text-container .single-invoice-header-info {
    display: flex;
    flex-direction: row;
    align-items: center; }
    .single-invoice-modal-box .common-modal-header .common-modal-header-content .common-modal-header-text-container .single-invoice-header-info.multi-level-display {
      align-items: flex-end; }
      .single-invoice-modal-box .common-modal-header .common-modal-header-content .common-modal-header-text-container .single-invoice-header-info.multi-level-display .single-invoice-header-status {
        padding-bottom: 2px; }
    .single-invoice-modal-box .common-modal-header .common-modal-header-content .common-modal-header-text-container .single-invoice-header-info .invoice-header-main {
      display: flex;
      flex-direction: row; }
      .single-invoice-modal-box .common-modal-header .common-modal-header-content .common-modal-header-text-container .single-invoice-header-info .invoice-header-main .invoice-header-main-content {
        display: flex;
        flex-direction: column; }
      .single-invoice-modal-box .common-modal-header .common-modal-header-content .common-modal-header-text-container .single-invoice-header-info .invoice-header-main .invoice-header-text {
        font-size: 28px;
        font-weight: 700;
        line-height: 32px; }
      .single-invoice-modal-box .common-modal-header .common-modal-header-content .common-modal-header-text-container .single-invoice-header-info .invoice-header-main a.invoice-basics-link {
        cursor: pointer;
        color: #2b2f2a !important;
        font-size: 13px; }
        .single-invoice-modal-box .common-modal-header .common-modal-header-content .common-modal-header-text-container .single-invoice-header-info .invoice-header-main a.invoice-basics-link:hover {
          opacity: 0.4; }
      .single-invoice-modal-box .common-modal-header .common-modal-header-content .common-modal-header-text-container .single-invoice-header-info .invoice-header-main .invoice-basics {
        color: #2b2f2a !important;
        font-size: 13px;
        opacity: 0.6; }
        .single-invoice-modal-box .common-modal-header .common-modal-header-content .common-modal-header-text-container .single-invoice-header-info .invoice-header-main .invoice-basics .invoice-basics-main {
          padding-right: 5px; }
        .single-invoice-modal-box .common-modal-header .common-modal-header-content .common-modal-header-text-container .single-invoice-header-info .invoice-header-main .invoice-basics .invoice-basics-link-content {
          cursor: pointer; }
          .single-invoice-modal-box .common-modal-header .common-modal-header-content .common-modal-header-text-container .single-invoice-header-info .invoice-header-main .invoice-basics .invoice-basics-link-content:hover {
            opacity: 0.4; }
        .single-invoice-modal-box .common-modal-header .common-modal-header-content .common-modal-header-text-container .single-invoice-header-info .invoice-header-main .invoice-basics .invoice-basics-link-main {
          text-decoration: underline; }
        .single-invoice-modal-box .common-modal-header .common-modal-header-content .common-modal-header-text-container .single-invoice-header-info .invoice-header-main .invoice-basics .subscription-detail-header-total {
          padding-left: 4px; }
        .single-invoice-modal-box .common-modal-header .common-modal-header-content .common-modal-header-text-container .single-invoice-header-info .invoice-header-main .invoice-basics .invoice-basics-icon {
          width: 6px;
          margin-left: 5px; }
    .single-invoice-modal-box .common-modal-header .common-modal-header-content .common-modal-header-text-container .single-invoice-header-info .single-invoice-header-main-text {
      display: flex;
      flex-direction: row;
      font-size: 34px;
      font-weight: 700;
      align-items: center; }
    .single-invoice-modal-box .common-modal-header .common-modal-header-content .common-modal-header-text-container .single-invoice-header-info .single-invoice-header-details {
      display: flex;
      flex-direction: row;
      padding-left: 20px;
      align-items: center; }
      .single-invoice-modal-box .common-modal-header .common-modal-header-content .common-modal-header-text-container .single-invoice-header-info .single-invoice-header-details .single-invoice-header-details-content {
        display: flex;
        flex-direction: column;
        justify-content: center; }
        .single-invoice-modal-box .common-modal-header .common-modal-header-content .common-modal-header-text-container .single-invoice-header-info .single-invoice-header-details .single-invoice-header-details-content .single-invoice-header-status {
          font-size: 16px;
          line-height: 16px; }
        .single-invoice-modal-box .common-modal-header .common-modal-header-content .common-modal-header-text-container .single-invoice-header-info .single-invoice-header-details .single-invoice-header-details-content .single-invoice-header-additional-info {
          font-size: 13px;
          font-style: italic;
          opacity: 0.6; }
  .single-invoice-modal-box .single-invoice {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
    box-sizing: border-box; }
    .single-invoice-modal-box .single-invoice .single-invoice-content {
      display: flex;
      flex-direction: column;
      width: 100%;
      padding-bottom: 40px; }
    .single-invoice-modal-box .single-invoice .invoice-summary {
      display: flex;
      flex-direction: column;
      width: 100%;
      padding-bottom: 40px; }
      .single-invoice-modal-box .single-invoice .invoice-summary .external-link-icon {
        margin-top: 2px;
        width: 15px;
        height: 15px;
        margin-left: 5px; }
      .single-invoice-modal-box .single-invoice .invoice-summary .link-icon {
        width: 24px;
        height: 24px;
        margin-left: 5px;
        margin-right: 5px; }
      .single-invoice-modal-box .single-invoice .invoice-summary .invoice-sync-status-section {
        display: flex;
        flex-direction: column;
        width: 100%;
        box-sizing: border-box; }
        .single-invoice-modal-box .single-invoice .invoice-summary .invoice-sync-status-section .invoice-sync-status-summary {
          display: flex;
          flex-direction: column;
          width: 100%;
          padding-bottom: 10px; }
          .single-invoice-modal-box .single-invoice .invoice-summary .invoice-sync-status-section .invoice-sync-status-summary .invoice-sync-status-summary-content {
            display: flex;
            flex-direction: row;
            align-items: flex-end;
            justify-content: flex-start;
            flex: 1; }
            .single-invoice-modal-box .single-invoice .invoice-summary .invoice-sync-status-section .invoice-sync-status-summary .invoice-sync-status-summary-content .sync-status-text {
              color: #2b2f2a;
              padding-right: 5px;
              font-size: 20px; }
            .single-invoice-modal-box .single-invoice .invoice-summary .invoice-sync-status-section .invoice-sync-status-summary .invoice-sync-status-summary-content .sync-status-message {
              display: inline-block;
              width: 100%;
              font-weight: 700; }
              .single-invoice-modal-box .single-invoice .invoice-summary .invoice-sync-status-section .invoice-sync-status-summary .invoice-sync-status-summary-content .sync-status-message.invoice-out-of-sync-message {
                color: #bb342d; }
              .single-invoice-modal-box .single-invoice .invoice-summary .invoice-sync-status-section .invoice-sync-status-summary .invoice-sync-status-summary-content .sync-status-message.invoice-in-sync-message {
                color: #486c54;
                font-weight: 700; }
              .single-invoice-modal-box .single-invoice .invoice-summary .invoice-sync-status-section .invoice-sync-status-summary .invoice-sync-status-summary-content .sync-status-message span {
                display: inline; }
            .single-invoice-modal-box .single-invoice .invoice-summary .invoice-sync-status-section .invoice-sync-status-summary .invoice-sync-status-summary-content .invoice-sync-button-container {
              margin: 0; }
              .single-invoice-modal-box .single-invoice .invoice-summary .invoice-sync-status-section .invoice-sync-status-summary .invoice-sync-status-summary-content .invoice-sync-button-container .invoice-sync-button {
                flex: 0; }
        .single-invoice-modal-box .single-invoice .invoice-summary .invoice-sync-status-section .invoice-sync-status-breakdown {
          display: flex;
          flex-direction: column;
          width: 100%; }
          .single-invoice-modal-box .single-invoice .invoice-summary .invoice-sync-status-section .invoice-sync-status-breakdown .invoice-line {
            display: flex;
            flex-direction: column;
            width: 100%;
            background-color: #c2d1bb;
            border-radius: 10px;
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 10px;
            padding-right: 10px;
            box-sizing: border-box;
            position: relative;
            z-index: 2; }
            .single-invoice-modal-box .single-invoice .invoice-summary .invoice-sync-status-section .invoice-sync-status-breakdown .invoice-line .invoice-line-content {
              display: flex;
              flex-direction: row;
              align-items: center; }
              .single-invoice-modal-box .single-invoice .invoice-summary .invoice-sync-status-section .invoice-sync-status-breakdown .invoice-line .invoice-line-content .invoice-sync-status-for-platform {
                flex: 1; }
          .single-invoice-modal-box .single-invoice .invoice-summary .invoice-sync-status-section .invoice-sync-status-breakdown .payment-group {
            position: relative;
            z-index: 1;
            margin-top: 5px;
            display: flex;
            flex-direction: column;
            width: 100%;
            align-items: stretch;
            border-radius: 10px;
            padding-top: 10px;
            padding-bottom: 10px;
            box-sizing: border-box;
            padding-left: 20px; }
            .single-invoice-modal-box .single-invoice .invoice-summary .invoice-sync-status-section .invoice-sync-status-breakdown .payment-group .payment-group-content {
              display: flex;
              flex-direction: row;
              align-items: stretch; }
              .single-invoice-modal-box .single-invoice .invoice-summary .invoice-sync-status-section .invoice-sync-status-breakdown .payment-group .payment-group-content .payment-lines {
                display: flex;
                flex-direction: row;
                flex: 1;
                align-items: stretch;
                max-width: 60%; }
                .single-invoice-modal-box .single-invoice .invoice-summary .invoice-sync-status-section .invoice-sync-status-breakdown .payment-group .payment-group-content .payment-lines .payment-lines-content {
                  display: flex;
                  flex-direction: column;
                  width: 100%;
                  align-items: stretch;
                  flex: 1; }
                  .single-invoice-modal-box .single-invoice .invoice-summary .invoice-sync-status-section .invoice-sync-status-breakdown .payment-group .payment-group-content .payment-lines .payment-lines-content .payment-line {
                    display: flex;
                    flex-direction: column;
                    width: 100%;
                    flex: 1;
                    box-sizing: border-box;
                    position: relative;
                    align-items: stretch;
                    padding-bottom: 10px;
                    padding-left: 10px;
                    padding-right: 10px;
                    border-left: 2px solid #c2d1bb;
                    border-bottom: 2px solid #c2d1bb;
                    border-bottom-left-radius: 20px; }
                    .single-invoice-modal-box .single-invoice .invoice-summary .invoice-sync-status-section .invoice-sync-status-breakdown .payment-group .payment-group-content .payment-lines .payment-lines-content .payment-line .payment-line-connector-extender {
                      position: absolute;
                      width: 2px;
                      background-color: #c2d1bb;
                      height: 40px;
                      top: -40px;
                      left: -2px; }
                    .single-invoice-modal-box .single-invoice .invoice-summary .invoice-sync-status-section .invoice-sync-status-breakdown .payment-group .payment-group-content .payment-lines .payment-lines-content .payment-line .payment-line-content {
                      display: flex;
                      flex-direction: row;
                      align-items: stretch;
                      flex: 1;
                      position: relative; }
                      .single-invoice-modal-box .single-invoice .invoice-summary .invoice-sync-status-section .invoice-sync-status-breakdown .payment-group .payment-group-content .payment-lines .payment-lines-content .payment-line .payment-line-content .floating-bt-sync-status-icon {
                        position: absolute;
                        right: -42px; }
                        .single-invoice-modal-box .single-invoice .invoice-summary .invoice-sync-status-section .invoice-sync-status-breakdown .payment-group .payment-group-content .payment-lines .payment-lines-content .payment-line .payment-line-content .floating-bt-sync-status-icon.payout-and-deposit-missing {
                          opacity: 0.5; }
                      .single-invoice-modal-box .single-invoice .invoice-summary .invoice-sync-status-section .invoice-sync-status-breakdown .payment-group .payment-group-content .payment-lines .payment-lines-content .payment-line .payment-line-content .payment-paid-from {
                        display: flex;
                        flex-direction: row;
                        font-size: 12px;
                        font-weight: 700;
                        text-align: center;
                        width: 50px;
                        text-transform: uppercase;
                        padding-right: 10px;
                        line-height: 14px;
                        align-items: center;
                        color: #486c54; }
                      .single-invoice-modal-box .single-invoice .invoice-summary .invoice-sync-status-section .invoice-sync-status-breakdown .payment-group .payment-group-content .payment-lines .payment-lines-content .payment-line .payment-line-content .link-icon {
                        display: flex;
                        align-self: center; }
                      .single-invoice-modal-box .single-invoice .invoice-summary .invoice-sync-status-section .invoice-sync-status-breakdown .payment-group .payment-group-content .payment-lines .payment-lines-content .payment-line .payment-line-content .platform-payment {
                        flex: 1; }
              .single-invoice-modal-box .single-invoice .invoice-summary .invoice-sync-status-section .invoice-sync-status-breakdown .payment-group .payment-group-content .payment-deposit {
                display: flex;
                flex-direction: row;
                margin-left: 40px;
                padding: 10px;
                background-color: #d6e3d0;
                border-radius: 10px; }
                .single-invoice-modal-box .single-invoice .invoice-summary .invoice-sync-status-section .invoice-sync-status-breakdown .payment-group .payment-group-content .payment-deposit .link-icon {
                  display: flex;
                  align-self: center; }
                .single-invoice-modal-box .single-invoice .invoice-summary .invoice-sync-status-section .invoice-sync-status-breakdown .payment-group .payment-group-content .payment-deposit .platform-deposit {
                  flex: 1; }
        .single-invoice-modal-box .single-invoice .invoice-summary .invoice-sync-status-section .test-options-section {
          margin-top: 20px;
          display: flex;
          flex-direction: column;
          align-items: flex-end;
          width: 100%;
          box-sizing: border-box; }
          .single-invoice-modal-box .single-invoice .invoice-summary .invoice-sync-status-section .test-options-section .test-options-section-header {
            display: flex;
            flex-direction: column;
            width: 100%;
            font-weight: 700;
            padding-bottom: 5px;
            padding-left: 10px; }
          .single-invoice-modal-box .single-invoice .invoice-summary .invoice-sync-status-section .test-options-section .test-options {
            display: flex;
            flex-direction: column;
            width: 100%; }
            .single-invoice-modal-box .single-invoice .invoice-summary .invoice-sync-status-section .test-options-section .test-options .test-options-content {
              display: flex;
              flex-direction: row;
              width: 100%;
              justify-content: flex-end; }
              .single-invoice-modal-box .single-invoice .invoice-summary .invoice-sync-status-section .test-options-section .test-options .test-options-content .test-option-container {
                margin-top: 0;
                margin-right: 0;
                margin-bottom: 0;
                margin-left: 20px; }
                .single-invoice-modal-box .single-invoice .invoice-summary .invoice-sync-status-section .test-options-section .test-options .test-options-content .test-option-container .test-option-button {
                  background-color: #a0aecf;
                  max-width: 180px; }
                  .single-invoice-modal-box .single-invoice .invoice-summary .invoice-sync-status-section .test-options-section .test-options .test-options-content .test-option-container .test-option-button.test-full-stripe-payment-button {
                    max-width: 200px; }
                  .single-invoice-modal-box .single-invoice .invoice-summary .invoice-sync-status-section .test-options-section .test-options .test-options-content .test-option-container .test-option-button .pill-button-text {
                    font-size: 14px; }
      .single-invoice-modal-box .single-invoice .invoice-summary .invoice-summary-content {
        display: flex;
        flex-direction: row;
        width: 100%; }
        .single-invoice-modal-box .single-invoice .invoice-summary .invoice-summary-content .invoice-summary-left {
          display: flex;
          flex-direction: row;
          flex: 1; }
          .single-invoice-modal-box .single-invoice .invoice-summary .invoice-summary-content .invoice-summary-left .invoice-summary-left-content {
            display: flex;
            flex-direction: column;
            width: 100%; }
        .single-invoice-modal-box .single-invoice .invoice-summary .invoice-summary-content .invoice-summary-right {
          display: flex;
          flex-direction: row;
          flex: 1; }
          .single-invoice-modal-box .single-invoice .invoice-summary .invoice-summary-content .invoice-summary-right .invoice-summary-right-content {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            width: 100%; }
      .single-invoice-modal-box .single-invoice .invoice-summary .invoice-summary-status-section {
        display: flex;
        flex-direction: column; }
        .single-invoice-modal-box .single-invoice .invoice-summary .invoice-summary-status-section .invoice-summary-status-section-content {
          display: flex;
          flex-direction: row; }
          .single-invoice-modal-box .single-invoice .invoice-summary .invoice-summary-status-section .invoice-summary-status-section-content .invoice-summary-status-section-label {
            display: flex;
            flex-direction: row; }
            .single-invoice-modal-box .single-invoice .invoice-summary .invoice-summary-status-section .invoice-summary-status-section-content .invoice-summary-status-section-label .invoice-summary-status-section-label-text {
              flex: 1;
              font-weight: 700;
              color: #486c54; }
          .single-invoice-modal-box .single-invoice .invoice-summary .invoice-summary-status-section .invoice-summary-status-section-content .invoice-summary-status-section-value {
            display: flex;
            flex-direction: row;
            padding-left: 10px;
            align-items: baseline; }
      .single-invoice-modal-box .single-invoice .invoice-summary .invoice-status {
        font-size: 13px;
        padding-left: 10px;
        font-weight: 700;
        text-transform: uppercase; }
    .single-invoice-modal-box .single-invoice .invoice-prep-section {
      display: flex;
      flex-direction: column;
      width: 100%;
      align-items: flex-end;
      margin-bottom: 40px;
      position: relative; }
      .single-invoice-modal-box .single-invoice .invoice-prep-section .invoice-prep-toggle-container {
        transition: 0.15s ease-in-out; }
        .single-invoice-modal-box .single-invoice .invoice-prep-section .invoice-prep-toggle-container .invoice-prep-toggle-button {
          margin: 0; }
  .single-invoice-modal-box .subscription-invoice-lines {
    padding: 20px;
    border-radius: 20px;
    background-color: #eff5ef; }
    .single-invoice-modal-box .subscription-invoice-lines .subscription-invoice-lines-header {
      display: flex;
      flex-direction: column;
      width: 100%;
      font-size: 24px;
      font-weight: 700;
      border-bottom: 2px solid #6ea27f;
      padding-bottom: 10px;
      margin-bottom: 20px; }

.single-invoice-row {
  display: flex;
  flex-direction: column;
  width: 100%; }
  .single-invoice-row.line-items-row {
    padding-bottom: 20px; }
  .single-invoice-row:not(:last-child) {
    padding-bottom: 40px; }
  .single-invoice-row .single-invoice-row-content {
    display: flex;
    flex-direction: row;
    align-items: flex-start; }
    .single-invoice-row .single-invoice-row-content .single-invoice-row-part {
      display: flex;
      flex-direction: row;
      align-items: center;
      flex: 1; }
      .single-invoice-row .single-invoice-row-content .single-invoice-row-part.bottom-details {
        justify-content: flex-end; }
        .single-invoice-row .single-invoice-row-content .single-invoice-row-part.bottom-details .single-invoice-detail-content {
          justify-content: flex-end; }
      .single-invoice-row .single-invoice-row-content .single-invoice-row-part.date-details {
        justify-content: flex-end; }
        .single-invoice-row .single-invoice-row-content .single-invoice-row-part.date-details .single-invoice-detail-content {
          justify-content: flex-end; }
      .single-invoice-row .single-invoice-row-content .single-invoice-row-part .single-invoice-row-part-content {
        display: flex;
        flex-direction: column; }
      .single-invoice-row .single-invoice-row-content .single-invoice-row-part .single-invoice-details-section:not(:last-child) {
        margin-bottom: 20px; }
  .single-invoice-row .invoice-line-items-header {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-bottom: 2px solid #6ea27f;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-size: 20px; }
    .single-invoice-row .invoice-line-items-header .invoice-line-items-header-content {
      display: flex;
      flex-direction: row;
      align-items: center;
      font-weight: 700; }
      .single-invoice-row .invoice-line-items-header .invoice-line-items-header-content .invoice-line-items-header-left {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex: 1; }
      .single-invoice-row .invoice-line-items-header .invoice-line-items-header-content .invoice-line-items-header-right {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        flex: 1; }
  .single-invoice-row .invoice-line-items-list {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-bottom: 2px solid #6ea27f; }
  .single-invoice-row .invoice-line-item {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-bottom: 20px; }
    .single-invoice-row .invoice-line-item .invoice-line-item-summary {
      display: flex;
      flex-direction: column;
      width: 100%;
      padding-bottom: 5px;
      margin-bottom: 5px;
      background-color: #d6e3d0;
      border-radius: 5px;
      padding-left: 10px;
      padding-right: 10px;
      box-sizing: border-box;
      padding-top: 5px; }
      .single-invoice-row .invoice-line-item .invoice-line-item-summary .invoice-line-item-summary-content {
        display: flex;
        flex-direction: row;
        align-items: center;
        font-weight: 700; }
        .single-invoice-row .invoice-line-item .invoice-line-item-summary .invoice-line-item-summary-content .invoice-line-item-summary-left {
          display: flex;
          flex-direction: row;
          align-items: center;
          flex: 1; }
        .single-invoice-row .invoice-line-item .invoice-line-item-summary .invoice-line-item-summary-content .invoice-line-item-summary-right {
          display: flex;
          flex-direction: row;
          justify-content: flex-end;
          align-items: center;
          flex: 1; }
    .single-invoice-row .invoice-line-item .invoice-line-item-detail {
      display: flex;
      padding-left: 10px;
      padding-right: 10px;
      box-sizing: border-box;
      flex-direction: column;
      width: 100%;
      padding-bottom: 5px; }
      .single-invoice-row .invoice-line-item .invoice-line-item-detail .invoice-line-item-description {
        display: flex;
        flex-direction: column;
        width: 100%;
        white-space: pre-line;
        padding-bottom: 5px; }
      .single-invoice-row .invoice-line-item .invoice-line-item-detail .invoice-line-item-details {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding-left: 40px;
        padding-right: 100px;
        box-sizing: border-box; }
        .single-invoice-row .invoice-line-item .invoice-line-item-detail .invoice-line-item-details .invoice-sub-line {
          display: flex;
          flex-direction: column;
          width: 100%;
          padding-bottom: 5px;
          border-bottom: 1px dotted #2b2f2a; }
          .single-invoice-row .invoice-line-item .invoice-line-item-detail .invoice-line-item-details .invoice-sub-line:not(:last-child) {
            margin-bottom: 5px; }
          .single-invoice-row .invoice-line-item .invoice-line-item-detail .invoice-line-item-details .invoice-sub-line .invoice-sub-line-summary {
            display: flex;
            flex-direction: column;
            width: 100%; }
            .single-invoice-row .invoice-line-item .invoice-line-item-detail .invoice-line-item-details .invoice-sub-line .invoice-sub-line-summary .invoice-sub-line-summary-content {
              display: flex;
              flex-direction: row;
              align-items: center; }
              .single-invoice-row .invoice-line-item .invoice-line-item-detail .invoice-line-item-details .invoice-sub-line .invoice-sub-line-summary .invoice-sub-line-summary-content .invoice-sub-line-summary-label {
                display: flex;
                flex-direction: row;
                align-items: center;
                flex: 1;
                font-weight: 700;
                padding-right: 20px; }
                .single-invoice-row .invoice-line-item .invoice-line-item-detail .invoice-line-item-details .invoice-sub-line .invoice-sub-line-summary .invoice-sub-line-summary-content .invoice-sub-line-summary-label .invoice-sub-line-name {
                  display: flex;
                  flex-direction: row;
                  flex: 1; }
              .single-invoice-row .invoice-line-item .invoice-line-item-detail .invoice-line-item-details .invoice-sub-line .invoice-sub-line-summary .invoice-sub-line-summary-content .invoice-sub-line-summary-value {
                display: flex;
                flex-direction: row;
                justify-content: flex-end;
                width: 70px; }
          .single-invoice-row .invoice-line-item .invoice-line-item-detail .invoice-line-item-details .invoice-sub-line .invoice-sub-line-description {
            display: flex;
            flex-direction: column;
            width: 100%;
            padding-left: 80px;
            white-space: pre-line; }

.single-invoice-detail-vertical {
  display: flex;
  flex-direction: column; }
  .single-invoice-detail-vertical .single-invoice-detail-label {
    margin-bottom: 5px; }
  .single-invoice-detail-vertical .single-invoice-detail-value {
    white-space: pre-line; }

.single-invoice-detail {
  display: flex;
  flex-direction: column; }
  .single-invoice-detail.invoice-total {
    font-weight: 700; }
  .single-invoice-detail.company {
    font-weight: 700; }
  .single-invoice-detail .single-invoice-detail-content {
    display: flex;
    flex-direction: row;
    align-items: flex-start; }
    .single-invoice-detail .single-invoice-detail-content .single-invoice-detail-label {
      display: flex;
      flex-direction: row;
      align-items: center;
      margin-right: 5px; }
    .single-invoice-detail .single-invoice-detail-content .single-invoice-detail-value {
      display: flex;
      flex-direction: row;
      align-items: center; }

.single-invoice-detail-label {
  font-weight: 700; }

.invoice-line-total {
  color: #bb342d; }

.login-page .login-page-content {
  display: flex;
  width: 100%;
  height: 100vh; }
  .login-page .login-page-content .login-form {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .login-page .login-page-content .login-form .login-box {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 400px;
      padding: 40px;
      margin: 0 auto; }
      .login-page .login-page-content .login-form .login-box .login-logo-container {
        margin-bottom: 20px; }
        .login-page .login-page-content .login-form .login-box .login-logo-container .login-logo {
          width: 200px;
          height: 200px; }
      .login-page .login-page-content .login-form .login-box .login-header {
        font-weight: 700;
        font-size: 50px;
        margin-bottom: 40px;
        text-align: center; }
      .login-page .login-page-content .login-form .login-box .login-field {
        width: 100%; }
        .login-page .login-page-content .login-form .login-box .login-field input {
          width: 100%;
          box-sizing: border-box;
          text-align: left;
          margin-bottom: 10px;
          font-size: 14px; }
      .login-page .login-page-content .login-form .login-box .login-button {
        border: 0;
        background: 0;
        display: inline-block;
        padding: 0;
        outline: 0;
        margin-top: 10px;
        height: 60px; }

.subscription-modal-box {
  max-width: 1224px !important;
  box-sizing: border-box; }

.subscription-invoice-total {
  display: flex;
  flex-direction: column;
  align-items: flex-end; }
  .subscription-invoice-total .subscription-invoice-total-content {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding-right: calc(3% + 10px);
    padding-top: 10px; }
    .subscription-invoice-total .subscription-invoice-total-content .subscription-invoice-total-label {
      font-weight: 700;
      margin-right: 10px; }

.fp-invoice-subscription-header .fp-invoice-subscription-header-content {
  display: flex;
  flex-direction: row;
  align-items: baseline; }
  .fp-invoice-subscription-header .fp-invoice-subscription-header-content .fp-invoice-subscription-header-main {
    font-size: 34px;
    font-weight: 700; }
  .fp-invoice-subscription-header .fp-invoice-subscription-header-content .fp-invoice-subscription-header-details {
    margin-left: 10px; }

.subscription-form .common-form-field-label {
  width: 210px !important; }
.subscription-form .common-form-select {
  width: 100%; }
.subscription-form .common-form-list {
  margin-bottom: 20px;
  background-color: #ffffff;
  padding: 20px;
  border-radius: 20px;
  box-sizing: border-box; }
.subscription-form .subscription-form-options-row .subscription-form-submit-description {
  color: #bb342d;
  font-weight: 700;
  text-align: right;
  padding-right: 10px;
  padding-bottom: 20px;
  font-size: 14px; }
.subscription-form .subscription-form-options-row .common-form-options {
  justify-content: flex-end; }
  .subscription-form .subscription-form-options-row .common-form-options .common-form-button-container {
    margin-right: 10px; }
.subscription-form .invoice-line-delete-button {
  cursor: pointer; }
  .subscription-form .invoice-line-delete-button:hover {
    opacity: 0.75; }
  .subscription-form .invoice-line-delete-button .invoice-line-delete-button-icon {
    width: 25px;
    height: 25px; }
.subscription-form .common-form-list-row-cell {
  padding-right: 10px;
  box-sizing: border-box; }
  .subscription-form .common-form-list-row-cell.number {
    width: 5%;
    max-width: 5%; }
  .subscription-form .common-form-list-row-cell.type {
    width: 15%;
    max-width: 15%; }
  .subscription-form .common-form-list-row-cell.name {
    width: 37%;
    max-width: 37%; }
  .subscription-form .common-form-list-row-cell.fp-service {
    width: 15%;
    max-width: 15%; }
  .subscription-form .common-form-list-row-cell.fp-service-type {
    width: 15%;
    max-width: 15%; }
  .subscription-form .common-form-list-row-cell.amount {
    width: 10%;
    max-width: 10%; }
  .subscription-form .common-form-list-row-cell.delete-button {
    width: 3%;
    max-width: 3%;
    justify-content: flex-end;
    padding-right: 0; }
.subscription-form .common-form-list-body .common-form-list-row .common-form-list-row-cell.number {
  font-size: 24px;
  font-weight: 700; }
.subscription-form .amount-dollar-sign {
  margin-right: 3px; }

.subscription-detail-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1; }
  .subscription-detail-header.from-fp-invoice .common-modal-header-main-content .common-modal-header-main-label {
    font-size: 28px !important;
    line-height: 32px;
    font-weight: 700; }
  .subscription-detail-header.from-fp-invoice .common-modal-header-main-content .subscription-fp-invoice-link {
    color: #2b2f2a !important;
    font-size: 13px;
    opacity: 0.6;
    cursor: pointer;
    text-decoration: underline;
    white-space: nowrap; }
    .subscription-detail-header.from-fp-invoice .common-modal-header-main-content .subscription-fp-invoice-link:hover {
      opacity: 0.4; }
  .subscription-detail-header.from-fp-invoice .subscription-detail-header-total {
    line-height: 32px;
    position: relative;
    top: 4px; }
  .subscription-detail-header .common-modal-header-text {
    font-size: 34px !important; }
  .subscription-detail-header .common-modal-header-main-content {
    display: flex;
    flex-direction: column; }
    .subscription-detail-header .common-modal-header-main-content .common-modal-header-main-label {
      font-weight: 700;
      font-size: 34px !important;
      line-height: 36px; }
  .subscription-detail-header .subscription-detail-header-basics {
    padding-left: 20px; }
    .subscription-detail-header .subscription-detail-header-basics .subscription-detail-header-customer {
      font-weight: 700; }
    .subscription-detail-header .subscription-detail-header-basics .subscription-detail-header-total {
      font-weight: 700; }
    .subscription-detail-header .subscription-detail-header-basics .subscription-detail-header-lines {
      font-size: 13px;
      white-space: nowrap;
      max-width: 450px;
      text-overflow: ellipsis;
      overflow: hidden;
      opacity: 0.6; }

.subscription-detail .subscription-description-display {
  white-space: pre-line; }
.subscription-detail .subscription-top-details {
  background-color: transparent !important;
  padding: 0 !important; }
  .subscription-detail .subscription-top-details .subscription-top-details-content {
    display: flex;
    flex-direction: row; }
    .subscription-detail .subscription-top-details .subscription-top-details-content .subscription-top-details-column {
      display: flex;
      flex-direction: row; }
      .subscription-detail .subscription-top-details .subscription-top-details-content .subscription-top-details-column.left {
        max-width: 50%; }
      .subscription-detail .subscription-top-details .subscription-top-details-content .subscription-top-details-column.right {
        flex: 1;
        padding-left: 20px;
        margin-left: 40px;
        border-left: 2px solid #d6e3d0; }
      .subscription-detail .subscription-top-details .subscription-top-details-content .subscription-top-details-column .common-form-field-label {
        width: 150px !important; }
      .subscription-detail .subscription-top-details .subscription-top-details-content .subscription-top-details-column .subscription-top-details-column-content {
        display: flex;
        flex-direction: column;
        width: 100%; }
.subscription-detail .subscription-detail-invoice-list {
  box-sizing: border-box;
  margin-top: 40px; }
  .subscription-detail .subscription-detail-invoice-list .common-form-list .common-form-list-header {
    padding-bottom: 0; }
  .subscription-detail .subscription-detail-invoice-list .empty-subscription-invoice-list-message {
    margin-bottom: 40px;
    font-style: italic; }
  .subscription-detail .subscription-detail-invoice-list .invoice-list-row {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    box-sizing: border-box; }
    .subscription-detail .subscription-detail-invoice-list .invoice-list-row.header-row {
      border-bottom: 1px solid #d6e3d0;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      padding-bottom: 10px; }
    .subscription-detail .subscription-detail-invoice-list .invoice-list-row.body-row {
      min-height: 50px;
      font-size: 14px;
      cursor: pointer; }
      .subscription-detail .subscription-detail-invoice-list .invoice-list-row.body-row:hover {
        opacity: 0.75; }
      .subscription-detail .subscription-detail-invoice-list .invoice-list-row.body-row:nth-child(even) {
        background-color: #eff5ef !important; }
    .subscription-detail .subscription-detail-invoice-list .invoice-list-row .invoice-list-row-content {
      display: flex;
      flex-direction: row;
      box-sizing: border-box;
      align-items: center; }
      .subscription-detail .subscription-detail-invoice-list .invoice-list-row .invoice-list-row-content .invoice-list-row-cell {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        padding-left: 10px;
        padding-right: 10px;
        align-items: center; }
        .subscription-detail .subscription-detail-invoice-list .invoice-list-row .invoice-list-row-content .invoice-list-row-cell.label {
          width: 78%; }
        .subscription-detail .subscription-detail-invoice-list .invoice-list-row .invoice-list-row-content .invoice-list-row-cell.billing-status {
          width: 22%; }
          .subscription-detail .subscription-detail-invoice-list .invoice-list-row .invoice-list-row-content .invoice-list-row-cell.billing-status .invoice-status-content {
            display: flex;
            flex-direction: row;
            align-items: baseline; }
            .subscription-detail .subscription-detail-invoice-list .invoice-list-row .invoice-list-row-content .invoice-list-row-cell.billing-status .invoice-status-content .invoice-status-additional-info {
              padding-left: 6px; }
.subscription-detail .sync-status {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
  font-size: 16px; }
  .subscription-detail .sync-status .sync-status-message {
    font-weight: 700;
    color: #6ea27f; }
    .subscription-detail .sync-status .sync-status-message.warning {
      color: #bb342d; }
  .subscription-detail .sync-status .subscription-sync-button-container {
    margin-top: 0;
    margin-right: 0;
    margin-left: 20px;
    margin-bottom: 0; }
    .subscription-detail .sync-status .subscription-sync-button-container .subscription-sync-button {
      flex: 0; }
.subscription-detail .common-form-list {
  margin-bottom: 20px; }
.subscription-detail .invoice-defaults-blurb {
  font-style: italic; }

.subscription-links {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  flex-grow: 1;
  padding-right: 20px; }
  .subscription-links .external-text-link {
    white-space: nowrap; }
  .subscription-links .subscription-schedule {
    display: flex;
    flex-direction: column; }
    .subscription-links .subscription-schedule.with-subscription {
      flex-direction: row;
      font-style: italic;
      margin-left: 10px; }
      .subscription-links .subscription-schedule.with-subscription .schedule-link {
        font-weight: 400; }
  .subscription-links .opening-parenthesis {
    padding-right: 3px;
    font-size: 18px; }
  .subscription-links .closing-parenthesis {
    padding-left: 3px;
    font-size: 18px; }
  .subscription-links .subscription-links-label {
    font-size: 16px;
    font-weight: 700;
    margin-right: 15px; }
  .subscription-links .connector-icon {
    margin-left: 5px;
    margin-right: 5px;
    width: 15px;
    height: 15px;
    padding-left: 10px;
    position: relative;
    top: 1px; }
  .subscription-links .subscription-link,
  .subscription-links .schedule-link {
    background-color: #d6e3d0;
    width: fit-content;
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    align-items: center; }
    .subscription-links .subscription-link .external-link-icon,
    .subscription-links .schedule-link .external-link-icon {
      margin-left: 8px; }
  .subscription-links .subscription-disclaimer {
    display: flex;
    flex-direction: column; }
  .subscription-links .subscription-not-found {
    font-style: italic;
    margin-left: 15px;
    font-size: 12px;
    font-weight: 400;
    text-align: center; }

.subscription-invoice-lines-detail .common-form-list {
  background-color: #ffffff;
  border-radius: 20px;
  padding: 20px;
  box-sizing: border-box; }
  .subscription-invoice-lines-detail .common-form-list .common-form-list-header {
    border-bottom: 1px solid #aaaaaa;
    margin-bottom: 10px; }
  .subscription-invoice-lines-detail .common-form-list .common-form-list-row,
  .subscription-invoice-lines-detail .common-form-list .common-form-list-header-content {
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box; }
  .subscription-invoice-lines-detail .common-form-list .common-form-list-row-cell {
    padding-right: 10px; }
    .subscription-invoice-lines-detail .common-form-list .common-form-list-row-cell.number {
      width: 5%;
      max-width: 5%; }
    .subscription-invoice-lines-detail .common-form-list .common-form-list-row-cell.type {
      width: 15%;
      max-width: 15%; }
    .subscription-invoice-lines-detail .common-form-list .common-form-list-row-cell.name {
      width: 40%;
      max-width: 40%; }
    .subscription-invoice-lines-detail .common-form-list .common-form-list-row-cell.fp-service {
      width: 15%;
      max-width: 15%; }
    .subscription-invoice-lines-detail .common-form-list .common-form-list-row-cell.fp-service-type {
      width: 18%;
      max-width: 18%; }
    .subscription-invoice-lines-detail .common-form-list .common-form-list-row-cell.amount {
      width: 7%;
      max-width: 7%; }
  .subscription-invoice-lines-detail .common-form-list .common-form-list-body .common-form-list-row {
    padding-top: 5px;
    padding-bottom: 5px !important; }
    .subscription-invoice-lines-detail .common-form-list .common-form-list-body .common-form-list-row:nth-child(even) {
      background-color: #f4f4f4; }
    .subscription-invoice-lines-detail .common-form-list .common-form-list-body .common-form-list-row .common-form-list-row-cell.number {
      font-size: 24px;
      font-weight: 700; }

.subscription-invoices-list-page .sync-button-container {
  margin-left: 10px !important; }
  .subscription-invoices-list-page .sync-button-container .sync-button {
    flex: 1 !important; }
.subscription-invoices-list-page .subscription-invoices-list-row-cell.basics {
  width: 45%; }
  .subscription-invoices-list-page .subscription-invoices-list-row-cell.basics .invoice-title {
    font-size: 14px;
    font-weight: 700; }
  .subscription-invoices-list-page .subscription-invoices-list-row-cell.basics .invoice-subscription-basics {
    display: block;
    margin-left: 20px; }
.subscription-invoices-list-page .subscription-invoices-list-row-cell.subscription-description {
  width: 40%; }
.subscription-invoices-list-page .subscription-invoices-list-row-cell.status {
  width: 15%; }

.subscriptions-list-page .subscription-list-sync-button-container {
  margin-left: 10px !important; }
  .subscriptions-list-page .subscription-list-sync-button-container .subscription-list-sync-button {
    flex: 1; }
.subscriptions-list-page .subscriptions-list-row-cell.basics {
  width: 40%; }
  .subscriptions-list-page .subscriptions-list-row-cell.basics .subscription-invoice-total-display {
    font-weight: 700; }
.subscriptions-list-page .subscriptions-list-row-cell.description {
  width: 30%;
  white-space: pre-line; }
.subscriptions-list-page .subscriptions-list-row-cell.duration {
  width: 20%; }
.subscriptions-list-page .subscriptions-list-row-cell.status {
  width: 10%; }
.subscriptions-list-page .subscriptions-list-row {
  background-color: transparent !important;
  cursor: auto !important;
  margin-bottom: 20px; }
  .subscriptions-list-page .subscriptions-list-row:hover {
    opacity: 1 !important; }
  .subscriptions-list-page .subscriptions-list-row:nth-child(even) .common-list-row-main-content {
    background-color: #d6e3d0; }
  .subscriptions-list-page .subscriptions-list-row .common-list-row-main-content {
    min-height: 50px;
    background-color: #eff5ef;
    cursor: pointer; }
    .subscriptions-list-page .subscriptions-list-row .common-list-row-main-content:hover {
      opacity: 0.75; }
    .subscriptions-list-page .subscriptions-list-row .common-list-row-main-content .common-list-row-cell {
      min-height: 50px;
      box-sizing: border-box; }
    .subscriptions-list-page .subscriptions-list-row .common-list-row-main-content .subscription-basics-content {
      max-width: 100%; }
      .subscriptions-list-page .subscriptions-list-row .common-list-row-main-content .subscription-basics-content .subscription-basics-top {
        font-size: 16px; }
      .subscriptions-list-page .subscriptions-list-row .common-list-row-main-content .subscription-basics-content .subscription-basics-bottom {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
  .subscriptions-list-page .subscriptions-list-row .common-list-row-sub-content {
    padding-bottom: 10px;
    margin-right: 10px; }
    .subscriptions-list-page .subscriptions-list-row .common-list-row-sub-content .common-list-sub-row {
      border-bottom: 1px solid #d6e3d0; }
    .subscriptions-list-page .subscriptions-list-row .common-list-row-sub-content .subscription-invoice-row-cell {
      display: flex;
      flex-direction: row;
      padding-left: 10px;
      padding-right: 10px;
      font-size: 12px; }
      .subscriptions-list-page .subscriptions-list-row .common-list-row-sub-content .subscription-invoice-row-cell.billing-status {
        flex: 1; }
        .subscriptions-list-page .subscriptions-list-row .common-list-row-sub-content .subscription-invoice-row-cell.billing-status .invoice-status-content {
          display: flex;
          flex-direction: row;
          align-items: baseline; }
          .subscriptions-list-page .subscriptions-list-row .common-list-row-sub-content .subscription-invoice-row-cell.billing-status .invoice-status-content .invoice-status-additional-info {
            padding-left: 6px; }
    .subscriptions-list-page .subscriptions-list-row .common-list-row-sub-content .no-invoices-for-subscription-message {
      min-height: 40px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      font-style: italic;
      font-size: 12px;
      border-bottom: 1px solid #d6e3d0;
      padding-left: 10px;
      padding-right: 10px; }

.users-list-page .users-list-row-cell.email {
  width: 40%; }
.users-list-page .users-list-row-cell.full-name {
  width: 40%; }
.users-list-page .users-list-row-cell.role {
  width: 20%; }

.user-form .common-form-field-label {
  width: 150px !important; }

/*# sourceMappingURL=style.css.map */