html {
    font-size: 1rem;
}

@media screen and (max-width: 600px) {
    .h1, h1 {
        font-size: 26px;
    }
}

body {
    padding-top: 60px;
    padding-bottom: 40px;
    background: url('../img/kerala-sunrise-min.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-color: black;
}

.zf-green {
    color: #68b604;
}

.btn-success {
    background-color: #57a900;
    background-image: -moz-linear-gradient(top, #70d900, #57a900);
    background-image: -ms-linear-gradient(top, #70d900, #57a900);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70d900), to(#57a900));
    background-image: -webkit-linear-gradient(top, #70d900, #57a900);
    background-image: -o-linear-gradient(top, #70d900, #57a900);
    background-image: linear-gradient(top, #70d900, #57a900);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70d900', endColorstr='#57a900', GradientType=0);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
    background-color: #57a900;
}

div.container a.navbar-brand > img {
    display: inline;
    margin-right: 4px;
    margin-top: -2px;
}

.loader {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: url(../img/ajax-loader.gif) 50% 50% no-repeat rgba(249, 249, 249, 0.40);
    z-index: 7000;
}

.error {
    font-weight: normal !important;
    color: red;
}

h1, footer p, .welcome {
    color: white;
}

footer p {
    text-align: center;
}
footer p a {
    color: white;
}
#content {
    margin: 00px auto 0px auto !important;
}

.support {
    text-align: center;
    color: white;
}
.active{
    background-color: green !important;
    color: white !important;
}

.expired,.suspended {
    background-color: red !important;
}
.review, .fee, .renew{
    background-color: yellow !important;
}
.due{
    background-color: orange !important;
}