/* Main layout */
.wrapper {
    height: 100% !important;
    display: grid;
    grid-template: 82px 1fr / 112px 1fr;
    grid-template-areas:
        "left top"
        "left content";
}

.left {
    grid-area: left;
}

.top {
    grid-area: top;
}

.content {
    background-color: ghostwhite;
    grid-area: content;
    padding: 0;
    margin: 0;
    overflow: auto;
}

.border-box {
    border: 1px solid lightgray;
    border-radius: 5px;
    padding: 3px 10px;
    position: relative;
}
.border-box .header {
    position: absolute;
    top: -14px;
    background-color: ghostwhite;
    padding: 0 5px;
    font-weight: bold;
    font-size: 16px;
}

.dropdown.messages-menu {
    margin-bottom: 0;
}

/* Top bar */
.top {
    display: grid;
    grid-template-columns: 300px 1fr;
}

.top-nav {
    line-height: 82px;
    /* удалить после удаления skeleton.css */
}

.nav.navbar-nav {
    margin: revert;
}

.loco-logo {
    margin: 24px auto 0;
}

/* Left bar */
.leftBar {
    padding-top: 12px;
    width: 112px;
    height: 100%;
    background: linear-gradient(180deg, #304859, #326d97);
    float: left;
}

.popUpMenu hr {
    margin: 7px 0;
    border-width: 1px;
    border-style: inset;
}

.leftBar > div {
    display: block;
    position: relative;
    padding: 13px 0 20px;
}

.leftBar > div:first-child {
    margin-bottom: 15px;
}

.leftBar > div:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.leftBar img {
    display: block;
    margin: auto;
    clear: both;
}

.leftBar p {
    color: #fff;
    text-align: center;
    position: absolute;
    min-width: 112px;
    line-height: 14px;
}

.popUpMenu {
    display: none;
    position: absolute;
    left: 113px;
    background-color: #304859;
    padding: 20px 25px;
    width: 277px;
    border-radius: 3px;
    z-index: 1;
}

.popUpMenu a {
    display: block;
    color: #fff;
    text-decoration: none;
}

.popUpMenu a:hover {
    color: #869FB1;
    text-decoration: underline;
}

#popUpMain {
    top: 11px;
}

#popUpProject {
    top: 99px;
}

#popUpTask {
    top: 177px;
}

#popUpLocation {
    top: 256px;
}

#popUpWorker {
    top: 335px;
}

#popUpHandbook {
    top: 408px;
}

#popUpData {
    top: 486px;
}

#popUpObj {
    top: 565px;
}

/* Решение конфликтов со старой вёрсткой */
html, body {
    height: 100% !important;
}
.box {
    margin-bottom: 0
}