body {
    overflow: hidden;
}

#menu_top_row_1 {
    top: 0px;
    position: absolute;
    width: 100%;
    height: 60px;
    background-image: url('../gfx/interface/pasek_szary1.png');
}

#menu_top_row_2 {
    top: 60px;
    position: absolute;
    width: 100%;
    height: 46px;
    background-image: url('../gfx/interface/pasek_szary2.png');
    padding: 5px;
}

#map {
    border-left: 1px solid #AAAAAA;
    position: absolute;
    top: 106px;
    bottom: 0px;
    width: 100%;
    background-color: #FFFFFF;
}

.map_but {
    margin-left: 5px;
}

.panel-body {
    cursor: auto;
}

.draggable {
    border-color: black;
    color: black;
    z-index: 9999; /* move the z-index to the CSS */
}

.tab_box {
    margin-top: -2px;
    padding: 10px;
}

.form-control {

    font-size: 13px;
    height: 30px;
    line-height: 1;
    padding: 5px 5px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

.tooltip {
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    color: white;
    padding: 4px 8px;
    opacity: 0.7;
    white-space: nowrap;

}

.tooltip-measure {
    opacity: 1;
    font-weight: bold;
}

.tooltip-static {
    background-color: #ffcc33;
    color: black;
    border: 1px solid white;
}

.tooltip-measure:before,
.tooltip-static:before {
    border-top: 6px solid rgba(0, 0, 0, 0.5);
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    content: "";
    position: absolute;
    bottom: -6px;
    margin-left: -7px;
    left: 50%;
}

.tooltip-static:before {
    border-top-color: #ffcc33;
}

li.folder {
    font-weight: bold;
}

li .nocheckbox2 {
    display: none;
}

.ol-logo-only {
    display: none;
}

span.info_box a {

    color: #F03;
    cursor: pointer;
}

.leaftooltip {
    background-image: url("info.png");
    position: relative;
    padding: 4px 4px;
    left: -400px;
    width: 16px;
    height: 16px;
}

.leaftooltip_box {
    position: fixed;
    left: 265px;
    width: 200px;
    height: 200px;

    display: none;

}

#button_wyloguj {
    top: 10px;
    right: 260px;
    position: fixed;
}

#informacje_o_koncie {
    top: 10px;
    right: 153px;
    position: fixed;
}

#wersja {
    top: 10px;
    right: 55px;
    position: fixed;
}

#faq {
    top: 10px;
    right: 10px;
    position: fixed;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 0px solid #dddddd;
}

.wypis_opis_pola {
    font-size: 12px;
    color: #666;
    font-style: italic;
}

.olControlScale {
    top: 5em !important;
    right: 0em !important;
}

.system_txt {
    color: #ffffff;
    font-size: 25px;
    font-weight: bold;
    left: 60px;
    position: absolute;
    top: 0px;
}

#wersja_aktualizacje {
    overflow: auto;
    height: 420px;
    display: block;
}

.mniej {
    font-size: 0.8em;
}

.mniej .form-group {
    margin-bottom: 8px;
}

.panel .panel-default {
    font-size: 1em;
}

.funkcje {
    position: fixed;
    right: 10px;
    top: 67px;
    width: 380px;
}

.button_funkcje_box {
    width: 400px;
    z-index: 1;
    right: 1px;
    top: 105px;
}

.edit_f {
    font-size: 12px;
}

@media only screen and (max-width: 1025px) {

    body {
        color: #333;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 1.22857;
    }

    .panel-title {
        font-size: 13px;
    }

    .system_txt {
        color: #ffffff;
        font-size: 15px;
        font-weight: bold;
        left: 60px;
        position: absolute;
        top: 0;
    }

    .btn {
        -moz-user-select: none;
        background-image: none;
        border-radius: 4px;
        cursor: pointer;
        display: inline-block;
        font-size: 12px;
        font-weight: normal;
        line-height: 1.12857;
        margin-bottom: 0;
    padding: 6 px 12 px;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
    }

    #menu_top_row_1 {
        background-image: url("../gfx/interface/pasek_szary1.png");
        height: 50px;
        position: absolute;
        top: 0;
        width: 100%;
    }

    #menu_top_row_2 {
        background-image: url("../gfx/interface/pasek_szary2.png");
        height: 41px;
        padding: 5px;
        position: absolute;
        top: 50px;
        width: 100%;
    }

    #map {
        background-color: #ffffff;
        border-left: 1px solid #aaaaaa;
        bottom: 0;
        position: absolute;
        top: 90px;
        width: 100%;
    }

    .funkcje {
        position: fixed;
        right: 10px;
        top: 55px;
        width: 380px;
    }

    .button_funkcje_box {
        right: 1px;
        top: 90px;
        width: 400px;
        z-index: 1;
    }

    .panel-body {
        padding: 5px;
    }

    .feature_info {
        border: 1px solid;
        font-size: 11px;
        width: 100%;
    }

    .edit_f {
        font-size: 11px;
    }

    .table {
        margin-bottom: 2px;
        font-size: 11px;
    }

    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        border-top: 0 solid #dddddd;
        line-height: 1.32857;
        padding: 4px;
        vertical-align: top;
    }

    .form-control {
        font-size: 11px;
        height: 26px;
        margin-left: 2px;
    }

    .form-horizontal .control-label {
        margin-bottom: 0;
        font-size: 11px;
        text-align: right;
    }

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        min-height: 1px;
        padding-left: 13px;
        padding-right: 15px;
        position: relative;
    }

    .panel-heading {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        padding: 5px 8px;
    }

    .nav-tabs > li > a {
        border-radius: 4px 4px 0 0;
        margin-right: 2px;
    }

    .nav > li > a {
        display: block;
        padding: 6px 9px;
        position: relative;
    }

}

.cords {
    z-index: 1000;
    left: 9px;
    position: absolute;
    background: rgba(0, 60, 136, 0.3) none repeat scroll 0 0;
    border-radius: 4px;
}

.no_mobi {
    display: block;
}

@media (max-width: 768px) {
    .no_mobi {
        display: none;
    !important;
    }

    .float_box {
    width: 300px !important;
    }
}

@media (max-width: 480px) {
    .no_mobi {
        display: none;
    !important;
    }
}