@charset "UTF-8";

/* src/styles/styles.scss */
:root {
  --navbarUnderline: #006cbb;
  --star-on: #27d3ff;
  --star-off: #e2e2f0;
}
.primary-light-contrast-thm {
  color: #e1ec64;
}
.grey-thm {
  background-color: #e9ebef;
  color: #e9ebef;
}
app-base-table {
  color: black;
  border: 1px solid #e9ebef;
  border-radius: 0.625rem;
}
app-base-table tr {
  background: white;
  white-space: nowrap;
}
app-base-table tr:not(.no-data) td {
  border-bottom: 1px solid #e9ebef;
}
app-base-table thead {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-size: 0.88rem;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
app-base-table thead tr th {
  border-bottom: 1px solid #e9ebef;
}
app-base-table tbody {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-size: 0.88rem;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 400;
}
app-base-table tbody tr.checked {
  background-color: #e4faf6 !important;
}
app-base-table tbody tr.expanded-row td {
  padding: 1rem 1.75rem !important;
}
app-base-table tbody tr.expanded-row td .table-layout {
  border: none;
  width: 100%;
}
app-base-table tbody tr.expanded-row tr {
  border-bottom: none;
}
app-base-table tbody tr.expanded-row tr td:first-child div {
  display: flex;
  gap: 0.625rem;
  align-items: center;
}
app-base-table tbody tr.expanded-row:not(.expanded) {
  display: none;
}
app-base-table tbody tr:not(.disabled, .checked):hover {
  background-color: #f8f9fa;
  cursor: pointer;
}
app-base-table tbody tr:not(.disabled, .checked):active {
  background-color: #e4faf6;
  cursor: pointer;
}
app-base-table tbody tr.readOnly {
  cursor: default !important;
}
app-base-table th,
app-base-table td {
  padding: 1rem 0.65rem;
  vertical-align: middle;
  white-space: nowrap;
}
app-base-table th ngx-skeleton-loader *,
app-base-table td ngx-skeleton-loader * {
  margin-bottom: -5px !important;
}
app-base-table span.state {
  padding: 0.125rem 0.5rem;
  border-radius: 0.5rem;
  color: black;
  white-space: nowrap;
}
app-base-table span.state.state-inactive {
  background-color: #dfe1e4;
}
app-base-table span.state.state-green-100 {
  background-color: #87d3c4;
}
app-base-table span.state.state-danger {
  background-color: #f2b0b0;
}
app-base-table span.state.state-warning {
  background-color: #fce5d0;
}
app-base-table span.state.state-success {
  background-color: #b0dff2;
}
app-base-table span.state.state-grey-300 {
  background-color: #dfe1e4;
}
.t-title-0 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-size: 3.125rem;
  line-height: 3.25rem;
  letter-spacing: -2px;
  font-weight: 600;
}
.t-title-1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-size: 2.625rem;
  line-height: 3.25rem;
  letter-spacing: -2px;
  font-weight: 600;
}
.t-title-2 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-size: 2.25rem;
  line-height: 2.5rem;
  letter-spacing: -1px;
  font-weight: 600;
}
.t-title-3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-size: 1.75rem;
  line-height: 2rem;
  letter-spacing: 0;
  font-weight: 600;
}
.t-title-4 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.75rem;
  letter-spacing: 0;
  font-weight: 600;
}
.t-title-5 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 1.5rem;
  letter-spacing: 0;
  font-weight: 600;
}
.t-title-6 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0;
  font-weight: 600;
}
.t-heading-1 {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.5rem;
  letter-spacing: 0;
  font-weight: 500;
}
.t-body-1 {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0;
  font-weight: 400;
}
.t-body-2 {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0;
  font-weight: 400;
}
.t-body-3 {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1.25rem;
  letter-spacing: 0;
  font-weight: 400;
}
.t-caption {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: 0;
  font-weight: 400;
}
.t-subcaption-1 {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0;
  font-weight: 400;
}
.t-subcaption-2 {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-size: 0.625rem;
  line-height: 0.875rem;
  letter-spacing: 0;
  font-weight: 400;
}
.t-subcaption-3 {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-size: 0.325rem;
  line-height: 0.875rem;
  letter-spacing: 0;
  font-weight: 400;
}
t-button-1 {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: 0;
  font-weight: 600;
}
t-button-2 {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-size: 0.9rem;
  line-height: 1.25rem;
  letter-spacing: 0;
  font-weight: 600;
}
t-button-3 {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0;
  font-weight: 600;
}
t-tooltip {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 142%;
  letter-spacing: -0.256522px;
  font-weight: 500;
}
.fw-regular {
  font-weight: 400;
}
.fw-medium {
  font-weight: 500;
}
.fw-semibold {
  font-weight: 600;
}
.fw-bold {
  font-weight: 700;
}
:root {
  --color-primary0: #f0f6f5;
  --color-primary50: #e4faf6;
  --color-primary100: #87d3c4;
  --color-primary200: #87d3c4;
  --color-primary300: #62c2ae;
  --color-primary400: #62c2ae;
  --color-primary500: #3D8361;
  --color-primary600: #3D8361;
  --color-primary700: #1C6758;
  --color-primary800: #2f8272;
  --color-primary900: #1C6758;
  --color-secondary50: #FFFBF4;
  --color-secondary100: #EBF66E;
  --color-secondary200: #E1EC64;
  --color-secondary300: #D7E25A;
  --color-secondary400: #889400;
  --color-secondary500: #373C00;
  --color-secondary600: #639AFF;
  --color-secondary700: #003838;
  --color-secondaryBlue: #639AFF;
  --color-secondaryLightBlue: #8CB3FA;
  --color-secondaryDarkBlue: #2C61C1;
  --color-success100: #D1F7E0;
  --color-success300: #74E8A3;
  --color-success500: #18D865;
  --color-success700: #07411E;
  --color-success900: #02160A;
  --color-warning100: #FCE5D0;
  --color-warning300: #F5B173;
  --color-warning500: #EE7D15;
  --color-warning700: #8F4B0D;
  --color-warning900: #180C02;
  --color-danger100: #FCD3D0;
  --color-danger300: #F57A73;
  --color-danger500: #EE2215;
  --color-danger700: #77110B;
  --color-danger900: #130202;
  --color-info100: #D3DFF9;
  --color-info300: #7C9EEC;
  --color-info500: #255DDF;
  --color-info700: #163886;
  --color-info900: #07132D;
  --color-greyWhite: #fff;
  --color-grey50: #F8F9FA;
  --color-grey100: #F1F2F5;
  --color-grey200: #E9EBEF;
  --color-grey300: #DEE0E6;
  --color-grey400: #CED2DA;
  --color-grey500: #ADB2BD;
  --color-grey600: #868B96;
  --color-grey700: #585D66;
  --color-grey800: #1D212A;
  --color-grey900: #0D111B;
  --color-greyBlack: #13161D;
  --color-negative: #E82011;
  --color-positive: #14A86D;
}
:root h1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-size: 2.25rem;
  line-height: 2.75rem;
  letter-spacing: 0.2px;
  font-weight: 600;
}
:root h2 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-size: 1.75rem;
  line-height: 2.5rem;
  letter-spacing: 0.1px;
  font-weight: 600;
}
:root h2.section-title {
  margin-bottom: 2rem;
}
:root h3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: 0;
  font-weight: 600;
}
:root h4 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 1.5rem;
  letter-spacing: 0;
  font-weight: 600;
}
:root h5 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.75rem;
  letter-spacing: 0;
  font-weight: 600;
}
:root .section-container {
  margin-bottom: 4rem;
}
:root .section-container .section-content {
  display: flex;
  flex-direction: column;
  background-color: white;
  box-shadow: 0 0.75rem 1.75rem rgba(13, 19, 27, 0.0784313725);
  border-radius: 0.7rem;
  padding: 2rem;
  gap: 1rem;
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0.375rem #f1f2f5;
  background-color: white;
  border-radius: 0.5rem;
}
::-webkit-scrollbar {
  width: 0.375rem;
  background-color: white;
  border-radius: 0.5rem;
}
::-webkit-scrollbar-thumb {
  background-color: #adb2bd;
  border-radius: 0.5rem;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
ul {
  list-style: none;
}
img {
  max-width: 100%;
}
a {
  text-decoration: none;
  color: inherit;
}
html,
body {
  height: 100%;
}
body {
  height: 100vh;
  margin: 0;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.d-flex {
  display: flex;
}
.flex-row {
  flex-direction: row;
}
.flex-column {
  flex-direction: column;
}
.align-items-center {
  align-items: center;
}
.justify-space-around {
  justify-content: space-around;
}
.justify-content-center {
  justify-content: center;
}
.font-s-14 {
  font-size: 14px;
}
.boder-radius-5 {
  border-radius: 5px;
}
.margin-r-5 {
  margin-right: 5px;
}
.padding-5 {
  padding: 5px;
}
.padding-10 {
  padding: 10px;
}
.text-input-search-container {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.text-input-search-container .icon-search-input {
  position: absolute;
  right: 1rem;
  pointer-events: none;
  align-self: center;
  display: flex;
  align-items: center;
  height: 100%;
}
.text-input-search-container .search-input {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-size: 1rem;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 400;
  height: 3rem;
  border: 1px solid #ced2da;
  outline: 1px solid transparent;
  border-radius: 0.5rem;
  gap: 0.5rem;
  width: 100%;
  transition: all 0.25s ease-out;
  text-overflow: ellipsis;
  padding-left: 0.75rem;
}
.text-input-search-container .search-input::placeholder {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-size: 1rem;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 400;
  color: #adb2bd;
}
.text-input-search-container .search-input:hover {
  border: 1px solid #ced2da;
  box-shadow: 0 0 0 4px #e4faf6;
}
.text-input-search-container .search-input:focus {
  outline: 1px solid #62c2ae;
  border: 1px solid #62c2ae;
  box-shadow: none;
}
.text-input-search-container .search-input.valid {
  outline: 1px solid #5eb4f2;
  border: 1px solid #5eb4f2;
}
.text-input-search-container .search-input.error {
  outline: 1px solid #ee2215;
  border: 1px solid #ee2215;
}
.default-btn {
  background-color: #2f8272 !important;
  color: white !important;
  border: none;
  padding: 0 2px;
  border-radius: 5px;
  font-size: 15px;
  cursor: pointer;
  align-items: center;
  text-align: center;
}
.default-btn svg {
  margin-right: 8px;
}
.default-btn:hover:not(:disabled) {
  background-color: #1C6758 !important;
}
.default-btn:disabled {
  border-radius: 5px;
  border: none !important;
  background-color: whitesmoke !important;
  color: grey !important;
}
table td {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-size: 0.8rem;
  line-height: 140\f9;
  letter-spacing: 0;
  font-weight: 400;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-SDKOLNZA.css.map */