/* -------------------------------------------- */
/* .bootstrap-override */

html {
    scroll-behavior: auto !important;
}

#main {
    padding: inherit;
    margin-bottom: 4rem;
}

/* -------------------------------------------- */
/* layouts */

.form-content {
    margin-bottom: 20px;
    font-size: 14px;
}

.control-label-heading {
    background: #D6F5D6;
    font-weight: bold;
    color: #008000;
    display: block;
    padding: 1px 8px;
}

@media (min-width: 768px) {

    .form-horizontal .control-label {
        display: flex;
    }

    .form-horizontal .control-label>.control-label-heading {
        flex: 1;
        align-content: center;
    }

    .form-group {
        margin-bottom: 0.2rem;
    }
}

@media (max-width: 767px) {

    .form-group {
        margin-bottom: 1rem;
    }

    .control-label-heading {
        background: none;
        padding: 0;
    }
}

/* -------------------------------------------- */
/* item style */

.required {
    color: #FF6600;
    font-weight: bold;
}

input.form-control,
select.form-control,
textarea.form-control {
    padding: 2px 5px;
    max-width: 100%;
}

.help-block {
    display: block;
}

.help-block-inline {
    display: inline-block;
}

.heading {
    color: #008000;
    font-size: 16px;
    font-weight: bold;
    margin-top: 16px;
}