:root {
    --bs-tooltip-bg: red
}

body, html {
    height: calc(100% - 3em);
}

body {
    background-color: #fcfaf8
}

.header {
    height: 100px
}

.bg-dark {background-color:#22253b !important;}

header {
    background-color: #373d61;
    border: #2c314d 1px solid;
    border-width: 0 0 12px 0;
    color: #febc14
}
header svg {
    vertical-align: text-top;
    top: 3px;
    position: relative;
    fill: currentColor;
    height: 1em;
    width: 1em;
    margin-right: .3em;
}
    /* header path {
        fill: #febc14
    } */

.full-height {
    height: calc(100% - (header-height+footer-height))
}

.column-content {
    height: 100%;
    overflow: auto
}

#main-column > h2 {
    text-align: center;
    border-bottom: -4px solid #cfd2e1;
    padding-bottom: 0.3em
}

#main-column h2 svg, #account-sidebar h2 svg {
    height: 1.2em;
    width: 1.2em;
    position: relative;
    top: -2px;
    margin-right: .3em
}

#main-column h2 use, #account-sidebar h2 use, #main-column h3 use, .alert-primary svg {
    fill: currentColor
}

.flc-sidebar-card .list-group use {
    fill: #559b7a
}

.flc-sidebar-card .list-group .btn use {
    fill: #ffffff
}

#main-column h3 {
    font-size: 1.5rem;
    font-weight: 500
}

    #main-column h3 svg {
        height: 1em;
        width: 1em;
        position: relative;
        top: -2px;
        margin-right: .3em
    }

#main-column .btn svg {
    margin-right: .3em
}

.accordion-body svg {
    height: 1.2em;
    width: 1.2em;
    position: relative;
    top: -2px;
    margin-right: .3em
}

.accordion-body ul {
    margin-top: -.7em;
}

#progress svg {
    height: 1.8em;
    width: 1.8em;
    position: relative;
    top: .25em;
    color: #8e92a5
}

#progress .step {
    height: 2.2em;
    width: 2.2em;
    border-radius: 50%;
    margin: auto;
}

    #progress .step svg {
        height: 1.4em;
        width: 1.4em;
        position: relative;
        top: 3px;
        left: 2px;
    }

    #progress .step use {
        fill: white;
    }

#progress .active .step {
    background-color: #7fb19a;
}

#progress .active span {
    color: #7fb19a;
    font-weight: bold;
}

#progress .completed .step {
    background-color: #565f87;
}

#progress .completed span {
    color: #565f87;
    font-weight: bold;
}

#progress .uncompleted .step {
    background-color: #afb2c0;
}

#progress .uncompleted span {
    color: #afb2c0;
}

.flc-btn {
    background-color: #787d9d;
    color: #ffffff;
    padding: 0.5em
}

    .flc-btn:hover {
        color: #fff !important;
        background-color: #60657f !important;
        border-color: #c5d3df !important
    }

.main-text-button {
    font-weight: bold;
    color: #afb2c0;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    padding: .5em;
    position: relative;
    top: -0.35em;
}

    .main-text-button:hover {
        font-weight: bold;
        color: #afb2c0;
        text-decoration: underline;
    }

.main-text svg {
    height: 1.2em;
    width: 1.2em;
    position: relative;
    top: -2px;
    margin-right: .3em
}

.main-text ul {
    margin-top: -.7em;
}

#progress use {
    fill: #afb2c0
}

#progress span {
    display: block;
    text-align: center;
    font-size: .7em;
    margin-top: 3px;
    color: #afb2c0;
}

#account-sidebar {
    background-color: #f7efeb;
    height: calc(100% - 4em);
    border-radius: .5em;
    color: #373e61;
    margin-top: 1rem !important;
    margin-bottom:3.5em;
}

    #account-sidebar h2 {
        margin-top: 1.5em;
        font-size: 1.3em;
        font-weight: 400
    }

    #account-sidebar .btn:hover {
        color: #fff;
        background-color: #60657f;
        border-color: #c5d3df
    }

.flc-sidebar-card .saved-text {
    /*    display: block;*/
    font-size: .8em
}

.user {
    padding: .5em .5em .4em .5em;
    background-color: #ffffff;
    border-radius: .4em;
    text-align: center
}

    .user svg {
        height: 1.8em;
        width: 1.8em;
        position: relative;
        top: -1px;
        margin-right: .4em;
        font-weight: 600;
        color: #8e92a5
    }

    .user use {
        fill: #7fb19a;
    }

.flc-sidebar-card .list-group svg {
    height: .8em;
    width: .8em;
    /* margin-right: .3em; */
    margin-left: .4em;
    vertical-align: middle;
}

.flc-sidebar-card .list-group-item {
    border: 1px solid #cad1d7;
    border-radius: 0.4em;
    background-color: #ffffff;
    font-size: 1em;
    padding: .7em;
    padding-right: 6em;
    overflow: hidden;
}

