.ol-full-screen{
	right: 9.5em;
}
#ruler-linijka2{
width: 360px;
height: 10px;
top: 173px;
left: 20px;
z-index: 1000;
position: absolute;
padding-top:20px;
padding-bottom:20px;
}

#ruler-linijka{
width: 360px;
height: 10px;
background-color:red;
border: 2px solid red;
    border-right: 0px;
    border-left: 0px;
}
.fl{
float:left;
}
.ShowHideAdmin{
position: absolute;
top: 0.5em;
left: 10em;
background-color:light-gray;
padding:5px;
/*width: 650px;*/
min-height: 40px;
}
.ShowHideAdminMenuElement{
float:left;
padding:2px;
margin:2px;
}

#ruler{
position: absolute;
left: 30%;
top: 5%;
display:none;
}

.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;
}


.ShowHideAdminButtonsPanel{
display:none;
position: absolute;
top: 9.5em;
right: 4em;
background-color: rgba(255,255,255,.4);
padding:5px;
width: 60px;
min-height:200px;
}

.AddGravePanel,.AddKsztaltPanel,.AddTekstPanel{
display:none;
position: absolute;
top: 105px;
right:235px;
z-index:100;
background-color: rgba(255,255,255,.4);
padding:5px;
width: 144px;
min-height:200px;
}
.AddTekstPanel{
width:200px;
/*height:285px!important;*/
    height: auto!important;
}
.AddGravePanel label{
width:60px;
}
.AddGravePanel input.small{
width:50px;
}
.AddGravePanel hr{
margin-top: 4px;
margin-bottom: 4px;
border: 0;
border-top: 1px solid black;
}

#ol-legend{
right: 3em;
bottom: 3em;
width:auto;
min-height:100px;
display:none;
}

.legendTable td{
padding:5px;
}
.legend_element{
width: 15px;
height: 10px;
margin-top: 5px;
margin-right:2px;    
}
#usun_grob_link{
color: white;
cursor: pointer;
margin-top:5px;
display:block;
text-align:right;
font-weight:bold;
width: 30px;
float: right;
}
.zmien_rodzaj_label{
display:inline-block;
margin-right:5px;
}
#ol-pan{
position: absolute;
left: 4em;
top: 2em;
width:80px;
height:80px;
border-radius:50px;
}
#ol-pan #ol-pan-wrapper{
position:relative;
}
/*
#ol-pan a{
padding:10px;
}
*/

.ol-wspolrzedne-panel{
    position: absolute;
    left: 13em;
    bottom: 8px;
    display:none;
    width: 148px;
}

div.popup_zdjecia div.arrow {
    background: url(gfx/carousel_arrows.png) no-repeat 50% 0;
    position: absolute;
    width: 20px;
    height: 28px;
    cursor: pointer;
    top: 52px;
}

div.popup_zdjecia div.arrow.right {
    right: 10px;
    background-position: -20px 0;
}

div.popup_zdjecia div.arrow.left {
    left: 10px;
    background-position: 0 0;
}

div.popup_zdjecia ul li {
    color: #DDDDDD;
    display: inline;
    float: left;
    width: 160px;
    padding-left: 10px;
    margin-left: 30px;
}
.EditTekstPanel,.EditZielenPanel{
margin:0!important;
}
.EditZielenPanel{
height:auto!important;
}

.move_arrow{
cursor:pointer;
}
.ol-pan-wrapper{
position:relative;
}
#move-left{
position:absolute;
left: 10px;
top: 30px;
display:block;
width:22px;
height:18px;
background: url(gfx/arrow_left.png) no-repeat;
}


#move-right{
display:block;
position:absolute;
right: 8px;
top: 30px;
width:22px;
height:18px;
background: url(gfx/arrow_right.png) no-repeat;
}

#move-down{
display:block;
width:18px;
height:22px;
background: url(gfx/arrow_down.png) no-repeat;
top: 46px;
position: absolute;
left: 30px;
}

#move-up{
top: 10px;
position: absolute;
left: 30px;
display:block;
width:18px;
height:22px;
background: url(gfx/arrow_up.png) no-repeat;
}

.ol-overviewmap .ol-overlay-container{
cursor:move;
}
/** kolor picker **/
.sp-container{
background: url(gfx/background.png) repeat;
}
.slider{
width:auto!important;
}

.ol-custom-overviewmap:not(.ol-collapsed)  {
  border: 1px solid black;
}


.ol-custom-overviewmap .ol-overviewmap-box {
  border: 2px solid red;
  cursor: pointer;
}

.ol-custom-overviewmap:not(.ol-collapsed) button{
  bottom: auto;
  left: auto;
  right: 1px;
  top: 1px;
}


.modal-box {
  display: none;
  position: absolute;
  z-index: 1000;
  width: 98%;
  background: white;
  border-bottom: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-clip: padding-box;
}

.modal-box header,
.modal-box .modal-header {
  padding: 1.25em 1.5em;
  border-bottom: 1px solid #ddd;
}
.modal-box img{
width:100%;
max-height:500px;
}
.modal-box header h3,
.modal-box header h4,
.modal-box .modal-header h3,
.modal-box .modal-header h4 { margin: 0; }

.modal-box .modal-body { padding: 2em 1.5em; }

.modal-box footer,
.modal-box .modal-footer {
  padding: 1em;
  border-top: 1px solid #ddd;
  background: rgba(0, 0, 0, 0.02);
  text-align: right;
}

.modal-overlay {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 900;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3) !important;
}

a.close {
  line-height: 1;
  font-size: 1.5em;
  position: absolute;
  top: 5%;
  right: 2%;
  text-decoration: none;
  color: #bbb;
}

a.close:hover {
  color: #222;
  -webkit-transition: color 1s ease;
  -moz-transition: color 1s ease;
  transition: color 1s ease;
}

@media (min-width: 32em) {
  .modal-box { width: 70%; }
}

.js-modal-print{
cursor:pointer;
}
.EditTekstPanel{
width:220px!important;
}

#edycja_rozmiaru_grobu_cont label{
display:block;
}

#edycja_rozmiaru_grobu_cont button{
color:black;
padding:2px;
width:20px;
}

#edycja_zmiana_adresu_grobu{
clear:both;
}

#edycja_zmiana_adresu_formularz{
width: 160px;
height: auto;
margin:0;
padding:10px 0px 0px 0px;
background:none;
}

#ol-search-box{
top: 65px;
left: 170px;
padding:6px;
}

#ol-search-box ul{
list-style:none;
}

#ol-search-box li{
display:inline-block;
}

#ol-search-box label{
margin-right:3px;
}
#ol-search-box input{
width:50px;
margin-right:5px;
}
#ol-search-box #szukaj{
font-size: 12px;
float: right;
margin-top: 14px;
margin-left: 5px;
}
.left{
float:left;
}

#map2{
width: 200px;
    height: 200px;
    position: absolute;
    bottom: 50px;
    left: 50px;
display:none;
}

.ShowHideMinimap{
position: absolute;
bottom: 50px;
left: 6px;    
}