body {
    padding-top: 70px;
}

.container h1:first-of-type {
    margin-top: 0;
}

.errors {
    color: red;
}

.nav-gravatar {
    float: left;
    position: relative;
    top: -6px;
    left: -8px;
    border: 1px solid #555;
}


/*state overview*/
.state-overview .symbol, .state-overview .value {
    display: inline-block;
    text-align: center;
}

.state-overview .value  {
    float: right;
}

.state-overview .value h1, .state-overview .value p  {
    margin: 0;
    padding: 0;
    color: #c6cad6;
}

.state-overview .value h1 {
    font-weight: 300;
}

.state-overview .symbol i {
    color: #fff;
    font-size: 50px;
}

.state-overview .symbol {
    width: 40%;
    padding: 25px 15px;
    -webkit-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
}

.state-overview .value {
    width: 58%;
    padding-top: 21px;
}

.state-overview .terques {
    background: #6ccac9;
}

.state-overview .red {
    background: #ff6c60;
}

.state-overview .yellow {
    background: #f8d347;
}

.state-overview .blue {
    background: #57c8f2;
}


.config.config-form .bg-info {
    margin-top: 24px !important;
    padding: 8px !important;
}

.is_not_paid {
    color: red;
}
.is_paid {
    color: #008000;
}

table thead th, table tbody td {
    vertical-align: middle !important;
}

td.td-horizontal-align { text-align: center; }

.btn.btn-fake {
    cursor: default;
}

table thead th {
    text-align: center;
}

.navbar-custom {
    background-color: #5cb85c;
    color: green;
}