/********************************************/
/****** PLEASE DO NOT MODIFY THIS FILE ******/
/********************************************/

:root {
  --p-color: #77787c;

  --green-800: #022420;
  --green-600: #004840;
  --green-400: #bad1cf;
  --green-100: #f7fefe;

  --orange-600: #ff8f00;
  --orange-400: #ffa22c;
  --orange-100: #ffb960;

  --grey-600: #7e7f9a;
  --grey-400: #eae9ed;
  --grey-100: #eeedf0;

  --red-600: #d51a1a;
  --red-400: #ffe0e0;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  line-height: inherit;
  transition-duration: 0.3s;
}

html {
  height: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  font-family: "DM-Sans", var(--bs-font-sans-serif);
  height: inherit;
  line-height: 1.8;
  background: #fff;
  overflow-x: inherit;
  scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "DM-Sans-medium", var(--bs-font-sans-serif);
  margin: 0;
  color: #000;
  font-weight: 700;
  line-height: 1.4;
}

p {
  margin: 0;
}

p,
li {
  color: var(--p-color);
}

img {
  max-width: 100%;
  height: auto;
}

a {
  /* color: ; */
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  color: #888;
}

.form-control:focus,
.form-select:focus {
  box-shadow: 0 0 0 0.25rem #00484069;
}

.cursor-pointer {
  cursor: pointer;
}

.soft-shadow {
  box-shadow: 6px 10px 30px 0 rgb(0 0 0 / 15%);
}

.misc-card {
  box-shadow:
    0 4px 5px 0 rgba(0, 0, 0, 0.03),
    0 0 10px 0 rgba(0, 0, 0, 0.08);
}

@media print {
  .d-print-none {
    display: none;
  }
}

/* Green */

.bg-green-800 {
  background-color: var(--green-800);
}

.bg-green-600 {
  background-color: var(--green-600);
}

.bg-green-400 {
  background-color: var(--green-400);
}

.bg-green-100 {
  background-color: var(--green-100);
}

.text-green-800 {
  color: var(--green-800);
}

.text-green-600 {
  color: var(--green-600);
}

.text-green-400 {
  color: var(--green-400);
}

.text-green-100 {
  color: var(--green-100);
}

/* Orange */

.bg-orange-600 {
  background-color: var(--orange-600);
}

.bg-orange-400 {
  background-color: var(--orange-400);
}

.bg-orange-100 {
  background-color: var(--orange-100);
}

.text-orange-600 {
  color: var(--orange-600);
}

.text-orange-400 {
  color: var(--orange-400);
}

.text-orange-100 {
  color: var(--orange-100);
}

/* Grey */

.bg-grey-600 {
  background-color: var(--grey-600);
}

.bg-grey-400 {
  background-color: var(--grey-400);
}

.bg-grey-100 {
  background-color: var(--grey-100);
}

.text-grey-600 {
  color: var(--grey-600);
}

.text-grey-400 {
  color: var(--grey-400);
}

.text-grey-100 {
  color: var(--grey-100);
}

/* Red */

.bg-red-600 {
  background-color: var(--red-600);
}

.bg-red-400 {
  background-color: var(--red-400);
}

.text-red-600 {
  color: var(--red-600);
}

.text-red-400 {
  color: var(--red-400);
}