.flc-sidebar-card {
    margin-bottom: .5em;
}

.flc-sidebar-card.amended li:first-of-type {
    border-top-left-radius: .4em;
    border-top-right-radius: .4em;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-width: 0px;
}

.flc-sidebar-card.amended li:first-of-type button:last-of-type {
    border-top-right-radius: .4em;
    border-bottom-right-radius: 0px;
}

.flc-sidebar-card.amended li {
    border-radius: 0px;
    border-bottom-width: 0px;
}

.flc-sidebar-card.amended li button:last-of-type {
    border-radius: 0px;
    border-top-right-radius: 0px;
}

.flc-sidebar-card.amended li:last-of-type {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: .4em;
    border-bottom-right-radius: .4em;
    border-bottom-width: 1px;
}

.flc-sidebar-card.amended li:last-of-type button:last-of-type {
    border-top-right-radius: 0px;
    border-bottom-right-radius: .4em;
}

.flc-sidebar-card button:first-of-type {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}


.flc-sidebar-card.attachment {
    margin-bottom: 0;
}

    .flc-sidebar-card.attachment .list-group-item {
        font-size: 1em;
    }

    .flc-sidebar-card.attachment li:first-of-type {
        border-top-left-radius: .4em;
        border-top-right-radius: .4em;
    }

    .flc-sidebar-card.attachment li {
        border-radius: 0;
    }

.flc-sidebar-card .btn-group .btn {
    border-bottom-width: 0;
    border-right-width: 0;
    border-top-width: 0;
}

.flc-sidebar-card button {
    background-color: #787d9d;
    color: #ffffff
}

    .flc-sidebar-card button:first-of-type {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    /* .flc-sidebar-card button:last-of-type {
        border-top-right-radius: 0px
    } */

.list-group-item.active {
    background-color: #979cb4;
    border-color: #979cb4
}

.list-group-item {
    font-size: 12px;
    padding: 0.3em 1em;
    font-weight: bold;
    color: #373f61
}

#account-sidebar .list-group-item {
    font-weight: normal;
}

.btn-group-sm .btn {
    padding: 0.5em
}

.btn-group.btn-group-yn label {
    padding: 0.37em 1.2em
}

.btn svg {
    fill: currentColor;
    height: 1em;
    width: 1em;
}

.form-section {
    border: 1px solid #979cb4;
    border-width: 0 0 1px 0;
    padding: 1.5em 0
}

    .form-section h2 {
        color: #373e61
    }

.form-text, .form-label {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-size: 0.9em
}

    .form-text.navigation {
        font-weight: bold;
        color: #373e61;
        font-style: italic
    }

.alert-primary {
    --bs-alert-color: #373d61;
    --bs-alert-bg: #d2d8f9;
    --bs-alert-border-color: #bcc4eb
}

.expanded {
    width: 100%
}

.pop-help {
    border-color: transparent;
    background-color: transparent !important;
    padding: 0;
    position: relative;
    top: -3px;
    left: 0.5em
}

    .pop-help.inline {
        border-color: transparent;
        background-color: transparent;
        display: inline;
        left: 0
    }

    .pop-help svg {
        width: 35px;
        height: 35px
    }

        .pop-help svg use {
            fill: #979cb4 !important;
            transition: all 0.15s ease-in-out
        }

    .pop-help:hover svg use {
        fill: #6c757d !important;
        transition: all 0.15s ease-in-out
    }

.popover {
    max-width: 350px
}

.input-group-prepend .input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-append .input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-text label {
    margin-left: 0.2em
}

.input-group-text {
    background-color: #f1f1f1;
    border-color: #6c757d;
    color: #444a4f
}

.darker-input-group {
    border-color: #6c757d
}

.btn-group label {
    padding: 0.9em
}

.btn-group {
    color: white
}

.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color)
}

.btn-check + .btn:hover {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color)
}

.btn:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:focus-visible + .btn {
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color)
}

    .btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
        box-shadow: var(--bs-btn-focus-box-shadow)
    }

.btn:disabled, .btn.disabled, fieldset:disabled .btn {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity)
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #157347;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-focus-shadow-rgb: 60,153,110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #13653f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #198754;
    --bs-btn-disabled-border-color: #198754
}

.btn-info {
    --bs-btn-color: #000;
    --bs-btn-bg: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #31d2f2;
    --bs-btn-hover-border-color: #25cff2;
    --bs-btn-focus-shadow-rgb: 11,172,204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #3dd5f3;
    --bs-btn-active-border-color: #25cff2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0
}

.btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffca2c;
    --bs-btn-hover-border-color: #ffc720;
    --bs-btn-focus-shadow-rgb: 217,164,6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffcd39;
    --bs-btn-active-border-color: #ffc720;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225,83,97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545
}

.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-focus-shadow-rgb: 211,212,213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa
}

