:root {
    /* Header */
    --header-background-color: #FFFFFF;
    --header-border-color: #a7a7a7;
    /* Navigation Links */
    --navigation-link-color: #212529;
    --navigation-link-color-hover: #bc892c;
    /* Main Body Color */
    --primary-text-color: #333333;
    --primary-background-color: #E1E1E6;
    /* Forms */
    --section-background: #E1E1E1;
    --input-background: #f7f7f7;
    --input-text: #3e3e3e;
    --input-border-color: #a1a1a1;
    --input-placeholder-color: #b5b5b5;
    --input-error-color: #ff0000;
    /* Footer */
    --footer-line-break: #424242;
    /* Input Highlights */
    --input-highlight-color: #258cfb;
    --input-shadow-color: #FFFFFF;
    /*Text Colors*/
    --text-light: #f7f7f7;
    --text-dark: #424242;
    --text-muted: #a7a7a7;
    /* Button Primary */
    --btn-primary: #be8a2c;
    --btn-primary-border: #c99432;
    --btn-primary-hover: #d19c38;
    --btn-primary-clicked: #dba53d;
    /* Button Secondary */
    --btn-secondary: #666666;
    --btn-secondary-border: #5c5c5c;
    --btn-secondary-hover: #474747;
    --btn-secondary-clicked: #363535;
    /* Button Success */
    --btn-success: #239623;
    --btn-success-border: #1b7d1b;
    --btn-success-hover: #0f540f;
    --btn-success-clicked: #093b09;
    /* Button Danger */
    --btn-danger: #ff2828;
    --btn-danger-border: #d91e1e;
    --btn-danger-hover: #a31414;
    --btn-danger-clicked: #750d0d;
    /* Button Warning */
    --btn-warning: #ff8723;
    --btn-warning-border: #d46f1c;
    --btn-warning-hover: #ad560e;
    --btn-warning-clicked: #914607;
    /* Button Info */
    --btn-info: #9ed3ff;
    --btn-info-border: #b8dfff;
    --btn-info-hover: #def0ff;
    --btn-info-clicked: #f2f9ff;
    /* Button Light */
    --btn-light: #fafafa;
    --btn-light-border: #d1d1d1;
    --btn-light-hover: #bdbdbd;
    --btn-light-clicked: #adadad;
    /* Button Dark */
    --btn-dark: #3d3d3d;
    --btn-dark-border: #4f4f4f;
    --btn-dark-hover: #616161;
    --btn-dark-clicked: #808080;
    /* Button Link */
    --btn-link: #249cff;
    --btn-link-hover: #008cff;
    --btn-link-clicked: #0271cc;
    /* Button Disabled */
    --btn-disabled: #c3c1bc;
    --btn-disabled-border: #c4baa8;
    /* Table */
    --dt-row-selected: 209, 156, 56; /* unwarped RGB value */
    --dt-input-background: #FFFFFF;
    --dt-table-background: rgb(190, 190, 190, 0.35);
    --dt-table-alternating-row: rgba(0,0,0,0.1);
    /* Accordion */
    --acc-header-color: #ffffff;
    --acc-header-color-active: #f6cb7f;
}

html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

footer {
    position: absolute;
    bottom: 0;
    width: 90%;
    height: 60px;
    line-height: 57px;
    margin-left: 5%;
    border-color: #424242 !important;
}

.df-footer {
    border-top: solid thin #424242;
    text-align: center;
}

.df-api-ref-footer {

}

.df-copyright-notice {
    padding: 0 1.6em 0 1.6em;
}

.df-nav-header {
    height: 6em;
}

.df-header-logo {
    width: 18em;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

body {
    font-family: Montserrat, 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, sans-serif;
    margin-bottom: 60px;
    background-color: #E1E1E6;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem var(--input-shadow-color), 0 0 0 0.25rem var(--input-highlight-color);
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}

.description-container {
    background-color: #f8f9fa;
    border-radius: 8px;
}

.list-group-item.active {
    background-color: #be8a2c;
    color: white;
    border-color: #c99432;
    cursor: pointer;
}

.list-group-item:hover {
    background-color: #e9ecef;
    cursor: pointer;
}

.list-group-item.active:hover {
    background-color: #be8a2c;
    cursor: pointer;
}

.df-error-glyph {
    width: 20em;
    height: 20em;
}

.df-error-copy {
    font-size: 2em;
    margin: 1em;
}

.df-error-identifier {
    font-size: 2em;
    text-align: center;
    font-weight: bold;
}

.df-nav {
    border-bottom: 1px solid #a7a7a7 !important;
}

.nav-item{
    margin: 0 0.25em;
}

.df-navigation-link {
    font-size: 1.1em;
    margin: 0 0.8em 0 0.8em;
    color: var(--navigation-link-color);
}

    .df-navigation-link:hover {
        color: var(--navigation-link-color-hover) !important;
    }

    .df-navigation-link:focus {
        color: var(--navigation-link-color-hover) !important;
    }

.df-problem-details-listing{

}

.df-problem-details-listing > li {
    font-size: 1.2em;
}