.main-environment-label {
  position: absolute;
  margin: 0.5rem;
  font-size: 2rem;
  font-weight: 600;
  right: 5rem;
  
  &.production {
    color: green;
  }

  &.testing {
    color: red;
  }

  &.staging {
    color: orangered;
  }
}





#invoices-amounts-grid-container, #invoices-rows-grid-container {
  width: 100%;
  padding: 10px;
}

.s-InvoicesDialog .s-DecimalEditor, .s-ReadOnlyInvoicesDialog .s-DecimalEditor, .s-InvoiceRowsDialog .s-DecimalEditor {
  text-align: right;
}

.s-InvoiceRowsDialog.modal {
  --bs-modal-width: 800px;
}

.category > .category-title {
  margin-top: 1rem;
}

.slick-row.active {
  background-color: rgba(var(--bs-primary-rgb), 0.05);
}

.category-title.footer-category-title, .category-title.subcategory-title {
  font-weight: 500;
  font-style: italic;
  margin-left: 2rem;
  margin-top: 2rem;
}

.slick-cell .fa {
  font-size: 1.6rem;
}

.s-InvoicesImportExcelDialog .field > .editor {
  display: grid;
}
.s-InvoicesImportExcelDialog .field > .editor > ul {
  display: grid;
  gap: 1rem;
  min-height: 30px;
}
.s-InvoicesImportExcelDialog .field > .editor > ul > .file-item {
  width: 100%;
  display: flex;
  align-items: center;
}
.s-InvoicesImportExcelDialog .field > .editor > ul > .file-item > .thumb {
  font-size: 24px;
  width: 48px;
  height: 48px;
}
.s-InvoicesImportExcelDialog .field > .editor > ul > .file-item > .filename {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  padding-right: 8px;
}
.s-InvoicesImportExcelDialog .field > .editor > ul > .file-item > .filename > .delete {
  font-size: 1.5rem;
  top: 0;
  height: unset;
  width: unset;
  position: unset;
}

:root {
  --s-col-gap: 0.7rem;
  --s-icon-font: "Font Awesome 5 Free";
  --s-icon-solid: 900;
  --s-row-gap: 1rem;
  --s-sidebar-band-width: 70px;
  --s-sidebar-pane-width: 216px;
  --s-sidebar-width: 284px;
  --s-tool-icon-size: 21px;
  --bs-body-font-size: 12px;
}

.s-sidebar-band {
  justify-content: space-between;
}
.s-sidebar-band > .s-sidebar-band-middle {
  min-height: 155px;
}

.link-bottom-text {
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  color: var(--s-sidebar-band-link);
}
.link-bottom-text:hover {
  color: var(--s-sidebar-band-link-active);
}

.s-sidebar-menu-text {
  max-width: 70px;
  text-overflow: ellipsis;
  margin-top: 5px;
  font-size: 11px;
  text-align: center;
  user-select: none;
}

.s-sidebar-band-logo {
  width: 30px;
  height: 28px;
}

.s-sidebar-band-groups {
  flex: auto;
}

.s-sidebar-band-actions {
  flex: auto;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}

.s-sidebar-link {
  font-size: 12px;
}

.s-sidebar-band-branding {
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
}

.s-sidebar-band-link {
  font-size: 24px;
}

.s-mobile-header-logo {
  width: unset;
}

.s-mobile-header-link {
  font-size: 26px;
}

.field .caption {
  line-height: unset;
  margin-top: 5px;
}

.form-container-box {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  padding: 10px;
  border: 1px solid var(--s-card-border);
  box-shadow: var(--s-card-shadow);
  margin: 10px;
}
.form-container-box h5 {
  color: var(--s-card-title);
}

.sub-form-card {
  margin: 10px;
  border-radius: 4px;
  padding: 10px;
  border: 1px solid var(--s-card-border);
  box-shadow: var(--s-card-shadow);
  background: var(--s-card-bg);
}
.sub-form-card h5 {
  color: var(--s-card-title);
}

.ui-progressbar {
  height: 20px;
  text-align: center;
  background: #0d6efd;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.wizard-horz ul.property-tabs li {
  font-size: 13px;
}

.text-darkblue {
  color: var(--s-card-title);
}

.default-button {
  width: 2.35rem;
  height: 2.35rem;
  font-size: 20px;
  border: 1px solid var(--s-tool-border);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.default-button.text-button {
  width: unset;
  align-self: flex-start;
  padding: 3px;
}
.default-button.text-button > .button-inner {
  padding: 3px;
  font-family: var(--bs-body-font-family);
  font-weight: var(--bs-body-font-weight);
  font-size: var(--bs-body-font-size);
  color: var(--bs-body-color);
}

.category > .flex-normal {
  align-items: normal;
}
.category > .flex-normal > .integer-editor {
  border: 1px solid var(--s-tool-border);
  padding: 0.5rem;
  margin-left: 2px;
  border-radius: 4px;
}

.s-DataGrid {
  max-height: calc(100vh - 2.5rem);
}

.modal-footer > .btn.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

.s-sidebar-link {
  font-size: 13px;
  margin-bottom: 5px;
}

.nav-tab-100px {
  width: 100px;
  text-align: center;
  text-transform: uppercase;
}

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