#map {
    width: 100%;
    height: calc(100vh - 2em);
    position: relative;
}

.control-left {
    position: absolute;
    top: 90px;
    left: 6px;
}

.control-right {
    position: absolute;
    top: 90px;
    right: 16px;
}

.control-bottom {
    position: absolute;
    top: 600px;
    right: 16px;
}

.draw-app {
    top: 65px;
    left: .5em;
}

.ol-touch .draw-app {
    top: 80px;
}

.bs-canvas-overlay {
    opacity: 0;
    z-index: -1;
}

.bs-canvas-overlay.show {
    z-index: 100;
}

.bs-canvas {
    top: 0;
    width: 0;
    z-index: 1110;
    overflow-x: hidden;
    overflow-y: auto;
}

.bs-canvas-left {
    left: 0;
}

.bs-canvas-right {
    right: 0;
}

.bs-canvas-anim {
    transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
}

.bs-canvas-content {
    .navbar {
        border: none;
        margin-left: 0;
        background-color: inherit;
    }

    .navbar-header {
        width: 100%;
        border-bottom: 1px solid #e7e7e7;
        margin-bottom: 20px;
        background: #fff;
    }

    .navbar-nav {
        .panel {
            border: 0 none;
            box-shadow: none;
            margin: 0;
            background: inherit;
        }

        li {
            display: block;
            width: 100%;

            a {
                padding: 15px;
                color: #5f5f5f;
                .glyphicon,
                .fa {
                    margin-right: 8px;
                }
            }
        }
    }

    .nb {
        padding-top: 5px;
        padding-left: 10px;
        margin-bottom: 30px;
        overflow: hidden;

    }
}

ul.nv,
ul.ns {
    position: relative;
    padding: 0;
    list-style: none;
}

.nv {
    li {
        display: block;
        position: relative;

        &::before {
            clear: both;
            content: "";
            display: table;
        }

        a {
            color: #444;
            padding: 10px 25px;
            display: block;
            vertical-align: middle;

            .ic {
                font-size: 16px;
                margin-right: 5px;
                font-weight: 300;
                display: inline-block;
            }
        }
    }

    /*ns: nav-sub*/
    .ns {
        li {
            a {
                padding: 10px 50px;
            }
        }

    }
}

.bg-custom {
    background-color: rgba(255, 255, 255, 1);
    /* color: rgb(52, 144, 220) */
}

.bs-canvas-header {
    background-color: #159957;
    background-image: linear-gradient(120deg, #155799, #159957);
    color: white;
    border-top-right-radius: 20px;

}