body{
    font-family: Georgia, 'Times New Roman', Times, serif;
}

#logo-container{
    box-sizing: border-box;
    padding: 5px;
    width: 50px;
    height: auto;
    display: inline-block;
}

#logo-container img {
    object-fit: cover;
    width: 100%;
    height: auto;
}

#nav-container{
    display: inline-block;
    box-sizing: border-box;
    padding: 10px;
}

#nav-container a{
    text-decoration: none;
    color: black;
    padding: 5px;
}

#login-container,
#signup-container,
#reciepts-gen-container{
    box-sizing: border-box;
    width: 300px;
    padding: 10px;
    /* border: 1px black solid; */
    margin: auto;
    margin-top: 10%;
}

#signup-container{
    margin-top: 2%;
}

#reciepts-viewer-container,
#members-manage-container{
    box-sizing: border-box;
    padding: 10px;
}

#login-container h2,
#signup-container h2,
#reciepts-gen-container h2,
#reciepts-viewer-container h2,
#members-manage-container h2{
    text-align: center;
}

form{
    box-sizing: border-box;
    width: 100%;
    padding: 5px;
}

form label{
    display: block;
    padding: 5px;
    font-weight: bold;
}

#login-container input,
#signup-container input,
#reciepts-gen-container input,
#reciepts-gen-container select{
    display: block;
    padding: 5px;
    margin: 2px;
    width: 100%;
    font-weight: bold;
    box-sizing: border-box;
}

input[type='submit']{
    margin-top: 10px;
}

form input[type='text'],
form input[type='password'],
form select{
    border: 1px solid;
    border-radius: 5px;
}

table,
.member_tables{
    width: 100%;
    box-sizing: border-box;
}

.member_tables td:nth-child(2){
    text-align: center;
}

table.dataTable>tbody>tr:hover{
    background-color: #4895ef;
}
.btn-members,
.btn-reciepts{
    width: 100px;
    box-sizing: border-box;
    padding: 2px;
    margin-top: 5px;
    display: inline-block;
}

.errors{
    color: red;
}