.form_wrap{
    width: auto;
    height: 100%;
    margin: 2rem auto;
    padding: 0 2rem;
    box-sizing: border-box;
}

form{
    margin: 0 auto;
}

.form_contents {
    display: flex;
    align-items: center;
    width: 80%;          /* your existing width */
    margin-bottom: 1rem; /* same as mb-3 */
}

.form_contents label {
    width: 10rem;
}

.form_contents label .btn_required {
    display: inline-block;
    vertical-align: middle; /* aligns span with label text */
    margin-left: 0.25rem;   /* optional spacing */
}

.form_contents .col input {
    margin-left: 2.5rem;
}

.btn_wrap{
    margin-top: 2rem;
}

.table_wrap{
    margin-top: 3rem;
}

.alert {
    text-align: center;
}

@media screen and (min-width: 768px){
    .form{
        display: flex;
        flex-wrap: wrap;
    }

    .form_wrap{
        margin: 2rem auto;
    }

    .btn_wrap{
        width: 80%;
        text-align: right;
    }
}

.datepicker {
    background: url('https://cdn-icons-png.flaticon.com/512/747/747310.png') no-repeat right 10px center;
    background-size: 16px;
    padding-right: 30px; /* space for the icon */
    
    cursor: pointer;
}