/**
 * @import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
 */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/static/rwl/fonts/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aX8.ttf) format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/static/rwl/fonts/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew-.ttf) format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/static/rwl/fonts/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Ew-.ttf) format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(/static/rwl/fonts/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu170w-.ttf) format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/static/rwl/fonts/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM70w-.ttf) format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(/static/rwl/fonts/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R9aX8.ttf) format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/static/rwl/fonts/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM70w-.ttf) format('truetype');
}

/**
 * Auto-generated from StaticHtmlTheme
 * DO NOT EDIT MANUALLY
 *
 * To regenerate: ./gradlew server:generateThemeCss
 */

:root {
    /**
     * Generated from ActiveTheme
     * DO NOT EDIT MANUALLY - this file is auto-generated
     */

    /* Cream */
    --color-cream: #f2e5d9;
    --color-cream--lightest: #faf4ee;
    --color-cream--lighter: #f5ebdf;
    --color-cream--base: #f2e5d9;
    --color-cream--darker: #cfc4b8;
    --color-cream--darkest: #b3a69d;

    /* LightGreen */
    --color-lightgreen: #adca1e;
    --color-lightgreen--lightest: #eef7d0;
    --color-lightgreen--lighter: #e3f19e;
    --color-lightgreen--base: #adca1e;
    --color-lightgreen--darker: #798d15;
    --color-lightgreen--darkest: #56640f;

    /* DarkGreen */
    --color-darkgreen: #90b55b;
    --color-darkgreen--lightest: #eaf4e0;
    --color-darkgreen--lighter: #c5ddab;
    --color-darkgreen--base: #90b55b;
    --color-darkgreen--darker: #6e9546;
    --color-darkgreen--darkest: #56640f;

    /* LightRed */
    --color-lightred: #e24c3b;
    --color-lightred--lightest: #fbe6e4;
    --color-lightred--lighter: #f2ada4;
    --color-lightred--base: #e24c3b;
    --color-lightred--darker: #bd3e30;
    --color-lightred--darkest: #8f2e24;

    /* DarkRed */
    --color-darkred: #b33a2b;
    --color-darkred--lightest: #f9e9e7;
    --color-darkred--lighter: #e9aaa2;
    --color-darkred--base: #b33a2b;
    --color-darkred--darker: #7d291e;
    --color-darkred--darkest: #591c15;

    /* LightTurquoise */
    --color-lightturquoise: #197a70;
    --color-lightturquoise--lightest: #e5f7f5;
    --color-lightturquoise--lighter: #80bfb8;
    --color-lightturquoise--base: #197a70;
    --color-lightturquoise--darker: #146159;
    --color-lightturquoise--darkest: #0f493f;

    /* DarkTurquoise */
    --color-darkturquoise: #00403a;
    --color-darkturquoise--lightest: #d7ebe9;
    --color-darkturquoise--lighter: #7fa39f;
    --color-darkturquoise--base: #00403a;
    --color-darkturquoise--darker: #00312e;
    --color-darkturquoise--darkest: #002423;

    /* Yellow */
    --color-yellow: #f2b82e;
    --color-yellow--lightest: #fcf4c7;
    --color-yellow--lighter: #fbe3aa;
    --color-yellow--base: #f2b82e;
    --color-yellow--darker: #d39223;
    --color-yellow--darkest: #a2750a;

    /* DarkYellow */
    --color-darkyellow: #d3980d;
    --color-darkyellow--lightest: #faefb5;
    --color-darkyellow--lighter: #f4e3a2;
    --color-darkyellow--base: #d3980d;
    --color-darkyellow--darker: #986d0a;
    --color-darkyellow--darkest: #5d4306;

    /* Grey */
    --color-grey: #9e9e9e;
    --color-grey--lightest: #f5f5f5;
    --color-grey--lighter: #e5e5e5;
    --color-grey--base: #9e9e9e;
    --color-grey--darker: #7a7a7a;
    --color-grey--darkest: #4a4a49;

    /* GreyBlack */
    --color-greyblack: #4a4a49;
    --color-greyblack--lightest: #d9d9d9;
    --color-greyblack--lighter: #9e9e9e;
    --color-greyblack--base: #4a4a49;
    --color-greyblack--darker: #3a3a39;
    --color-greyblack--darkest: #2a2a29;

    /* Category/Traffic Light Colors */
    --color-category-red: #e24c3b;
    --color-category-red-text: white;
    --color-category-orange: #f28c2e;
    --color-category-orange-text: #3a3a39;
    --color-category-yellow: #ebd02a;
    --color-category-yellow-text: #3a3a39;
    --color-category-lightgreen: #bad18d;
    --color-category-lightgreen-text: #3a3a39;
    --color-category-green: #325d38;
    --color-category-green-text: white;

    /* Semantic Colors */
    --color-text-muted: #7a7a7a;
    --color-text-emphasis: #2a2a29;
    --color-border-subtle: #e5e5e5;
    --color-border-default: #9e9e9e;
    --color-link: #0f493f;
    --color-surface-subtle: #faf4ee;
    --color-surface-neutral: #f5f5f5;

    /* Named Colors (legacy compatibility) */
    --color-beige--30-darker: #ad815b;
    --color-light-grey: #f5f5f5;
    --color-dark-grey: #e5e5e5;
    --color-grey-black: #4a4a49;
    --color-dark-red: #b33a2b;
    --color-dark-red--30-darker: #7d291e;
    --color-dark-red--90-lighter: #f9e9e7;
    --color-light-green: #adca1e;
    --color-light-green--30-darker: #798d15;
    --color-light-green--90-lighter: #eef7d0;
    --color-yellow: #f2b82e;
    --color-yellow--lightest: #fcf4c7;

    /* Button Border Radius */
    --button-border-radius: 5px;
}

