body {
    /*padding: 10px 10px;*/
    background-color: #FFFFFF;
}

.listing-reg h1 {
    text-align: center;
    margin: 0 0 2rem;
}

table, th, td {
    border: 1px solid black;
}

/* css for registration form and errors*/
.form-login {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

/*    .form-login input {
        width: 100%;
        margin: 0px 0 10px;
    }*/

    .form-login .dropdown {
       width: 100%;
    }

    .form-login .btn {
        width: 100%;
    }

.my-errors {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    color: #333;
    font-size: 1.2rem;
    display: table;
}

    .my-errors li {
        margin: 0 0 1rem;
    }

        .my-errors li:before {
            content: "! Error : ";
            color: #f00;
            font-weight: bold;
        }

/* css for customer page*/
.form-customer {
    max-width: 700px;
    padding: 15px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

    .form-customer input {
        width: 100%;
        margin: 0px 0 5px;
    }

    .form-customer .btn {
        flex: 1 0 100%;
    }

    .form-customer h2 {
        width: 100%;
        margin: 30px 0 20px;
    }

    .form-customer h3 {
        width: 100%;
        margin: 30px 0 10px;
    }

/* css for account history page*/
.form-account_history {
    max-width: 700px;
    padding: 15px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

    .form-account_history input {
        width: 100%;
        margin: 0px 0 5px;
    }

    .form-account_history .btn {
        flex: 1 0 100%;
    }

    .form-account_history h2 {
        width: 100%;
        margin: 30px 0 20px;
    }

    .form-account_history h3 {
        width: 100%;
        margin: 30px 0 10px;
    }

/* css for results page*/
.form-results {
    max-width: 700px;
    padding: 15px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

    .form-results input {
        width: 100%;
        margin: 0px 0 5px;
    }

    .form-results .btn {
        flex: 1 0 100%;
    }

    .form-results h2 {
        width: 100%;
        margin: 30px 0 20px;
    }

    .form-results h3 {
        width: 100%;
        margin: 30px 0 10px;
    }

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
    background-color: #00AFE7 !important;
}