/*  Copyright 2015, Si web studio, Slovenia */

html, body{
  font-family: 'Verdana', Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size:14px;
  height:100%;f
  width:100%;
  margin: 0px;
  padding: 0px;
  background:#FFFFFF;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-touch-callout:none; 
  -webkit-user-select:none; 
  border:none;
  outline:none;
  color:#111111;
  margin:0px;
  overflow:hidden;
}

#besedilo {
  position:fixed;
  width:calc(100% - 200px);  
  height:100%;
  background:#ededed;
  color:#111;
  top:0px;
  left:0px;
  z-index:10007;
  display:none;
  background:transparent;
  font-size:10px;
}

#statistika {
  position:fixed;
  margin:0;
  padding:2px;
  right:0px;
  top:110px;
  height:30px;
  width: 154px;
  background: transparent;
  border:0px solid #555555;
  text-align:left;
  vertical-align:top !important;
  z-index:1 !important;
  text-align:center;
  z-index:10005;
  overflow:hidden;
  z-index:9999999999999;
}

#map {
  overflow:hidden !important; z-index:1;
}

input, select, option {
  font-size:14px;
  font-weight:normal;
  width:258px;
  height:26px;
  border: none;
  padding-left:5px;
  vertical-align:top;
  margin:2px;
  text-decoration:none !important;
  letter-spacing:0px !important; 
  -webkit-border-radius:3pxt;
  -moz-border-radius:3px;
  border-radius:3px;
  background:#fff !important;
  color:#111;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border:1px solid black;
}

textarea {
  font-family: 'Verdana', Arial, sans-serif;
  font-size:13px;
  font-weight:normal;
  text-decoration:none;
  color:#111; 
  width:251px;
  height:26px;
  border: none;
  padding-left:5px;
  vertical-align:top;
  margin:2px;
  letter-spacing:0px
  -webkit-border-radius:3pxt;
  -moz-border-radius:3px;
  border-radius:3px;
  background:#EDEDED;
  color:#111111;
  border:1px solid black;
}
#opi1, #opi2 { background:#fff !important; height: 90px}

#maptype {
  position:absolute;
  top:50px;
  left:10px;
  width:125px;
  height:34px;
  font-size:14px !important;
  text-transform: uppercase;
  border:1px solid #111;
  color:#ededed;
  background:#333 !important;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  cursot:pointer !important;
}

#maptype option {
  color:#ededed;
  background:#333 !important;
  font-size:14px !important;
  border:1px solid #111;
  border-radius:5px;
  cursot:pointer !important;
}

#drzave0 {
  position:absolute;
  top:90px;
  left:10px;
  width:125px;
  height:34px;
  font-size:14px !important;
  text-transform: uppercase;
  border:1px solid #111;
  color:#ededed;
  background:#333 !important;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  cursot:pointer !important;
}

#drzave0 option {
  color:#ededed;
  background:#333 !important;
  font-size:14px !important;
  border:1px solid #111;
  border-radius:5px;
  cursot:pointer !important;
}

#najdi {
  position:absolute;
  width:125px;
  height:34px;
  padding:1px;
  top:130px;
  left:10px;
  font-size:14px;
  text-transform: uppercase;
  border:1px solid #111;
  color:#ededed;
  background:#333;
  color:#111 !important;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  cursor:edit;
}

#najdi::placeholder {
  color:#111;
}



#myLinks {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  font-size:15px;
  position:fixed;
  width:190px;
  height:100%;
  right:-195px;
  top:0px;
  background: url("../images/bg.png");
  padding:0px;
  border:1px solid #555555;
  color:#ededed;
  z-index:1 !important;
}
#myLinks span img{
  margin:3px;
}

.alink {
  left:5px;
  top:10px;
  color:#ededed;
  cursor:pointer;
  font-size:15px;
  font-weight:normal;
  margin:2px;
}

.alink a {
  left:5px;
  top:10px;
  color:#ededed;
  cursor:pointer;
  font-size:15px;
  font-weight:normal;
}

#src1, #src2 { color:#ededed !important }

ul { list-style-type: none }
ul li { margin-left:-30px !important; }
ul li img { margin-right:10px !important; }

.alink li {
  left:5px;
  top:10px;
  color:#ededed;
  cursor:pointer;
  font-size:14px !important;
  font-weight:normal !important;
}