/* Typography */
body {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
    color: #4a4a49;
}

h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 44px;
    font-weight: bold;
}

h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    line-height: 30px;
    font-weight: bold;
}

h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
}

h4 {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
}

/* Button Styles */
.primaryBtn {
    background-color: #197a70;
    color: white;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: normal;
    font-weight: normal;
    cursor: pointer;
    padding: 10px;
    text-decoration: none;
    display: inline-block;
}

.primaryBtn:hover {
    background-color: #00403a;
    color: white;
}

.primaryBtn:disabled {
    background-color: #e5e5e5;
    color: #4a4a49;
    cursor: not-allowed;
}

.secondaryBtn {
    background-color: #f5f5f5;
    color: #4a4a49;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: normal;
    font-weight: normal;
    cursor: pointer;
    padding: 10px;
    text-decoration: none;
    display: inline-block;
}

.secondaryBtn:hover {
    background-color: #e5e5e5;
    color: #4a4a49;
}

.secondaryBtn:disabled {
    background-color: #e5e5e5;
    color: #4a4a49;
    cursor: not-allowed;
}

.dangerBtn {
    background-color: #e24c3b;
    color: white;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: normal;
    font-weight: normal;
    cursor: pointer;
    padding: 10px;
    text-decoration: none;
    display: inline-block;
}

.dangerBtn:hover {
    background-color: #b33a2b;
    color: white;
}

.dangerBtn:disabled {
    background-color: #e5e5e5;
    color: #4a4a49;
    cursor: not-allowed;
}


/* Card Styles */
.card {
    border-radius: 5px;
    padding: 1rem;
    box-shadow: rgb(255, 255, 255) 0 0 0 0, rgba(17, 24, 39, 0.05) 0 0 0 1px, rgba(0, 0, 0, 0.05) 0 1px 2px 0;
    line-height: 1.25rem;
}

.card .cardHeader {
    font-weight: 600;
    font-size: 1rem;
    background-color: var(--color-light-grey);
    padding: 0.75rem 1.25rem;
    margin: -1rem -1rem 0 -1rem;
}

.card .cardBody {
    margin-top: 1rem;
}



.cCream {
    background-color: var(--color-cream);
    color: var(--color-grey-black);
}

.cLightturquoise {
    background-color: var(--color-light-turquoise);
    color: #ffffff;
}

.cDarkturquoise {
    background-color: var(--color-dark-turquoise);
    color: #ffffff;
}