html, body, .wrapper, .content-wrapper {
    height: 100%;
    cursor: default !important;
}

body {
    color: #212121;
}

.wrapper {
    overflow: none;
}

.content-wrapper {
    background-color: #EFEFEE;
    overflow: auto;
    min-height: initial !important;
    -webkit-overflow-scrolling: touch;
}

.wrapper .content-wrapper .content-header {
    padding: 0px;
    background-color: #f2f3f6;
    box-shadow: 0px 2px 4px -1px #777777;
    z-index: 3;
    /*padding-bottom: 0px;*/
}

.content {
    /*padding-left: 20px;*/
    /*padding-right: 20px;*/
    /*padding-top: 5px;*/
    background-color: #EFEFEE;
    overflow: auto;
    min-height: inherit;
}

.nopadding {
    padding-left: 0px;
    padding-right: 0px;
}

.form-group {
    margin-bottom: 0px;
}

.hidden {
    display: none;
}

.wrapper .main-header .navbar {
    margin-left: 0px;
    box-shadow: 0px 2px 5px 0px #777777;
    background-color: #0277bd;
    color: #ffffff;
}

.wrapper .main-header .navbar .sidebar-toggle:hover
{
    background-color: #0277bd !important;
    color: #ffffff !important;
}

.wrapper .main-header li.user-header {
    background-color: #0277bd;
    color: #ffffff;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default {
    color: #ffffff;
    background-color: #0277bd;
}

.wrapper aside.main-sidebar,
.wrapper aside.left-side
{
    box-shadow: 0px 2px 5px 0px #777777;
}

.wrapper aside.main-sidebar,
.wrapper aside.left-side,
.main-sidebar .sidebar-menu>li
{
    background-color: #ffffff;
    color: #212121;
}

.main-sidebar .sidebar-menu>li.header {
    background-color: #ffffff;
    color: #212121;
    font-size: 16px;
    font-weight: normal;
    border-top: 1px #cdd4d4 solid;
}

.main-sidebar .sidebar-menu>li>a,
.main-sidebar .sidebar-menu>li>a {
    background-color: #ffffff;
    color: #212121;
    font-size: 14px;
    font-weight: normal;
}

.main-sidebar .sidebar-menu>li:hover>a,
.main-sidebar .sidebar-menu>li.active>a {
    background-color: #e0e0e0;
    border-left-color: #e0e0e0;
    color: #212121;
    font-size: 14px;
    font-weight: normal;
}

.main-sidebar .sidebar {
    padding-bottom: 0px;
    overflow: auto;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #818285;
    border-color: #818285;
}

#logo {
    display: inline;
    height: 25px;
    margin-top: -3px;
}

#app-title {
    float: right;
    margin-left: 10px;
}

@media (max-width: 767px) {
    .main-sidebar {
        padding-top: 50px;
    }

    #app-title {
        overflow: hidden;
        max-width: 180px;
        max-height: 20px;
    }

    .form-control {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .navbar-custom-menu .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 10px;
        line-height: 25px;
    }
}