.sidebar {
    display: none;
    top: 52px;
    width: 100%
}

.sidebar-placeholder {
    width: 0%;
}

.nav-sidebar {
    margin-right: -21px;
    margin-bottom: 20px;
    margin-left: -20px;
}

.nav-sidebar>li>a {
    padding-right: 0px;
    padding-left: 0px;
}

.nav-sidebar>.active>a,
.nav-sidebar>.active>a:hover,
.nav-sidebar>.active>a:focus {
    color: #fff;
    background-color: #428bca;
}

.banner-text {
    color: #fff;
    font-family: 'PT Sans', Tahoma, Arial;
    font-size: 26px;
    float: right;
    margin-top: 8px;
}

.page-header {
    /*margin-top: 52px;*/
    border-bottom: 1px solid #aaa;
}

.dashNode {
    font-family: 'Source Sans Pro', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
    height: 120px;
    padding: 10px;
}

.dashNode>div {
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    border: 3px;
    opacity: 0.8;
}

.dashNode>div:hover {
    opacity: 1;
}

.dashValue {
    height: 68px;
    vertical-align: middle;
    font-style: italic;
    font-weight: 300;
    font-size: 2vw;
    width: 100%;
    display: table-cell;
}

.dashLable {
    top: 40px;
    height: 20px;
    width: 100%;
}

.red {
    background: #e43725;
    color: #fff;
}

.green {
    background: #85c744;
    color: #fff;
}

.blue {
    background: #428bca;
    color: #fff;
}

.orange {
    background: #ffa121;
    color: #fff;
}

@media (min-width: 768px) {
    .sidebar {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 1000;
        display: block;
        padding-top: 40px;
        overflow-x: hidden;
        overflow-y: auto;
        /* Scrollable contents if viewport is shorter than content. */
        background-color: #f5f5f5;
        border-right: 1px solid #eee;
        width: 260px;
    }
    .sidebar-placeholder {
        width: 260px;
    }
}

.main {
    padding-top: 10px;
}

.account_wall {
    padding: 40px 40px 40px 40px;
    background-color: #f7f7f7;
    border-radius: 10px;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.edit-button {
    color: rgba(0, 0, 0, 0.5);
}

.edit-button:hover {
    color: rgba(0, 0, 0, 1);
}

a.anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

.popover-500 {
    max-width: 500px;
}

.table-fixed {
    table-layout: fixed;
    word-wrap: break-word;
}

.table-fixed thead,
thead tr,
thead tr td {
    background: #fff;
}

.btn-plain {
    background: none;
    border: none;
    padding: 0;
}

.layer_icon {
    border-radius: 50%;
    border: 2px solid black;
    padding: 25px 25px;
    margin-right: 5px;
    margin-bottom: 4px;
}

.layer_image {
    border: 2px solid white;
}
.layer_image:after {
    content: '';
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    box-shadow: inset 0px 0px 20px 4px rgba(0,0,0,0.3);
}

.layer_type1 {
    background-image: url(/images/layers/asphalt1.jpg);
}

.layer_type2 {
    background-image: url(/images/layers/asphalt_beton2.jpg);    
}

.layer_type6 {
    background-image: url(/images/layers/pesok1.jpg);
}

.layer_type5 {
    background-image: url(/images/layers/pesok2.jpg);
}

.layer_type4 {
    background-image: url(/images/layers/scheben1.jpg);
}

.layer_type3 {
    background-image: url(/images/layers/scheben2.jpg);
}

.icon-stack {
    /*position: relative;
  display: inline-block;
  vertical-align: middle;*/
}

.icon-stack-top {
    position: absolute;
    /*top: -0.5em;*/
}

.icon-stack-bot {
    position: absolute;
    top: +0.5em;
}

.chart-tool-tip {
    position: absolute;
    border: 1px solid rgb(221, 221, 221);
    padding: 2px;
    background-color: rgb(238, 238, 238);
    opacity: 0.8;
    display: none;
    z-index: 10000;
}

.hall1 {
    color: #22f;
}

.hall2 {
    color: #fa0;
}

.hall3 {
    color: #f00;
}

.tareCenter {
    color: #aaa;
}

.foundPosition {
    color: #0a0;
}

.startPosition {
    color: #00a;
}

.bar-label {
    display: inline-block;
    padding: 2px;
    width: 60px;
    text-align: center;
    border-radius: 4px;
    margin: 0 4px;
}
.bar {
    display: inline-block;
    padding: 2px;
    text-align: center;
    white-space: nowrap;
}