.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #424649;
    --bs-btn-hover-border-color: #373b3e;
    --bs-btn-focus-shadow-rgb: 66,70,73;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4d5154;
    --bs-btn-active-border-color: #373b3e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #212529;
    --bs-btn-disabled-border-color: #212529
}

.btn-outline-primary {
    --bs-btn-color: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0d6efd;
    --bs-btn-hover-border-color: #0d6efd;
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0d6efd;
    --bs-btn-active-border-color: #0d6efd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #0d6efd;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0d6efd;
    --bs-gradient: none
}

.btn-outline-secondary {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108,117,125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
    --bs-gradient: none
}

.btn-outline-success {
    --bs-btn-color: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #198754;
    --bs-btn-hover-border-color: #198754;
    --bs-btn-focus-shadow-rgb: 25,135,84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #198754;
    --bs-btn-active-border-color: #198754;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #198754;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #198754;
    --bs-gradient: none
}

.btn-outline-info {
    --bs-btn-color: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #0dcaf0;
    --bs-btn-hover-border-color: #0dcaf0;
    --bs-btn-focus-shadow-rgb: 13,202,240;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #0dcaf0;
    --bs-btn-active-border-color: #0dcaf0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #0dcaf0;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0dcaf0;
    --bs-gradient: none
}

.btn-outline-warning {
    --bs-btn-color: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffc107;
    --bs-btn-hover-border-color: #ffc107;
    --bs-btn-focus-shadow-rgb: 255,193,7;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffc107;
    --bs-btn-active-border-color: #ffc107;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #ffc107;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffc107;
    --bs-gradient: none
}

.btn-outline-danger {
    --bs-btn-color: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #dc3545;
    --bs-btn-hover-border-color: #dc3545;
    --bs-btn-focus-shadow-rgb: 220,53,69;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #dc3545;
    --bs-btn-active-border-color: #dc3545;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #dc3545;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #dc3545;
    --bs-gradient: none
}

.btn-outline-light {
    --bs-btn-color: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f8f9fa;
    --bs-btn-hover-border-color: #f8f9fa;
    --bs-btn-focus-shadow-rgb: 248,249,250;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f8f9fa;
    --bs-btn-active-border-color: #f8f9fa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #f8f9fa;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f8f9fa;
    --bs-gradient: none
}

.btn-outline-dark {
    --bs-btn-color: #212529;
    --bs-btn-border-color: #cad1d7;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #212529;
    --bs-btn-hover-border-color: #212529;
    --bs-btn-focus-shadow-rgb: 33,37,41;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #212529;
    --bs-btn-active-border-color: #212529;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #212529;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #212529;
    --bs-gradient: none
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    text-decoration: underline
}

    .btn-link:focus-visible {
        color: var(--bs-btn-color)
    }

    .btn-link:hover {
        color: var(--bs-btn-hover-color)
    }

.btn-lg, .btn-group-lg > .btn {
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-border-radius: var(--bs-border-radius-lg)
}

.btn-sm, .btn-group-sm > .btn {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm)
}

.input-group label, .input-group span {
    padding: 0.6em
}

.datefixedwidth {
    min-width: 172px
}

.none {
    padding: 0.8em 0.2em
}

    .none span {
        position: relative;
        top: -4px
    }

#formSubmitModal li span {
    font-weight: 600;
    color: #437992 !important
}

.form-warning {
    color: #c92b00;
    margin-top: 0.6em;
    font-size: 0.875em
}

.flc-sidebar-card-actions {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

.processing li {
    background-color: #f3e6cd !important;
}

.amended .processing li:first-of-type {
    background-color: #f3e6cd !important;
    padding: .7em;
}

.amended .processing li {
    background-color: #fffbf3 !important;
    padding: .3em;
    padding-left: 1.4em;
}

.submitted li span use {
        fill: #427159 !important;
    }

.submitted li {
    background-color: #5c9c7b !important;
    color: white;
    padding-right: 4em;
}

.amended .submitted li:first-of-type {
    background-color: #5c9c7b !important;
    color: white;
    padding: .7em;
}

.amended .submitted li {
    background-color: #f3fff8 !important;
    color: #373f61;
    padding: .3em;
    padding-left: 1.4em;
}

    .submitted li span svg {
        width: 1em !important;
        height: 1em !important;
        position: relative;
        top: -1px !important;
    }

    .submitted li span use {
        fill: white !important;
    }

.userMessage {
    background-color: #d9acac;
    border-radius: .4em;
    padding: .7em;
    margin-top: .8em;
    border: 1px solid #ab8787;
    font-size: .8em;
    color: #332a2a;
}

.userMessage h3 {
    font-size: 1.3em;
    margin-bottom: .4em;
}

.userMessage p {
    margin-bottom: 0;
}
.errorMessage span.text-danger {
    display:block;
    margin-bottom:.5em;
}