@import "https://fonts.cdnfonts.com/css/youtube-sans";

/* projects/shell/src/styles.scss */
:root {
  --color-primary: #000048;
  --color-primary-shade: #000048cc;
  --color-primary-muted: #2f2f6c;
  --color-primary-muted-shade: #2f2f6ce8;
  --color-primary-soft: #595988;
  --color-primary-light: #4A4A7C;
  --color-primary-shade2: #000048b2;
  --color-logo-overlay: #ffffff9e;
  --color-text: #2f2f2f;
  --color-text-shade: #2f2f2fb2;
  --color-text-shade2:#444A5D --color-text-tertiary: #6e6e6e;
  --color-text-shade-two:#72747A;
  --color-surface: #e8e8e6;
  --color-surface-soft: #ededed;
  --color-accent: #6b50a5;
  --color-accent-muted: #a0a0d7;
  --color-accent-soft: #ece8f3;
  --color-error: #ff0000;
  --color-error-msg:#FF4343;
  --color-error-text:#B81F2D;
  --color-error-bg: #ffe0e0;
  --color-metric-trend-down-bg: #FFE2E2;
  --color-success: #009e60;
  --color-success-bg: #ddfdf1;
  --color-warning: #e67b00;
  --color-warning-bg: #fff4d1;
  --color-border: #e5e7eb;
  --color-border-type-two: #d8d8d8;
  --color-skipped:#ff9800;
  --shadow-sm: 0 2px 8px rgba(2, 1, 1, 0.1);
  --shadow-md: 2px 2px 4px 0px #0000000D;
  --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.15);
  --color-text-muted: #9ca3af;
  --color-text-body: #4C4C4C;
  --color-text-faint: #2F2F2F80;
  --color-text-secondary:#868691;
  --color-text-label: #595959;
  --color-surface-btn: #F6F6F6;
  --color-border-row: #E6E6E6;
  --btn-primary-bg: #6b50a5;
  --btn-primary-text: #ffffff;
  --btn-primary-hover: #7754c1;
  --btn-primary-disabled: #bdb4d0;
  --btn-secondary-bg: #ffffff;
  --btn-secondary-text: #6b50a5;
  --btn-secondary-hover: #7754c1;
  --btn-secondary-disabled: #bdb4d0;
  --btn-tertiary-bg: #EBEBFF;
  --btn-tertiary-text: #6b50a5;
  --btn-tertiary-hover: #7754c1;
  --btn-tertiary-disabled: #e8e6eb;
  --btn-tertiary-bg-shade2:#E7E7FF;
  --btn-sm: 28px;
  --btn-sm-md:30px;
  --btn-xsm:40px;
  --btn-md: 40px;
  --btn-pill: 28px;
  --btn-xmd: 45px;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-overlay: rgba(0, 0, 0, 0.5);
  --border-color:#D9D9D9;
  --input-label-color:#656565;
  --nav-btn-color: #4D4D7F;
  --color-border-shade-one:#ebebeb;
  --color-status-expired-bg:#FFE0E0;
  --color-status-pending-bg:#FFF1DA;
  --color-status-pending-text:#D08E00;
  --color-status-accepted-bg:#BAFFFD;
  --color-fields-text:#595959;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html,
body {
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  font-family: "Poppins", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}
button {
  font: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
}
img {
  max-width: 100%;
  display: block;
}
body {
  background-color: var(--color-surface);
  color: var(--color-text);
}
::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #D9D9D9;
  border-radius: 2px;
  opacity: 1;
}
::-webkit-scrollbar-thumb:hover {
  background: #bdbdbd;
}
* {
  scrollbar-width: thin;
  scrollbar-color: #D9D9D9 transparent;
}
.text-type-one {
  font-family: inherit;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0%;
  color: var(--color-text-shade);
}
.text-type-two {
  font-family: inherit;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0%;
  color: var(--color-text-tertiary);
}
.text-type-three {
  font-family: inherit;
  font-weight: 500;
  font-size: 20px;
  line-height: 2.1;
  letter-spacing: 0%;
  color: var(--color-text);
}
.text-type-four {
  font-family: inherit;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.2;
  line-height: 1.2;
  letter-spacing: 0%;
  color: var(--input-label-color);
}
.type-text-five {
  font-family: inherit;
  font-weight: 400;
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: 0%;
  color: var(--color-text-secondary);
}
.text-type-six {
  font-family: inherit;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0%;
  color: var(--nav-btn-color);
}
.text-type-seven {
  font-family: inherit;
  font-weight: 500;
  font-style: Medium;
  font-size: 10px;
  line-height: 1.4;
  letter-spacing: 0%;
  text-align: center;
  color: var(--color-text-tertiary);
}
.text-type-eight {
  font-family: inherit;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0px;
  color: var(--nav-btn-color);
}
.text-type-nine {
  font-family: inherit;
  font-weight: 400;
  font-size: 9px;
  line-height: 1.4;
  letter-spacing: 0px;
  color: var(--input-label-color);
}
.text-type-ten {
  font-family: inherit;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0%;
  color: #33336d;
}
.text-type-eleven {
  font-family: inherit;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0%;
  color: var(--color-text);
}
.mat-mdc-dialog-container .mdc-dialog__surface {
  border-radius: 2px !important;
}

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