/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
* {
  box-sizing: border-box;
}

html {
  overflow: hidden;
  height: 100%;
}

body {
  margin: 0;
  height: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

app-root {
  display: block;
  height: 100%;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: 600;
}

p {
  margin: 0;
}

button {
  font-family: inherit;
}

/* Utility classes */
.text-center {
  text-align: center;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mt-0 {
  margin-top: 0;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.scrollable-content-wrapper {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 2rem;
}

.scrollable-content-wrapper .page-content {
  width: 100%;
}

/* Page content: 80% max-width on ultra-wide screens (24"+ external monitors), excludes 13" laptops */
@media (min-width: 1728px) {
  .scrollable-content-wrapper .page-content {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 767px) {
  .scrollable-content-wrapper {
    /* Extra bottom padding on iPhone so content stays visible above Chrome's bottom bar */
    padding-bottom: calc(1rem + env(safe-area-inset-bottom, 0px) + 80px);
  }
  /* Prevent iOS auto-zoom when focusing inputs (iOS zooms if font-size < 16px) */
  input,
  textarea,
  select {
    font-size: 16px !important;
  }
}
.color-edit {
  color: #08598e !important;
}

.color-download {
  color: #667eea !important;
}

.color-paying {
  color: green !important;
}

/*# sourceMappingURL=styles.bfda154811c6de6e.css.map*/