/********************************************/
/****** 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);
}