/*!** pace **!*/
.pace {
    -webkit-pointer-events: none;
    pointer-events: none;

    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.pace-inactive {
    display: none;
}

.pace .pace-progress {
    background: #29d;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px;
}

body {
    height: 100vh;
}

#content {
    overflow-x: auto;
    padding-bottom: 15px;
    padding-top: 15px;
}

#header {
    margin: 0;
}

.btn-header {
    margin: 8px;
}

#sidebar {
    height: 100%;
    padding: 0;
    background-color: #f8f8f8
}

#sidebar .nav li>a {
    color: #777;
}
#sidebar #lg-menu li>a {
    padding-left: 8px;
}
/* when the sidebar is collapsed, reduce the left/right padding
 to avoid the icon to be clipped */
#sidebar.col-xs-1 li>a {
    padding-left: 2px;
    padding-right: 2px;
}
.nav li>a:hover,
.nav li a.active {
    color: #555;
    background-color: #e7e7e7;
}
.nav .toggle-button {
    cursor: pointer;
}

/* nested menu */
#sidebar #lg-menu .sub-nav li>a {
    background-color: #ededed;
    padding-left: 24px;
}
#sidebar #lg-menu .sub-nav li>a:hover,
#sidebar #lg-menu .sub-nav li>a.active {
    background-color: #dfdfdf;
}

#footer {
    height: 50px;
}

.content-holder {
    height: 100%;
    overflow-y: auto;
}

@media screen and (max-width: 849px) {
    .can-hide {
        display: none;
    }
}

@media screen and (min-width: 850px) {
    .can-display {
        display: none;
    }
}