:root {
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
}

.form-floating, input.form-control {
    color: var(--bs-body-color);
}

hr.thick-line {
    height: 2px;
    background-color: #333;
    width: 100%;
    border: none;
}

hr.thick-line-lt {
    height: 2px;
    background-color: #999;
    width: 100%;
    border: none;
    margin-top: 30px;
}

div.thin-line {
    height: 1px;
    border-bottom: 1px solid #777;
    width: 100%;
    margin: 5px 0;
}

#special_notice {
    width: 96%;
    padding: 10px 13px;
    margin: 0 auto;
    background-color: #CF3;
    color: #000;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    border: 1px solid #C00;
}

.tab-content > .active {
    background-color: whitesmoke;
}

/* FC or SO application styles */
#error {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    background-color: #C60;
    border: 1px solid red;
    color: #fff;
    text-align: center;
}

.error {
    border: 1px solid red;
    color: red;
    padding: 1px;
    margin-left: 2px;
    padding-top: 5px !important;
    font-size: .8em;
}

.error_noborder {
    color: red;
}

#error_msg {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    background-color: #C60;
    border: 1px solid red;
    color: #fff;
    text-align: center;
}

    #error_msg a {
        color: #fff;
    }

img.checkmark {
    border: none;
    width: 15px;
    height: 15px;
}

label[id].error {
    border: none;
}

.form-floating input, .form-floating textarea, .form-floating select {
    font-weight: bold;
}

/* Client-side save functionality */
#save_data, #restore_data {
    cursor: pointer;
    display: none;
}

    #save_data[disabled], #restore_data[disabled] {
        cursor: default !important;
    }

#save_data {
    margin-left: 30px;
}

#save_notice, #restore_notice, #restored_data_notice {
    display: none;
    font-size: smaller;
}

    #save_notice p:first-child {
        margin: 0;
        padding: 0;
    }

#restore_data {
    display: none;
}

#restored_data_notice {
    color: #008000;
    font-size: larger;
}