.mybutton {
  background-color:#fff;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  border:1px solid #111;
  width:35px;
  height:35px;
  cursor:pointer;
  color:#111;
  font-family: 'Verdana', Arial, sans-serif;
  font-size:14px;
  font-weight:normal;
  padding:4px;
  margin:3px 4px;
  text-decoration:none;
}

input:focus, select:focus {
  outline: none;
  color:#111;
  background:rgba(0,0,0,0.3);

}

.mybutton:focus {
  width:35px;
  height:35px;
  outline: none;
  background:#fff;
  color:#111;
  width:100%;
}
.mybutton:hover {
  width:35px;
  height:35px;
  cursor:pointer;
  background-color: rgba(255,255,255,0.5);
}

a.mylink { color: #6D98FC !important; text-decoration:none !important; cursor:pointer !important}

.alink:hover, .mybutton:hover, #drzave0:hover, #maptype:hover, a.leaflet-control-zoom-in:hover, a.leaflet-control-zoom-out:hover, .blink:hover, a.mylink:hover, option:hover {
  cursor:pointer;
  color: #cca8ff !important;
}

#naslov { position:fixed;height:40px;bottom:2px !important }

#mydiv {
  font-family: "Verdana", sans-serif;
  position:absolute;
  width:300px
  height:300px;
  top:0px; 
  left:calc(50% - 160px) !important;
  padding:10px;
  font-size:14px;
  background:rgba(0,0,0,0.0);
  vertical-align:middle !important;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}

.shadow {
  border:1px solid #111;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}

.delam {
  position:fixed;
  bottom:100px;
  left:calc(100% - 80px;)
  width:160px !important;
  height:160px !important;
  display:none;
}

#rezultat {
  position:fixed;
  width:auto;
  max-width:300px;
  height:auto;
  max-height:300px;
  left:10px;
  top:205px;
  border-top-right-radius:5px;
  border-bottom-right-radius:5px;
  background: url("../images/bg.png");
  padding:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  border:1px solid #555555;
  text-align:left;
  color:#ededed;
  font-size:12px;
}

#pozdrav {
  position:fixed;
  width:300px;
  height:300px;
  left:calc(50% - 155px);
  top:75px;
  border-top-right-radius:5px;
  border-bottom-right-radius:5px;
  background: url("../images/bg.png");
  padding:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  border:1px solid #555555;
  text-align:center;
  display:none;
  color:#ededed;
}

#menu {
  position:fixed;
  top:0px;
  left:calc(50% - 155px);
  margin:0px;
  padding:0px;
  height:auto;
  width:100%;
  font-size:14px;
  font-weight:bold;
  color:#111111;
  background: transparent !important;
  z-index:999998;
  border-bottom-right-radius:5px;
}

#uvod {
  position:fixed;
  width:300px;
  height:300px;
  left:calc(50% - 155px);
  top:64px;
  border-top-right-radius:5px;
  border-bottom-right-radius:5px;
  background: url("../images/bg.png");
  padding:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  border:1px solid #555555;
  text-align:center;
  color:#ededed;
}

#navodilo {
  position:fixed;
  width:315px;
  height:100%;
  right:calc(50% - 155px);
  top:0px;
  border-top-right-radius:5px;
  border-bottom-right-radius:5px;
  background: url("../images/bg.png");
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  border:1px solid #555555;
  display:none;
  color:#ededed;
  padding-left:15px;
  padding-right:5px;
  text-align:left;
  display:none;
  overflow:auto;
  -webkit-user-select: text;  /* Chrome 49+ */
  -moz-user-select: text;     /* Firefox 43+ */
  -ms-user-select: text;      /* No support yet */
  user-select: text; 
}
#navodilo p {
  font-family: 'Verdana', Arial, sans-serif; 
  font-size:14px;
  vertical-align:middle !important;
 }
#navodilo p img { vertical-align:middle !important; }
#navodilo h4 { 
  font-family: 'Verdana', Arial, sans-serif; 
  font-size:16px;
  color:#B587FF;
}

.imgsize { 
  width:38px !important;
  height:38px !important;
  margin:2px;
  vertical-align:middle;
  cursor:pointer;
  opacity:1;
}

.imgsize:hover {
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -o-transform: rotate(360deg);
  transform: rotate(360deg);
 -webkit-transition-duration: 2s;
 -moz-transition-duration: 2s;
 -o-transition-duration: 2s;
  transition-duration: 2s;
}

