.row > [class*=col] {
    border: 1px solid transparent;
    border-color: whitesmoke;
    text-align: center;
    display: flex;
    align-items: center;
}

.boxwrapc {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: lightblue;
}

.boxwrapb {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    background-color: lightblue;
}

h3 {
    margin-top: 1rem;
    font-size: 1.5em;
    text-align: center;
    margin-top: 1em;
}
/* css checkbox01 */
.checkbox01-input {
    display: none;
}

.checkbox01-parts {
    padding-left: 20px;
    position: relative;
    margin-right: 20px;
}

    .checkbox01-parts::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 15px;
        height: 15px;
        border: 1px solid #999;
        border-radius: 4px;
    }

.checkbox01-input:checked + .checkbox01-parts {
    color: #009a9a;
}

    .checkbox01-input:checked + .checkbox01-parts::after {
        content: "";
        display: block;
        position: absolute;
        top: -5px;
        left: 5px;
        width: 7px;
        height: 14px;
        transform: rotate(40deg);
        border-bottom: 3px solid #009a9a;
        border-right: 3px solid #009a9a;
    }

.modal-lg {
    max-width: 1100px;
}


.li-con {
    width: 12em;
    float: left;
}

.li-con2 {
    width: 13em;
    float: left;
}
ul {
    width: 1000px;
    border-radius: 5px;
    overflow: hidden;
}

.ul-wh2 {
    width: 1300px;
    border-radius: 5px;
    overflow: hidden;
    margin-left: 0em;
}

.checkbox label {
    position: relative;
    display: block;
}

.checkbox label input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}
    .checkbox label input[type="checkbox"] + span {
        display: block;
        color: #007bff;
        border: 1px solid #007bff;
        border-radius: 0.5rem;
        padding: 0.5rem;
    }
    .checkbox label input[type="checkbox"]:checked + span {
        background-color: #007bff;
        color: #fff;
    }
.radio label {
    position: relative;
    display: block;
}

    .radio label input[type="radio"] {
        position: absolute;
        opacity: 0;
    }

        .radio label input[type="radio"] + span {
            display: block;
            color: #007bff;
            border: 1px solid #007bff;
            border-radius: 0.5rem;
            padding: 0.5rem;
        }

        .radio label input[type="radio"]:checked + span {
            background-color: #007bff;
            color: #fff;
        }