/* src/styles.css */
@font-face {
  font-family: "Quartz Italic";
  src: url(/assets/fonts/quartzitalic.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
}
* {
  font-family: "Inter", sans-serif;
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}
:root {
  --blue-one: #427894;
  --blue-two: #2660a4;
  --blue-three: #e8f2ff;
  --blue-four: rgb(81, 255, 255);
  --white: #ffffff;
  --gray: #9c9c9c;
  --black: #000000;
  --dark-gray: #707070;
  --yellow: #edac60;
  --green: #18935a;
  --red: #A2294A;
  --pmv-neg-three: #A5B7D7;
  --pmv-neg-two: #C8D4E7;
  --pmv-neg-one: #ECF0F7;
  --pmv-zero: #F4F6ED;
  --pmv-one: #F4E2E2;
  --pmv-two: #E0C3C3;
  --pmv-three: #CD9D9C;
  --pmv-disabled: #E0E0E0;
}
.scaffold {
  height: 100vh;
  width: 100vw;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.title-light {
  color: var(--white);
  font-size: 24px;
  display: flex;
  justify-content: center;
  font-weight: 500;
}
.title-dark {
  color: #8E5D1F;
  font-size: 24px;
  display: flex;
  justify-content: center;
  font-weight: 500;
}
.span-text-dark {
  color: #8E5D1F;
  font-size: 15px;
}
.span-text-light {
  color: var(--white);
  font-size: 15px;
}
.auth-button {
  background: #2660a4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  font-size: 14px;
  border: none;
  padding: 0;
  color: white;
  width: 100%;
  box-shadow: 0px 2px 4px rgba(25, 25, 25, 0.06), 0px 0px 2px rgba(25, 25, 25, 0.12);
  border-radius: 5px;
  cursor: pointer;
}
.hover-text-light {
  color: var(--white);
  font-size: 15px;
  cursor: pointer;
}
.hover-text-light:hover {
  text-decoration: underline;
}
.hover-text-dark {
  color: #C8B297;
  font-size: 15px;
  cursor: pointer;
}
.hover-text-dark:hover {
  text-decoration: underline;
}
.form {
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 25px;
  box-shadow: 0px 2px 4px rgba(25, 25, 25, 0.06), 0px 0px 2px rgba(25, 25, 25, 0.12);
  background: white;
}
.auth-input {
  border: none;
  outline: none;
  background: #e9eff6;
  border-radius: 5px;
  line-height: 40px;
  padding-left: 10px;
  color: #52657a;
  width: 100%;
}
::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: var(--gray);
  border-radius: 20px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
.input-group {
  display: flex;
  justify-content: center;
  border-radius: 20px;
  background-color: var(--white);
  border: 2px solid #C8B297;
}
.input-group2 {
  display: flex;
  justify-content: center;
  border-radius: 20px;
  background-color: var(--white);
  border: 2px solid var(--green);
}
.input-group3 {
  display: flex;
  justify-content: center;
  border-radius: 20px;
  background-color: var(--white);
  border: 2px solid var(--red);
}
.input-group input {
  border: none;
  width: 100%;
  font-size: 12px;
  outline: none;
  padding-left: 7px;
  padding-right: 7px;
  border-radius: 0px 15px 15px 0px;
}
.input-group2 input {
  border: none;
  width: 100%;
  font-size: 12px;
  outline: none;
  padding-left: 7px;
  padding-right: 7px;
  border-radius: 0px 15px 15px 0px;
}
.input-group3 input {
  border: none;
  width: 100%;
  font-size: 12px;
  outline: none;
  padding-left: 7px;
  padding-right: 7px;
  border-radius: 0px 15px 15px 0px;
}
.no-background-quartz {
  background: none;
  border: none;
  outline: none;
  font-family: "Quartz Italic";
}
.input-group img {
  height: 27px;
  padding: 5px;
  width: 35px;
  background-color: #C8B297;
  border-radius: 12px 0px 0px 12px;
}
.input-group2 img {
  height: 27px;
  padding: 5px;
  width: 35px;
  background-color: var(--green);
  border-radius: 12px 0px 0px 12px;
}
.input-group3 img {
  height: 27px;
  padding: 5px;
  width: 35px;
  background-color: var(--red);
  border-radius: 12px 0px 0px 12px;
}
.input-group span {
  height: 27px;
  font-size: 10px;
  padding: 5px 5px 5px 0px;
  background-color: white;
  border-radius: 0px 13px 13px 0px;
}
.input-group2 span {
  height: 27px;
  font-size: 10px;
  padding: 5px 5px 5px 0px;
  background-color: white;
  border-radius: 0px 13px 13px 0px;
}
.input-group3 span {
  height: 27px;
  font-size: 10px;
  padding: 5px 5px 5px 0px;
  background-color: white;
  border-radius: 0px 13px 13px 0px;
}
.snackbar {
  --mat-mdc-snack-bar-button-color: #fff;
  --mdc-snackbar-supporting-text-color: #fff;
}
.snackbar span {
  color: white;
}
.button-disabled {
  background-color: gray;
}
.button-enabled {
  background-color: #C8B297;
}
.show-progerss {
  opacity: 100;
}
.hide-progress {
  opacity: 0;
}
.pmv-hot-three svg path {
  fill: #CD9D9C;
}
.pmv-hot-two svg path {
  fill: #E0C3C3;
}
.pmv-hot-one svg path {
  fill: #F4E2E2;
}
.pmv-neutral svg path {
  fill: #F4F6ED;
}
.pmv-cold-one svg path {
  fill: #ECF0F7;
}
.pmv-cold-two svg path {
  fill: #C8D4E7;
}
.pmv-cold-three svg path {
  fill: #A5B7D7;
}
.pmv-disabled svg path {
  fill: var(--pmv-disabled);
}
.pmv-default svg path {
  fill: #ffffff;
}
.pmv-hot-three svg rect {
  fill: #CD9D9C;
}
.pmv-hot-two svg rect {
  fill: #E0C3C3;
}
.pmv-hot-one svg rect {
  fill: #F4E2E2;
}
.pmv-neutral svg rect {
  fill: #F4F6ED;
}
.pmv-cold-one svg rect {
  fill: #ECF0F7;
}
.pmv-cold-two svg rect {
  fill: #C8D4E7;
}
.pmv-cold-three svg rect {
  fill: #A5B7D7;
}
.pmv-disabled svg rect {
  fill: var(--pmv-disabled);
}
.pmv-default svg rect {
  fill: #ffffff;
}
.pmv-pallet {
  height: 25px;
  flex: 1;
  background-color: var(--pmv-neg-three);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid gray;
}

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