#xxblock_div {
  position:fixed;
  margin:0px;
  padding:0px;
  left:0px;
  top:0px;
  width:35px;
  height:35px;
  background: rgba(200,200,200,0.5);
  z-index:1 !important;
  z-index:9999999999999999999999999999;
}
#xxblock {
  position:fixed;
  margin:0px;
  font-size:14px;
  position:fixed;
  padding:10px !important;
  left:calc(50% - 130px);
  top:calc(50% - 130px);
  width: 280px;
  height: 300px;
  border-top-right-radius:5px;
  border-bottom-right-radius:5px;
  border-radius:5px;
  background: url("../images/bg.png");
  border:1px solid RED;
  text-align:left;
  vertical-align:top !important;
  z-index:1 !important;
  text-align:center;
  z-index:9999999999999999999999999999;
  color:#ededed;
}
#edited {
  margin:0px;
  font-size:14px;
  position:fixed;
  padding:10px !important;
  left:calc(50% - 130px);
  top:calc(50% - 130px);
  width: 280px;
  height: 300px;
  overflow-y: auto !important;
  background: url("../images/bg.png");
  border:1px solid #555555 !important;
  -webkit-border-radius:5pxt;
  -moz-border-radius:5px;
  border-radius:5px;
  color:#ededed;
  overflow:auto;
  z-index:999997 !important;
}

#mojvnos {
  margin:0px;
  font-size:14px;
  position:fixed;
  padding:10px !important;
  left:calc(50% - 130px);
  top:calc(50% - 130px);
  width: 280px;
  height: 300px;
  overflow-y: auto !important;
  background: url("../images/bg.png");
  border:1px solid #555555 !important;
  -webkit-border-radius:5pxt;
  -moz-border-radius:5px;
  border-radius:5px;
  color:#ededed;
  overflow:auto;
  z-index:999998 !important;
}

#upload {
  margin:0px;
  font-size:14px;
  position:fixed;
  padding:10px !important;
  left:calc(50% - 130px);
  top:calc(50% - 130px);
  width: 280px;
  height: 300px;
  overflow-y: auto !important;
  background: url("../images/bg.png");
  border:1px solid #555555 !important;
  -webkit-border-radius:5pxt;
  -moz-border-radius:5px;
  border-radius:5px;
  color:#ededed;
  overflow:auto;
  z-index:999999 !important;
  display:none;
}

.def {cursor:default !important}
h7 {font size:2px;margin:0; padding:0}
#prazna {width:192px !important; height:112px;}

.leaflet-control-zoom-in {
  position:absolute;
  right:12px;
  top:12px;
  width:23px !important;
  height:23px !important;
  padding:5px !important;
  color:#ededed !important;
  background:#333 !important;
  font-size:15px !important;
  vertical-align:middle;
  -webkit-border-radius:5pxt;
  -moz-border-radius:5px;
  border-radius:5px;
  border:1px solid black;
  z-index:999999999 !important;
}

.leaflet-control-zoom-out {
  position:absolute;
  right:12px;
  top:48px;
  width:23px !important;
  height:23px !important;
  padding:5px !important;
  color:#ededed !important;
  background:#333 !important;
  font-size:15px !important;
  vertical-align:middle;
  -webkit-border-radius:5pxt;
  -moz-border-radius:5px;
  border-radius:5px;
  border:1px solid black;
  z-index:999999999 !important;
}

.leaflet-popup-content-wrapper {
  background: url("../images/bg.png");
  color:#ededed;
  border:1px solid #555555;
  top:130px;
  width:300px;
  height:320px;
  outline: 0;
  z-index:999999999 !important;
}
.leaflet-popup-content {
  background: transparent;
  font-size:14px;
  width: 280px;
  height: 300px;
  overflow-y: auto !important;
  overflow-x:hidden !important;
  outline: 0;
  overflow-y:auto;
  z-index:999999999 !important;
}
.leaflet-popup-content img {
  width: 260px;
  height: 145px;
}

.leaflet-popup-close-button {
  position:absolute;
  bottom: 8px !important;
  right: 15px !important;
  margin:0 !important;
  padding: 0 !important;
  border: none !important;
  text-align: center;
  width: 38px !important;
  height: 38px !important;
  color: transparent !important;
  background: url(../images/exit.png) !important;
  background-repeat: no-repeat !important;
  background-size: 38px 38px !important;
}

.leaflet-control-container, .leaflet-control-zoom, .leaflet-bar, .leaflet-control, .leaflet-popup, .leaflet-popup-content-wrapper, .leaflet-popup-content  { 
z-index:9999999999999999999999999999999999999 !important;
}