body {
    margin: 0;
}
input {
    font-size: 18px;
}
.title {
    text-align: center;
}
.container {
    width: 600px;
    margin: 0 auto;
}
.note {
    border: 1px black solid;
    margin-bottom: 10px;
}
.meta,.content {
    padding: 5px;
}
.meta {
    border-bottom: 1px black solid;
}
.content {
    background-color: #ebebeb;
}
.content:hover {
    background-color: white;
}
#footer {
    margin: 20px 0;
    text-align: center;
}
.pagination a,
.pagination span,
.btn {
    display: inline-block;
    vertical-align: text-bottom;
    text-align: center;
    border: 1px solid #e1e2e3;
    text-decoration: none;
    cursor: pointer;
    padding: 2px 6px;
    color: rgb(0, 0, 204);
    background: white;
    font-size: 16px;
    line-height: 20px;
}
.label {
    text-align: right;
}
.requere-label {
    color: red;
}
.error {
    background-color: #c9302c;
}
.success {
    background-color: #5cb85c;
}
.tip {
    color: white;
    text-align: center;
    font-size: 24px;
    line-height: 48px;
    /*position: fixed;*/
    top: 0;
    width: 100%;
}
.login-form {
    width: 300px;
    margin: 0 auto;
}
.nav-wrap {
    height: 25px;
    border-bottom: 1px solid #e1e2e3;
}
.nav {
    padding: 0;
}
.nav li {
    list-style: none;
    float: left;
}
.nav .active .btn {
    color: red;
}
.note-action {
    float: right;
    font-size: small;
}
.reply {
    margin: 0 30px;
    padding: 2px;
    color: red;
    background: #f7f7f7;
    border: 1px darkgray solid;
}
.users {
    width: 100%;
}
.users td,
.users th
{
    text-align: center;
    text-align: center;
    border: 1px solid #ddd;
}
.pagination-wrap {
    height: 26px;
}
.pagination {
    padding: 0;
}
.pagination li {
    float: left;
    list-style: none;
}
.pagination span {
    cursor: default;
}
.pagination .active span {
    background: #337ab7;
    border: 1px solid #337ab7;
    color: white;
}
.action-area {
    text-align: right;
    margin: 10px 0;
}