.page {
    margin-top: 37px;
}
.page-header {
    padding: 0;
}

.page-content {
    padding: 0;
}
.site-menubar {
    top: 85px;
}

.site-navbar {
    height: 80px;
    background: white;
}
.navbar-brand>img.navbar-brand-logo {
    margin-top: 11px;
    height: 59px;
    margin-left: 0;
}

.panel-line.panel-primary .panel-heading {
    color: #8dc63f;
    background: transparent;
    border-top-color: #8dc63f;
}
.breadcrumb a {
    font-weight: bold;
    color: black;
}
.nav-tabs-vertical .nav-tabs .nav-link.active, .nav-tabs-vertical .nav-tabs .nav-link.active:focus, .nav-tabs-vertical .nav-tabs .nav-link.active:hover {
    border-right: 2px solid #709e32;
    border-bottom: none;
    background: #8dc63f;
    color: white;
    font-weight: bold;
}
.nav-tabs-vertical .nav-tabs {
    /*width: 200px;*/
}
.navbar-toolbar .nav-item {
    float: left;
    padding-right: 10px;
}
.btn {
    font-size: 1em;
}
.btn-group-xs>.btn, .btn-xs {
    font-size: .858rem;
}
.btn-primary {
    color: #fff;
    border-color: #8dc63f;
    background-color: #8dc63f;
}
.btn-primary:hover {
    color: #fff;
    border-color: #709e32;
    background-color: #709e32;
}

.navbar-avatar .avatar {
    width: 40px;
}

.navbar-inverse .navbar-toolbar .nav-link {
    color: currentColor;
    font-size: 30px;
}

.panel-line.panel-primary .panel-heading {
    color: #8dc63f;
    background: transparent;
    border-top-color: #8dc63f;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.page-header-actions {
    position: absolute;
    top: 25px;
    right: 0;
    gin: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.page-header-actions .btn-icon {
    margin-left: 6px;
    border-radius: inherit;
    height: 30px;
    line-height: 11px;
}

.btn-primary, .btn-success {
    color: #fff;
    border-color: #8dc63f;
    background-color: #8dc63f;
    min-width: 200px;
}

.mt-20 .btn-primary {
    font-weight: bold;
}

@media (min-width: 768px) {
    .navbar-right {
        float: right;
        margin-top: 23px;
        margin-right: 11px;
    }
}
.nav-tabs-horizontal .nav-tabs .nav-link {
    background: #ddd;
}
.app-mailbox .page-aside {
    position: relative;
    float: left;
}
.min-width-auto{
    min-width: auto;
}
.account-scrollable-div {
    max-height: 200px;
    overflow: scroll;
    overflow-x: hidden;
}
/** ajax loading ****/
#loading {
    width: 280px;
    height: 177px;
    background: url('../images/ajax-loader.gif');
    position: fixed;
    z-index: 2000;
    top: 50%;
    left: 50%;
    margin-top: -88.5px;
    margin-left: -140px;
    text-align: center;
    background-repeat: no-repeat;
}
#loading-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.5);
    background: -webkit-radial-gradient(50% 50% , ellipse closest-corner, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.725) 100%) repeat scroll 0 0 transparent;
    background: -moz-radial-gradient(50% 50% , ellipse closest-corner, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.725) 100%) repeat scroll 0 0 transparent;
    background: -o-radial-gradient(50% 50% , ellipse closest-corner, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.725) 100%) repeat scroll 0 0 transparent;
    background: -ms-radial-gradient(50% 50% , ellipse closest-corner, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.725) 100%) repeat scroll 0 0 transparent;
    background: radial-gradient(50% 50% , ellipse closest-corner, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.725) 100%) repeat scroll 0 0 transparent;
    z-index: 2000;
}
#loading span {
    display: inline-block;
    position: relative;
    top: 123px;
}

.site-menubar-body {
    height: calc(100% - 6px);
}