.logo img{
    height: 60px;
}
.login {
    background-color: #eee !important;
}
.login .content {
    background-color: rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0 0 10px #ccc;
    -moz-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc;
}
.login .content h3 {
    color: #777;
}
.login .content p,
.login .content label {
    color: #777;
}
.btn.blue{
    background-color: #7ec534;
}
.btn.blue:hover{
    background-color: #03663e !important;
}
.login .content .create-account{
    border-top: 1px dotted #aaa;
}

a{
    color: #03663e;
}
a:hover{
    color: #7ec534;
}
.login .copyright{
    color: #999;
}
.input-icon.left i{
    color: #7ec534;
}
select[name='gender']{
    padding-left: 29px;
}


.navbar-inverse{
    background-color: #fff !important;
    border-bottom: 1px solid #ccc;
}
.header .brand img{
    height: 50px;
    margin-top: -15px !important;
}
.brand font{
    color: #03663e;
    font-size: 30px;
    font-weight: 600;
    line-height: 80px;
}

.header .nav li.dropdown .dropdown-toggle i{
    color: #03663e !important;
}
.header .nav li.dropdown .dropdown-toggle i:hover{
    color: #7ec534 !important;
}

.header .nav .dropdown-toggle:hover,
.header .nav .dropdown.open .dropdown-toggle{
    background-color: #fff !important;
}

.username{
    color: #03663e !important;
}
.username:hover{
    color: #7ec534 !important;
}

ul.page-sidebar-menu > li.active > a{
    background-color: #03663e !important;
    color: #fff !important;
}
ul.page-sidebar-menu > li.open > a,
ul.page-sidebar-menu > li > a:hover,
ul.page-sidebar-menu > li:hover > a{
    background-color: #7ec534;
}
ul.page-sidebar-menu > li > ul.sub-menu > li.active > a,
ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
    background: #7ec534 !important;
}
ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
    background: #7ec534 !important;
}

ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a,
ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover,
ul.page-sidebar-menu > li > ul.sub-menu li.open > a {
    background: #7ec534 !important;
}

ul.page-sidebar-menu > li > a{
    border-top: 1px solid #ccc !important;
}


@media (max-width: 979px){
    .page-sidebar{
        background-color: #eee !important;
    }
    .page-sidebar .sidebar-search input{
        background-color: #eee !important;
    }
    ul.page-sidebar-menu > li > a{
        border-top: 1px solid #ccc !important;
    }

}


@media (max-width: 767px) {
    .xs-hide {
        display: none;
    }
    .header .brand img{
        margin-top: 15px !important;
    }
}