/* apps/realize-reports-overview-mfe/src/styles.scss */
.lst-table-responsive-wrapper {
  width: var(--lst-table-responsive-wrapper-width, auto);
  height: var(--lst-table-responsive-wrapper-height, auto);
  overflow: var(--lst-table-responsive-wrapper-overflow, scroll);
}
.lst-table {
  border-collapse: var(--lst-table-border-collapse, collapse);
  border: var(--lst-table-border, none);
  background-color: var(--lst-table-background-color, #fff);
  font-family: var(--lst-table-font-family, "OpenSans");
  line-height: var(--lst-table-line-height, 20px);
  font-size: var(--lst-table-font-size, 0.875rem);
}
.lst-table.compact > thead > tr > th,
.lst-table.compact > tbody > tr > td {
  padding-top: var(--lst-table-padding-top-compact, 8.5px);
  padding-bottom: var(--lst-table-padding-top-compact, 8.5px);
}
.lst-table > thead tr {
  border-top: var(--lst-table-header-row-border-top, none);
  background-color: var(--lst-table-header-background-color, #fff);
  line-height: var(--lst-table-header-row-line-height, 20px);
  padding: var(--lst-table-padding, 17px 8px);
}
.lst-table > thead > tr > th {
  border-top: var(--lst-table-th-border-top, none);
  border-left: var(--lst-table-th-border-left, none);
  border-right: var(--lst-table-th-border-right, none);
  border-bottom: var(--lst-table-th-border-bottom, 1px solid #555);
  font-family: var(--lst-table-th-font-family, "OpenSans-Semibold");
  font-size: var(--lst-table-th-font-size, 0.875rem);
  line-height: var(--lst-table-th-line-height, 20px);
  padding: var(--lst-table-th-padding, 8px 4px);
  min-width: var(--lst-table-th-min-width, 64px);
  max-width: var(--lst-table-th-max-width, none);
  text-align: var(--lst-table-th-text-align, left);
  vertical-align: var(--lst-table-th-vertical-align, middle);
  white-space: nowrap;
}
.lst-table > thead > tr > th > .lst-table-header-icon {
  vertical-align: var(--lst-table-header-icon-vertical-align, middle);
  margin-bottom: var(--lst-table-header-icon-margin-bottom, 1px 0);
}
.lst-table > thead > tr > th.align-center {
  text-align: center;
}
.lst-table > thead > tr > th.interactive:hover {
  background-color: var(--lst-table-th-interactive-hover-bg-color, #e5f0f9);
  border-radius: var(--interactive-hover-th-border-radius, 4px 4px 0 0);
}
.lst-table > thead > tr > th.interactive:hover:has(.lst-table-select) {
  border-radius: var(--interactive-hover-select-th-border-radius, 4px 0 0 0);
  --primary-select-background-color: #e5f0f9;
  --primary-styling-label-color: #2150a3;
  --select-caret-down-color-base: #2150a3;
}
.lst-table tbody tr {
  border-top: var(--lst-table-tr-border-top, none);
  border-left: var(--lst-table-tr-border-left, none);
  border-right: var(--lst-table-tr-border-right, none);
  border-bottom: var(--lst-table-tr-border-bottom, 1px solid #d8d8d8);
  background-color: var(--lst-table-body-background-color, #fff);
}
.lst-table tbody tr:hover {
  background-color: var(--lst-tr-hover-bg-color, #e5f0f9);
}
.lst-table tbody tr > td {
  font-size: var(--lst-table-td-font-size, 0.875rem);
  border-bottom: var(--lst-table-td-border-bottom, none);
  border-left: var(--lst-table-td-border-left, none);
  border-right: var(--lst-table-td-border-right, none);
  padding: var(--lst-table-padding, 17px 8px);
}
.lst-table tbody tr > td.align-center {
  text-align: center;
}
.lst-table tbody tr > td.align-left {
  padding-left: var(--lst-table-td-align-left-padding, none);
  text-align: left;
}
.lst-table .lst-table-select {
  margin-right: 4px;
  --single-select-label-font-size: $text-size-small;
  --single-select-label-font-family: $secondary-font-medium;
  --label-margin-bottom-borderless: 0;
}
@font-face {
  font-family: "OpenSans-Bold";
  src: url("./media/OpenSans-Bold-YH6AFQXK.ttf");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "OpenSans-BoldItalic";
  src: url("./media/OpenSans-BoldItalic-YNDF6SPJ.ttf");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "OpenSans-ExtraBold";
  src: url("./media/OpenSans-ExtraBold-HOY64CH6.ttf");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "OpenSans-ExtraBoldItalic";
  src: url("./media/OpenSans-ExtraBoldItalic-PWMQFGRU.ttf");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "OpenSans-Italic";
  src: url("./media/OpenSans-Italic-UNIWCYYN.ttf");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "OpenSans-Light";
  src: url("./media/OpenSans-Light-4PS5LGRG.ttf");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "OpenSans-Semibold";
  src: url("./media/OpenSans-Semibold-GY65T7XS.ttf");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "OpenSans-SemiboldItalic";
  src: url("./media/OpenSans-SemiboldItalic-GW5KYEML.ttf");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "OpenSans";
  src: url("./media/OpenSans-IVBQSCRX.ttf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "OpenSansLight-Italic";
  src: url("./media/OpenSansLight-Italic-ECJGXBEB.ttf");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Poppins-Black";
  src: url("./media/Poppins-Black-VWXFSD4D.ttf");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Poppins-BlackItalic";
  src: url("./media/Poppins-BlackItalic-CXSXQJNN.ttf");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Poppins-Bold";
  src: url("./media/Poppins-Bold-ONZGK2PZ.ttf");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Poppins-BoldItalic";
  src: url("./media/Poppins-BoldItalic-TMIUDUFN.ttf");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Poppins-ExtraBold";
  src: url("./media/Poppins-ExtraBold-JAM7NZND.ttf");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Poppins-ExtraBoldItalic";
  src: url("./media/Poppins-ExtraBoldItalic-URIRYS2L.ttf");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Poppins-ExtraLight";
  src: url("./media/Poppins-ExtraLight-OO3BNVVW.ttf");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Poppins-ExtraLightItalic";
  src: url("./media/Poppins-ExtraLightItalic-6UMNYJJM.ttf");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Poppins-Italic";
  src: url("./media/Poppins-Italic-TNESP3SK.ttf");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Poppins-Light";
  src: url("./media/Poppins-Light-CLXZQOT7.ttf");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Poppins-LightItalic";
  src: url("./media/Poppins-LightItalic-PV5GQVUN.ttf");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Poppins-Medium";
  src: url("./media/Poppins-Medium-ADCJUJYT.ttf");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Poppins-MediumItalic";
  src: url("./media/Poppins-MediumItalic-VNC7HVI7.ttf");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Poppins-Regular";
  src: url("./media/Poppins-Regular-JF52BBSI.ttf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Poppins-SemiBold";
  src: url("./media/Poppins-SemiBold-XMKLQUTJ.ttf");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Poppins-SemiBoldItalic";
  src: url("./media/Poppins-SemiBoldItalic-YIWPA443.ttf");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Poppins-Thin";
  src: url("./media/Poppins-Thin-IJ22OQF2.ttf");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Poppins-ThinItalic";
  src: url("./media/Poppins-ThinItalic-2UCNXSSY.ttf");
  font-weight: 100;
  font-style: italic;
}
body {
  margin: 0;
  font-family: var(--primary-font);
  font-size: 16px;
}
.sr-only {
  position: absolute;
  top: 0;
  left: -1000px;
  border: none;
  background: none;
  width: 0;
  height: 0;
  overflow: hidden;
}
:root {
  --text-size-xxxxx-large: 1.875rem;
  --text-size-xxxx-large: 1.75rem;
  --text-size-xxx-large: 1.5rem;
  --text-size-xx-large: 1.375rem;
  --text-size-x-large: 1.25rem;
  --text-size-large: 1.125rem;
  --text-size-normal: 1rem;
  --text-size-small: 0.875rem;
  --text-size-x-small: 0.812rem;
  --text-size-xx-small: 0.75rem;
  --icon-size-xxxx-large: 6rem;
  --icon-size-xxx-large: 4.5rem;
  --icon-size-xx-large: 3.125rem;
  --icon-size-x-large: 2.25rem;
  --icon-size-large: 1.625rem;
  --icon-size-normal: 1.5rem;
  --icon-size-medium: 1.25rem;
  --icon-size-small: 1.125rem;
  --icon-size-x-small: 1rem;
  --corner-radius-button: 2px;
  --corner-radius-input: 4px;
  --corner-radius-panel: 2px;
  --corner-radius-none: 0;
  --corner-radius-circle: 50%;
  --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  --letter-spacing-xxx-small: 0.03125em;
  --letter-spacing-xx-small: 0.0625rem;
  --quick-link-font-family: var(--primary-font);
}
body {
  margin: 0;
  background-color: var(--grayLightest);
  height: 100%;
  width: 100%;
}

/* node_modules/@savvaslearning/cel-components/dist-stencil/build/lib.css */
.lst-table-responsive-wrapper {
  width: var(--lst-table-responsive-wrapper-width, auto);
  height: var(--lst-table-responsive-wrapper-height, auto);
  overflow: var(--lst-table-responsive-wrapper-overflow, scroll);
}
.lst-table {
  border-collapse: var(--lst-table-border-collapse, collapse);
  border: var(--lst-table-border, none);
  background-color: var(--lst-table-background-color, #fff);
  font-family: var(--lst-table-font-family, "OpenSans");
  line-height: var(--lst-table-line-height, 20px);
  font-size: var(--lst-table-font-size, 0.875rem);
}
.lst-table.compact > thead > tr > th,
.lst-table.compact > tbody > tr > td {
  padding-top: var(--lst-table-padding-top-compact, 8.5px);
  padding-bottom: var(--lst-table-padding-top-compact, 8.5px);
}
.lst-table > thead tr {
  border-top: var(--lst-table-header-row-border-top, none);
  background-color: var(--lst-table-header-background-color, #fff);
  line-height: var(--lst-table-header-row-line-height, 20px);
  padding: var(--lst-table-padding, 17px 8px);
}
.lst-table > thead > tr > th {
  border-top: var(--lst-table-th-border-top, none);
  border-left: var(--lst-table-th-border-left, none);
  border-right: var(--lst-table-th-border-right, none);
  border-bottom: var(--lst-table-th-border-bottom, 1px solid #555);
  font-family: var(--lst-table-th-font-family, "OpenSans-Semibold");
  font-size: var(--lst-table-th-font-size, 0.875rem);
  line-height: var(--lst-table-th-line-height, 20px);
  padding: var(--lst-table-th-padding, 8px 4px);
  min-width: var(--lst-table-th-min-width, 64px);
  max-width: var(--lst-table-th-max-width, none);
  text-align: var(--lst-table-th-text-align, left);
  vertical-align: var(--lst-table-th-vertical-align, middle);
  white-space: nowrap;
}
.lst-table > thead > tr > th > .lst-table-header-icon {
  vertical-align: var(--lst-table-header-icon-vertical-align, middle);
  margin-bottom: var(--lst-table-header-icon-margin-bottom, 1px 0);
}
.lst-table > thead > tr > th.align-center {
  text-align: center;
}
.lst-table > thead > tr > th.interactive:hover {
  background-color: var(--lst-table-th-interactive-hover-bg-color, #e5f0f9);
  border-radius: var(--interactive-hover-th-border-radius, 4px 4px 0 0);
}
.lst-table > thead > tr > th.interactive:hover:has(.lst-table-select) {
  border-radius: var(--interactive-hover-select-th-border-radius, 4px 0 0 0);
  --primary-select-background-color:#e5f0f9;
  --primary-styling-label-color:#2150a3;
  --select-caret-down-color-base:#2150a3;
}
.lst-table tbody tr {
  border-top: var(--lst-table-tr-border-top, none);
  border-left: var(--lst-table-tr-border-left, none);
  border-right: var(--lst-table-tr-border-right, none);
  border-bottom: var(--lst-table-tr-border-bottom, 1px solid #d8d8d8);
  background-color: var(--lst-table-body-background-color, #fff);
}
.lst-table tbody tr:hover {
  background-color: var(--lst-tr-hover-bg-color, #e5f0f9);
}
.lst-table tbody tr > td {
  font-size: var(--lst-table-td-font-size, 0.875rem);
  border-bottom: var(--lst-table-td-border-bottom, none);
  border-left: var(--lst-table-td-border-left, none);
  border-right: var(--lst-table-td-border-right, none);
  padding: var(--lst-table-padding, 17px 8px);
}
.lst-table tbody tr > td.align-center {
  text-align: center;
}
.lst-table tbody tr > td.align-left {
  padding-left: var(--lst-table-td-align-left-padding, none);
  text-align: left;
}
.lst-table .lst-table-select {
  margin-right: 4px;
  --single-select-label-font-size:$text-size-small;
  --single-select-label-font-family:$secondary-font-medium;
  --label-margin-bottom-borderless:0;
}
button:active:disabled {
  outline: none;
}
:root {
  --primary:#006be0;
  --primaryShade:#2150a3;
  --errorNotificationOrange:#BD4500;
}
.cel-visually-hidden {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.zero-height-status-container {
  height: 0;
}
.green {
  background-color: #35AA35;
  color: #000;
}
.red {
  background-color: #CC333F;
  color: #fff;
}
.yellow {
  background-color: #FFBA4A;
  color: #000;
}
.blue {
  background-color: #584CE4;
  color: #fff;
}
.white {
  background-color: #fff;
  color: #333;
}
.primary-shade {
  background-color: #2150a3;
  color: #fff;
}
.pink {
  background-color: #FFEEEC;
  color: #CC333F;
}
@media (hover: hover) {
  .green.interactive:hover {
    background-color: #2A9A2A;
  }
  .red.interactive:hover {
    background-color: #B42934;
  }
  .yellow.interactive:hover {
    background-color: #E5A439;
  }
  .blue.interactive:hover {
    background-color: #372CB4;
  }
}
button,
input,
textarea {
  letter-spacing: unset;
  line-height: unset;
  word-spacing: unset;
  line-height: unset;
}
.grid-container {
  display: grid;
  gap: 28px;
  width: 100%;
  grid-template-columns: 1fr;
}
.grid-container.has-many-items {
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 991px) {
  .grid-container.has-many-items {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 16px;
  gap: 28px;
  min-height: 120px;
}
.grid-item {
  max-height: 412px;
  height: auto;
}
@media only screen and (max-width: 991px) {
  .grid-container {
    grid-template-columns: 1fr;
  }
  .grid-item {
    max-height: 412px;
  }
  .grid-container.has-many-items .grid-item {
    max-height: 412px;
  }
}
@media only screen and (max-width: 991px) and (min-width: 992px) {
  .grid-container {
    grid-template-columns: 1fr;
  }
  .grid-item {
    max-height: 300px;
  }
}
.lst-table-responsive-wrapper {
  width: var(--lst-table-responsive-wrapper-width, auto);
  height: var(--lst-table-responsive-wrapper-height, auto);
  overflow: var(--lst-table-responsive-wrapper-overflow, scroll);
}
.lst-table {
  border-collapse: var(--lst-table-border-collapse, collapse);
  border: var(--lst-table-border, none);
  background-color: var(--lst-table-background-color, #fff);
  font-family: var(--lst-table-font-family, "OpenSans");
  line-height: var(--lst-table-line-height, 20px);
  font-size: var(--lst-table-font-size, 0.875rem);
}
.lst-table.compact > thead > tr > th,
.lst-table.compact > tbody > tr > td {
  padding-top: var(--lst-table-padding-top-compact, 8.5px);
  padding-bottom: var(--lst-table-padding-top-compact, 8.5px);
}
.lst-table > thead tr {
  border-top: var(--lst-table-header-row-border-top, none);
  background-color: var(--lst-table-header-background-color, #fff);
  line-height: var(--lst-table-header-row-line-height, 20px);
  padding: var(--lst-table-padding, 17px 8px);
}
.lst-table > thead > tr > th {
  border-top: var(--lst-table-th-border-top, none);
  border-left: var(--lst-table-th-border-left, none);
  border-right: var(--lst-table-th-border-right, none);
  border-bottom: var(--lst-table-th-border-bottom, 1px solid #555);
  font-family: var(--lst-table-th-font-family, "OpenSans-Semibold");
  font-size: var(--lst-table-th-font-size, 0.875rem);
  line-height: var(--lst-table-th-line-height, 20px);
  padding: var(--lst-table-th-padding, 8px 4px);
  min-width: var(--lst-table-th-min-width, 64px);
  max-width: var(--lst-table-th-max-width, none);
  text-align: var(--lst-table-th-text-align, left);
  vertical-align: var(--lst-table-th-vertical-align, middle);
  white-space: nowrap;
}
.lst-table > thead > tr > th > .lst-table-header-icon {
  vertical-align: var(--lst-table-header-icon-vertical-align, middle);
  margin-bottom: var(--lst-table-header-icon-margin-bottom, 1px 0);
}
.lst-table > thead > tr > th.align-center {
  text-align: center;
}
.lst-table > thead > tr > th.interactive:hover {
  background-color: var(--lst-table-th-interactive-hover-bg-color, #e5f0f9);
  border-radius: var(--interactive-hover-th-border-radius, 4px 4px 0 0);
}
.lst-table > thead > tr > th.interactive:hover:has(.lst-table-select) {
  border-radius: var(--interactive-hover-select-th-border-radius, 4px 0 0 0);
  --primary-select-background-color:#e5f0f9;
  --primary-styling-label-color:#2150a3;
  --select-caret-down-color-base:#2150a3;
}
.lst-table tbody tr {
  border-top: var(--lst-table-tr-border-top, none);
  border-left: var(--lst-table-tr-border-left, none);
  border-right: var(--lst-table-tr-border-right, none);
  border-bottom: var(--lst-table-tr-border-bottom, 1px solid #d8d8d8);
  background-color: var(--lst-table-body-background-color, #fff);
}
.lst-table tbody tr:hover {
  background-color: var(--lst-tr-hover-bg-color, #e5f0f9);
}
.lst-table tbody tr > td {
  font-size: var(--lst-table-td-font-size, 0.875rem);
  border-bottom: var(--lst-table-td-border-bottom, none);
  border-left: var(--lst-table-td-border-left, none);
  border-right: var(--lst-table-td-border-right, none);
  padding: var(--lst-table-padding, 17px 8px);
}
.lst-table tbody tr > td.align-center {
  text-align: center;
}
.lst-table tbody tr > td.align-left {
  padding-left: var(--lst-table-td-align-left-padding, none);
  text-align: left;
}
.lst-table .lst-table-select {
  margin-right: 4px;
  --single-select-label-font-size:$text-size-small;
  --single-select-label-font-family:$secondary-font-medium;
  --label-margin-bottom-borderless:0;
}
button:active:disabled {
  outline: none;
}
:root {
  --primary:#006be0;
  --primaryShade:#2150a3;
  --errorNotificationOrange:#BD4500;
}
.cel-visually-hidden {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.zero-height-status-container {
  height: 0;
}
.green {
  background-color: #35AA35;
  color: #000;
}
.red {
  background-color: #CC333F;
  color: #fff;
}
.yellow {
  background-color: #FFBA4A;
  color: #000;
}
.blue {
  background-color: #584CE4;
  color: #fff;
}
.white {
  background-color: #fff;
  color: #333;
}
.primary-shade {
  background-color: #2150a3;
  color: #fff;
}
.pink {
  background-color: #FFEEEC;
  color: #CC333F;
}
@media (hover: hover) {
  .green.interactive:hover {
    background-color: #2A9A2A;
  }
  .red.interactive:hover {
    background-color: #B42934;
  }
  .yellow.interactive:hover {
    background-color: #E5A439;
  }
  .blue.interactive:hover {
    background-color: #372CB4;
  }
}
button,
input,
textarea {
  letter-spacing: unset;
  line-height: unset;
  word-spacing: unset;
  line-height: unset;
}
.grid-container {
  display: grid;
  gap: 28px;
  width: 100%;
  grid-template-columns: 1fr;
}
.grid-container.has-many-items {
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 991px) {
  .grid-container.has-many-items {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 16px;
  gap: 28px;
  min-height: 120px;
}
.grid-item {
  max-height: 412px;
  height: auto;
}
@media only screen and (max-width: 991px) {
  .grid-container {
    grid-template-columns: 1fr;
  }
  .grid-item {
    max-height: 412px;
  }
  .grid-container.has-many-items .grid-item {
    max-height: 412px;
  }
}
@media only screen and (max-width: 991px) and (min-width: 992px) {
  .grid-container {
    grid-template-columns: 1fr;
  }
  .grid-item {
    max-height: 300px;
  }
}

/* angular:styles/global:styles */