/*@import url(http://fonts.googleapis.com/css?family=Lato:400,700,900);
/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
menu,
nav,
section,
time,
mark,
audio,
video,
details,
summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
}
article,
aside,
figure,
footer,
header,
nav,
section,
details,
summary {
  display: block;
}
/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
*,
*:before,
*:after {
  box-sizing: border-box;
}
/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {
  max-width: 100%;
}
/* force a vertical scrollbar to prevent a jumpy page */
html {
  overflow-y: scroll;
}
/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}
/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th {
  font-weight: bold;
  vertical-align: bottom;
}
td {
  font-weight: normal;
  vertical-align: top;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
pre {
  white-space: pre;
  /* CSS2 */

  white-space: pre-wrap;
  /* CSS 2.1 */

  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */

  word-wrap: break-word;
  /* IE */

}
input[type="radio"] {
  vertical-align: text-bottom;
}
input[type="checkbox"] {
  vertical-align: bottom;
}
.ie7 input[type="checkbox"] {
  vertical-align: baseline;
}
.ie6 input {
  vertical-align: text-bottom;
}
select,
input,
textarea {
  font: 99% sans-serif;
}
table {
  font-size: inherit;
  font: 100%;
}
small {
  font-size: 85%;
}
strong {
  font-weight: bold;
}
td,
td img {
  vertical-align: top;
}
/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* standardize any monospaced elements */
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}
/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer;
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button,
input,
select,
textarea {
  margin: 0;
}
/* make buttons play nice in IE */
button,
input[type=button] {
  width: auto;
  overflow: visible;
}
/* scale images in IE7 more attractively */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
/* prevent BG image flicker upon hover 
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/
/* let's clear some floats */
.clearfix:before,
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body {
  height: 100%;
  overflow: hidden;
}
body {
  font-family: 'Lato', sans-serif;
  color: #6e7c81;
  font-size: 12px;
  line-height: 1em;
}
p {
  text-shadow: 0px 1px 0px #f0f4f5;
}
h2 {
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 20px;
}
h3 {
  font-size: 14px;
  font-weight: 700;
  color: var(--main-color-dark);
  margin: 0px 0 18px 0;
}
button {
  border: none;
}
small {
  font-size: 10px;
  padding-top: 10px;
  display: block;
}
label.input {
  position: relative;
  display: block;
  margin-top: 12px;
}

.search{
  margin-top: 12px !important;
  width:100% !important;
}

label.input input {
  width: 100%;
  border: solid 1px #d7dddf;
  height: 30px;
  color: #6e7c81;
  padding: 0px 15px;
  font-size: 12px;
  font-family: 'Lato', sans-serif;
}
label.input button {
  position: absolute;
  right: 0px;
  background: transparent url("../images/close.png") no-repeat 0 3px;
  width: 23px;
  border: none;
  height: 25px;
  top: 0;
}
label.input button:hover {
  background-image: url("../images/close-active.png");
}
label.small {
  width: 49%;
  float: left;
}
label.big input {
  height: 33px;
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  border-radius: 17px;
  border: solid 1px #c0c8ca;
  padding-right: 45px;
}
label.big button {
  top: 2px;
  right: 6px;
  background: transparent url("../images/ok-big.png") no-repeat 0 3px;
  width: 35px;
  border: none;
  height: 35px;
}
label.big button:hover {
  background-image: url("../images/ok-big-active.png");
}
label.gmina {
  float: right;
}
.button {
  font-size: 10px;
  font-weight: 900;
  color: #6e7c81;
  text-transform: uppercase;
  background-color: #edeff0;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  height: 19px;
  padding: 0 12px;
}
.button:hover {
  background-color: var(--main-color-dark);
}
.button.small {
  font-size: 10px;
  line-height: 10px !important;
  font-weight: 400 !important;
  text-transform: none;
  height: 13px !important;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.tooltip-arrow {
  border-left-color: #58beff !important;
}
.tooltip-inner {
  background-color: #58beff !important;
  color: #fff;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
html,
button,
input,
select,
textarea {
  color: #222;
}
html {
  font-size: 1em;
  line-height: 1.4;
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
audio,
canvas,
img,
video {
  vertical-align: middle;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
strong {
  font-weight: 700;
}
a {
  /* text-decoration: underline; */
  color: var(--main-color-dark);
}
.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
header {
  background-color: #FFFFFF;
  -webkit-box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 10px, rgba(0, 0, 0, 0.23) 0px 3px 10px;
  -moz-box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 10px, rgba(0, 0, 0, 0.23) 0px 3px 10px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 10px, rgba(0, 0, 0, 0.23) 0px 3px 10px;
  position: absolute;
  z-index: 6;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
}
header #logo {
  height: 100%;
  width: 190px;
  background-color: #fff;
  text-align: center;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
header .lead {
  position: relative;
  float: left;
  top: 12px;
  margin: 0 20px
}
header .return {
  /* position: absolute;
  right: 390px; */
  top: 20px;
  color: #fff;
  background-color: var(--main-color-dark);
  padding-left: 23px;
  background-image: url("../images/icon-back.png");
  background-position: 5px 4px;
  background-repeat: no-repeat;
}
header #wyszukajAdres {
  margin-top: 6px;
  top: 0px;
  /* width: 30%; */
  z-index: 100;
  float: left;
}
header #herb{
	height: 50px;
	margin-left: 190px;
	width: 60px;
	position: relative;
	float: left;
}
header #herb-img{
	border:3px solid #fff;
	height:50px;
}
#infobar{
  position: relative;
  float: left;
	height: 100%;
	background: none repeat scroll 0% 0% #FFF;
  margin-left: 0px;
	/* width: 100%; */
}
.alertbar {
  background-color:var(--main-color-highlight-light);
  color: #FFF;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  justify-content: space-between;
  left: 0px;
  padding: 0.5em 2em;
  position: relative;
  right: 371px;
  text-align: right;
  top: 0px;
  width: calc(100vw - 385px);
  z-index: 20000;
}

#map {
  position: absolute;
  top: 50px;
  height: 100%; /* dla przeglądarek które wykrzaczają się na calc() */
  height: calc(100% - 50px);
  width: 100vw;
  left: 0px;
  right: 371px;
}
#osm-contributors {
  background: rgba(255,255,255,0.8);
  bottom: 0;
  height: 20px;
  padding: 2px;
  position: absolute;
  right: 385px;
  text-align: center;
  width: 150px;
  z-index: 1000;
}
footer {
  bottom: 0;
  position: absolute;
  right: 0;
  width: 385px;
  z-index: 50;
}
footer #scale {
  position: absolute;
  bottom: 40px;
  left: 20px;
}
footer #scale .olControlScaleLineTop,
footer #scale .olControlScaleLineBottom {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.9);
  height: 15px;
  border-left: solid 2px #6e7c81;
  border-right: solid 2px #6e7c81;
  text-align: center;
}
footer #scale .olControlScaleLineTop {
  top: 0;
  border-bottom: solid 2px #6e7c81;
}
footer #scale .olControlScaleLineBottom {
  top: 13px;
  border-top: solid 2px #6e7c81;
}
footer #info {
  position: absolute;
  left: 150px;
  bottom: 12px;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 0 10px;
  line-height: 13px;
}
footer #contact {
  background-color: var(--secondary-color);
  display: flex;
  font-size:11px;
  gap: 1.2em;
  justify-content: center;
  padding: 5px;
}
header #gps-info {
  background-color: #edeff0;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  height: 20px;
  width: 318px;
  right: 387px;
  position: absolute;
  line-height: 18px;
  top:46px;
  font-size:10px;
}
header #gps-info #gps {
  color: #fff;
  font-weight: 900;
  text-align: center;
  height: 19px;
  background: transparent url("../images/icon-globe.png") no-repeat 4px 3px;
  position: absolute;
  padding-left: 10px;
  left: -30px;
  background-color: #6e7c81;
  width: 130px;
  -webkit-border-top-left-radius: 9px;
  -webkit-border-bottom-left-radius: 9px;
  -moz-border-radius-topleft: 9px;
  -moz-border-radius-bottomleft: 9px;
  border-top-left-radius: 9px;
  border-bottom-left-radius: 9px;
  padding-top: 1px;
}
header #gps-info #gps-x {
  position: absolute;
  left: 120px;
  background: transparent url("../images/icon-x.png") no-repeat 0px 4px;
  height: 19px;
  padding-left: 18px;
  padding-top:1px;
}
header #gps-info #gps-y {
  position: absolute;
  left: 220px;
  background: transparent url("../images/icon-y.png") no-repeat 0px 4px;
  height: 19px;
  padding-left: 18px;
  padding-top: 1px;
}
@-moz-document url-prefix() {
	#gps,
   #gps-x,
   #gps-y {
        padding-top: 0px!important;
    }
}
#rightCol {
  -webkit-box-shadow: -3px 6px 15px -2px rgba(0,0,0,0.69);
  -moz-box-shadow: -3px 6px 15px -2px rgba(0,0,0,0.69);
  box-shadow: -3px 6px 15px -2px rgba(0,0,0,0.69);
  position: absolute;
  right: 0;
  top: 50px;
  bottom: 0;
  width: 385px;
  background-color: #ffffff;
  /* z-index: 20; */
  transition: all 0.6s;
}
#system-list > li > a:hover, #full-list > li > a:hover, #spatial-list > li > a:hover {
  color: #0097cf !important;
}
#rightColShadow {
  position: absolute;
  z-index: 7;
  top: 0;
  bottom: 0;
  right: 0;
  width: 370px;
  -webkit-box-shadow: -5px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -5px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: -5px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
#navigation {
  display: block;
  border-bottom: none;
}
#navigation li {
  /* width: 93px; */
  width: 50%;
  /* height: 40px; */
  margin: 0 !important;
  border: none !important;
  overflow: hidden;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border-left: 1px solid #d7dddf;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 30px, rgba(0, 0, 0, 0.23) 0px 6px 10px;
}
#navigation li button {
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  background-color: var(--main-color-highlight-light);
  text-transform: uppercase;
  font-weight: 900;
  color: #fff;
  font-size: 12px;
  width: 100%;
  height: 42px;
}
#navigation li button.active {
  background-color: var(--main-color-highlight);
  height: 50px;
  /* color: var(--main-color-dark); */
}
#navigation li:first-child {
  border: none;
}
/*#tools {
    position: absolute;
    top: 100px;
    right: 70px;
    z-index: 5;
    ul.nav {
        li {
            width: 50px;
            height: 50px;
            float: left;
            button {
                width: 100%;
                height: 50px;
                border: none;
                background-color: @color-dark-grey;
                float: left;
                i {
                    display: block;
                    float: left;
                    width: 50px;
                    height: 50px;
                    background: transparent url("../images/icon-tools.png") no-repeat 9px 14px;
                }
                span {
                    display: block;
                    float: left;
                    text-transform: uppercase;
                    font-weight: 900;
                    color: @color-main;
                    font-weight: 10px;
                    margin-top: 17px;
                }
            }
            
        }
        #tools-toggler {
            button {
                background-color: @color-main;
                i {
                    background: transparent url("../images/icon-tools.png") no-repeat 9px 14px;
                }
            }
        }
        #select-map {
            width: 200px;
            button {
                background-color: #fff;
                i {
                    background: transparent url("../images/icon-select-map-active.png") no-repeat 9px 14px;
                }
            }
        }
        #measure-line {
            button {
                i {
                    background: transparent url("../images/icon-line.png") no-repeat 9px 14px;
                }
            }
        }
        #measure-area {
            button {
                i {
                    background: transparent url("../images/icon-area.png") no-repeat 9px 14px;
                }
            }
        }
    }

    .tools-container {
        position: absolute;
        right: 0;
        top: 50px;
        width: 300px;
        background-color: #fff;
        min-height: 100px;
        padding: 0 20px 20px 20px;
    }

    .tools-container {
        h2 {
            margin-top: 20px;
        }
        ul {
            margin-bottom: 20px;
            li {
                float: left;
                margin-right: 5px;
                margin-bottom: 5px;
                width: 60px;
                &:hover, &.active {
                    border: solid 2px @color-main;
                }
            }
        }
    }
}
*/
.wyszukaj-gmine {
  /* background: transparent url("../images/gradient_bg.jpg") repeat-x 0 0; */
  height: 90px;
  padding: 20px;
}
.wyszukaj-gmine h2 {
  margin-bottom: 20px;
}
.wyszukaj-gmine ul {
  margin: 20px 0;
}
.wyszukaj-gmine ul li {
  float: left;
  margin-right: 5px;
}
.wyszukaj-gmine ul li .button {
  background-color: #6e7c81;
  color: #fff;
  width: 97px;
  padding: 0;
  display: block;
  text-align: center;
}
.wyszukaj-gmine ul li .button:hover,
.wyszukaj-gmine ul li .button.active {
  background-color: var(--main-color-dark);
}

.wyszukaj-gmine-lista {
  /* background: transparent url("../images/gradient_bg.jpg") repeat-x 0 0;
  height: 135px;
  padding: 20px; */
  margin-bottom: 25px;
}
.wyszukaj-gmine-lista h2 {
  margin-bottom: 20px;
}
.wyszukaj-gmine-lista ul {
 /* margin: 15px 25px; */
}
.wyszukaj-gmine-lista ul li {
  float: left;
  margin-right: 1px;
  width: 33%;
}
.wyszukaj-gmine-lista ul li .button {
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  background-color: var(--main-color-highlight-light);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 30px, rgba(0, 0, 0, 0.23) 0px 6px 10px;
  /* background-color: #6e7c81; */
  color: #fff;
  width: 100%;
  padding: 0;
  display: block;
  text-align: center;
  border-radius: 0 !important;
  height: 30px;
}
.wyszukaj-gmine-lista ul li .button:hover,
.wyszukaj-gmine-lista ul li .button.active {
  /* background-color: #fff;  */
  background-color: var(--main-color-highlight);
  /* color: #58beff !important; */
  height: 35px;
}


#narzedzia h2 {
  margin: 20px 0 20px 0;
}
#narzedzia h2:first-child {
  margin-top: 0;
}
#narzedzia ul li {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  width: 60px;
}
#narzedzia ul li:hover,
#narzedzia ul li.active {
  border: solid 2px var(--main-color-dark);
}
.obj-info {
  /* background: #ffffff url("../images/grad_bg_big.jpg") repeat-x 0 bottom; */
  padding: 20px;
  min-height: 200px;
}
.obj-info .herb {
  float: right;
  max-width: 120px;
}
.obj-info ul {
  width: 200px;
  float: left;
  margin-bottom: 10px;
}
.obj-info ul li {
  /* border-top: solid 1px #e5e9ea; */
  padding: 5px 0 10px 10px;
  display: flex;
}
.obj-info ul li a {
  text-decoration: none;
  font-size: 14px;
  color: var(--main-color-dark);
  display: flex;
  align-items: baseline;
}
.obj-info ul li a:hover {
  /* background-color: #e5e9ea; */
  color: var(--main-color-highlight);
}
.obj-info ul li a:active {
  color: var(--main-color-light);
}
.obj-info ul li a span.fa {
  margin-right: 0.4em;
  text-align: center;
  width: 1.4em;
}
.grey-bg {
  /* background-color: #f6f7f8; */
}
ul.list li {
  position: relative;
  padding: 4px 0;
  zoom: 1;
  *zoom: 1;
}
ul.list li a,
ul.list li {
  color: #6e7c81;
}
ul.list li:before,
ul.list li:after {
  content: " ";
  display: table;
}
ul.list li:after {
  clear: both;
}
ul.list li:before,
ul.list li:after {
  content: " ";
  display: table;
}
ul.list li:after {
  clear: both;
}
ul.list li .button {
  position: absolute;
  right: 0px;
  top: 4px;
}
ul.list li.head {
  color: var(--main-color-dark);
  text-transform: uppercase;
  font-weight: 900;
  padding-top: 20px;
}
ul.list li.head:first-child {
  padding-top: 0;
}
ul.list li.wsystemie {
  color: var(--main-color-dark);
  font-weight: 900;
}
ul.list li.wsystemie a,
ul.list li.wsystemie a:hover {
  color: var(--main-color-dark);
  font-weight: 900;
  background: none;
}
ul.list li.portal {
  color: var(--main-color-dark);
}
ul.list li.portal a {
  font-weight: 900;
  display: inline;
  width: 240px;
  color: var(--main-color-dark);
  /*background: transparent url("../images/icon-zoom.png") no-repeat right center;*/
}
ul.list li.portal a:hover {
 /* background-image: url("../images/icon-zoom-active.png");*/
  color: var(--main-color-dark);
}
ul.list li.portal .button {
  background-image: url("../images/icon-go.png");
  background-position: right 2px;
  background-repeat: no-repeat;
  padding-right: 16px;
}
ul.list li.portal .button:hover {
  background-image: url("../images/icon-go-active.png");
}
/* LISTA LOKALIZACJI W GMINIE */
ul.lokalizacje li {
  padding: 2px 0;
}


ul.lokalizacje li a {
  background: transparent url("../images/icon-zoom.png") no-repeat right center;
}
ul.lokalizacje li a:hover {
  background-image: url("../images/icon-zoom-active.png");
  color: var(--main-color-dark);
}
ul.lokalizacje li a {
  width: 170px;
  padding-top: 2px;
  display: inline;
  float: left;
  font-weight: 500;
  margin-right: 10px;
}
ul.lokalizacje li .button {
  position: relative;
  top: 0;
  display: block;
  float: left;
  margin-right: 1px;
}

ul.lokalizacje li .attyp {
	position: relative;
	display: block;
	min-width: 94px; 
	float: right;
	margin-right: 1px;
	font-size: 10px;
	line-height: 10px !important;
	font-weight: 400 !important;
	text-transform: none;
	height: 13px !important;
	border-radius: 6px;
	color: #6E7C81;
	background-color: #EDEFF0;
	padding: 0px 12px;
}


/*ul.big {
    margin-bottom: 10px;
    li {
        position: relative;
        padding: 0;

        a {
            font-weight: 900;
            display: block;
            padding: 3px 0;
        }

        .button {
            position: absolute;
            right: 0px;
            top: 2px;
        }
    }
}*/

.col {
  padding: 15px;
}

@media (max-width: 992px) {
    .col {
        padding: 10px;
    }
}


.scrollable {
  overflow-y: auto;
  /*padding-right: 20px;*/
  position: relative;
  bottom: 0px;
  /*margin-right: -10px;*/
}
.tabs-content,
.smalltabs-content,
.tab-content {
  display: none;
}
.tabs-content.active,
.smalltabs-content.active,
.tab-content.active {
  display: block;
}
/*
.go {
    background-image: url("../images/icon-go.png");
    background-position: right 2px;
    background-repeat: no-repeat;
    padding-right: 16px;
    &:hover {
        background-image: url("../images/icon-go-active.png");
    }
}*/
/* #informacja h2 {
  margin-bottom: 20px;
} */
#info-btn,
.tabs-nav,
.smalltabs-nav {
  font-size: 1em !important;
}
#informacja ul.tab-nav-ul {
 display: flex;
 justify-content: space-between;
}
#informacja ul.tab-nav-ul li {
  flex-basis: 0;
  flex-grow: 1;
  /* width: 33%; */
  /* float: left; */
  /* display: block; */
  margin-right: 1px;
}
#informacja ul.tab-nav-ul li:last-child {
  margin-right: 0px;
}
#informacja ul.tab-nav-ul li button {
  width: 100%;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  text-align: center;
  border-radius: 0px !important;
  background-color: var(--main-color-highlight-light);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 30px, rgba(0, 0, 0, 0.23) 0px 6px 10px;
  color: #fff;
  font-weight: 900;
  height: 30px;
}

#informacja ul.tab-nav-ul li button.active,
#informacja ul.tab-nav-ul li button:hover {
  background-color: var(--main-color-highlight);
  height: 40px;
  /* color: #58beff !important; */
}
div.narzedzia-pomiaru {
  cursor: pointer;
  height: 50px;
  position: relative;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  width: 40px;
}
/* div.narzedzia-pomiaru.odleglosc {
  background: #fff url("../images/icon-line-active.png") center no-repeat;
}
div.narzedzia-pomiaru.powierzchnia {
  background: #fff url("../images/icon-area-active.png") center no-repeat;
} */
div.narzedzia-pomiaru svg {
  fill: var(--main-color-dark);
  margin-top: 5px;
}
div.narzedzia-pomiaru svg:hover {
  fill: var(--main-color-highlight);
}
div.narzedzia-pomiaru svg:active {
  fill: var(--main-color-light);
}
div.narzedzia-pomiaru.street {
  background: #fff url("../images/streetview.png") center no-repeat;
}
div.narzedzia-pomiaru::after {
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  border-width: 0 20px;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  top: 50px;
  transition: all 500ms ease;
  width: 0px;
}
div.narzedzia-pomiaru.active {
  background-color: #2196F3;
  color: #fff;
}
div.narzedzia-pomiaru.active svg {
  fill: #fff;
}
div.narzedzia-pomiaru.active b,
div.narzedzia-pomiaru.active span {
  display: block;
}
div.narzedzia-pomiaru.active::after {
  border-color: #2196F3 transparent transparent transparent;
  border-width: 20px 20px 0 20px;
}
.badge {
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  width: 22px;
  height: 22px;
  cursor: pointer;
}
.badge.close {
  background: transparent url("../images/close.png") no-repeat 0px 2px;
}
.badge.close:hover {
  background-image: url("../images/close-active.png");
}
/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (min-width: 35em) {
  
}
@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
.clearfix {
  zoom: 1;
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
}
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #f0f0f0;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}

.list-entry {
  font-weight: 900;
}

.portal-link {
   width: 85px !important;
   color: #6e7c81 !important;
}

.listaplanow {
  width:310px;
  float:left;
  height:16px;
  padding-top:1px;
}
.studium {
  width:320px;
  float:left;
  height:16px;
  padding-top:1px;
}
.legend {
  position: absolute;
  right: 37px;
  width: 0;
  border: none;
  background: none;
  color: #FFFFFF;
  height: 0;
  float:right;
  z-index: 1;
}

.legend:hover {
}

.grid {
  position: absolute;
  width: 0;
  border: none;
  background: none;
  color: #FFFFFF;
  height: 0;
  float:right;
  z-index: 1;
  right:17px;
}

.grid:hover {
}

#w-systemie {
  padding-right: 0;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}

#pokrywka {
  position: absolute;
  z-index: 1000;
  top: 70px;
  height: 100%;
  width: 100%;
  opacity: 0;
  display: none;
}

#info-pokrywka {
  position: absolute;
  z-index: 1002;
  top: 40%;
  left: 30%;
  font-size: large;
  color: white;
  display: none;
}

#tlo-pokrywka {
  position: absolute;
  z-index: 1001;
  top: 38%;
  left: 29%;
  background: var(--main-color-dark);
  opacity: 0.8;
  width: 200px;
  height: 38px;
  border-radius: 20px;
  display: none;
}

#mapy-podkladowe {
  cursor: pointer;
  border: solid white 3px;
  bottom: 80px;
  -moz-box-shadow: 0 0 3px #ccc;
  -webkit-box-shadow: 0 0 3px #ccc;
  box-shadow: 0 0 3px #ccc;
  height: 80px;
  left: 150px;
  position: absolute;
  width: 80px;
  z-index: 1203;
}

#mapy-podkladowe:hover {
  border: solid #58beff 5px;
}

#mapy-podkladowe-text {
  bottom: 2px;
  color: black;
  left: 1px;
  position: absolute;
  z-index: 1204;
}

#narzedzia {
  height: 50px;
  display: flex;
  flex-direction: row;
}

#hideright-dwa {
  z-index: 1000;
}

.buttons-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  max-width: 337px;
  flex-wrap: wrap;
}

.buttons-row button {
  margin: 6px;
  text-transform: uppercase;
}

.buttons-row i {
  display: block;
  margin-bottom: 4px;
}

@media (max-width: 992px) {
  .buttons-row button {
    margin: 3px;
  }
}

#right_map_buttons {
  background-color: transparent;
  color: #444;
  cursor: default;
  display: none;
  flex-direction: column;
  font-size: 15px;
  height: auto;
  padding-top: 0%;
  position: absolute;
  right: 385px;
  top: 0;
  width: auto;
  z-index: 1049;
}

#right_map_buttons button{
  outline: none;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  box-sizing: border-box;
  font-family: Roboto, sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
}

#right_map_buttons button:hover {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 10px, rgba(0, 0, 0, 0.23) 0px 3px 10px;
}

#right_map_buttons_title {
  background: rgba(220, 220, 220, 0.9);
  width: 180px;
  height: 42px;
  font-weight: bold;
  /* border-radius: 6px; */
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  align-self: flex-end;
  font-size: 14px;
  font-family: sans-serif;
  /* border: 2px solid rgba(180, 180,  180, 0.9); */
}

#right_map_buttons_title >p {
  font-weight: bold;
  text-shadow: none;
}

#right_map_buttons_title:hover {
  cursor: pointer
}

#right_map_buttons_title.ust_title_active {
  margin: 0;
  background: var(--main-color-highlight);
  /* border: 2px solid rgb(238, 190, 0); */
  /* color: rgb(229, 166, 6); */
  color: white;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 10px, rgba(0, 0, 0, 0.23) 0px 3px 10px;
  border-radius: 2px;
}

@media (min-width: 993px) {

  #wyszukajAdres {
    margin-top: 6px;
  }

  .input-wyszukaj-adres {
    height: 35px !important;
    font-size: 16px !important;
  }
}

@media (max-width: 992px) {

  #map {
    width: 100vw !important;
  }

  /* Wysrodkowujemy logo w  pionie */
  #logo {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #ust_first_container {
    left: 0 !important;
  }

  #right_map_buttons {
    right: 0;
    margin: 0 !important;
  }

  /* Wyśrodkowujemy input do wpisania adresu */
  #wyszukajAdres {
    width: 40%;
    height: 40px;
    position: absolute;

    margin-left: 20%;
    
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #adres {
    margin-left: 30%;
    width: 20vw;
  }

  #fajneto {
    display: none !important;
  }
  #parcel-info {
    right: 0px !important;
    top: 72px !important;
  }
  #close-parcel-info {
    width: 20px !important;
  }
  #close-parcel-info>span {
    font-size: 30px !important;
  }

  #aalfabetycznie {
    display: none;
  }

  #kontener-map {
    height: 300px !important;
    width: 85px !important;
    bottom: 130px !important;
    left: 5px !important;
  }

  div#informacja.tabs-content.scrollable {
    overflow-x: hidden !important;
    /*height: 540px !important;*/
  }

  #contact {
    display: none !important;
  }

  strong#search-caption, div.arrow {
    display: none !important;
  }

  select#obreb, input#dzialka.tt-input {
    font-size: smaller;
  }

  #infoModal p {
    font-size: smaller !important;
  }

}

@media (max-width: 600px) {
  #narzedzia {
    display: none;
  }

  #adres {
    margin-left: 0;
  }
}

@media (max-width: 1084px) {
  strong#gmina {
    display: none !important;
  }
}

.usterka_field_container {
    display: none;
    background: white;
    width: 480px;
    border-radius: 8px; 
    margin: 0px 15px 10px 0;
    /* border: 2px solid var(--main-color-highlight); */
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 10px, rgba(0, 0, 0, 0.23) 0px 3px 10px;
}
.ust_left_side {
    width: 30%;
    float: left;
}
.ust_left_side p {
    display: -webkit-flex;
    display: flex; 
    padding-top: 21px ;
    padding-bottom: 2px ; 
    padding-left: 25px;
    text-align: left;
}
.ust_form {
    padding: 8px 0; 
    width: 95%
}

.ust_right_side {
    float: left;
    width: 70%;
}

.ust_right_side button {
  float: right;
}

.ust_choose_method {
  display: flex;
  box-sizing: border-box;
  width: 100%;

  /* margin-left: 10px;
  margin-bottom: 10px; */
}

#regError ul {
  margin: 10px;
}
#regError ul li {
  padding: 5px;
}

.err { 
  margin-top: 5px;
  margin-left: 5px;
  color: red;
}

.errl { 
  margin-top: 5px;
  margin-left: 5px;
  color: red;
}

#msg {
  line-height: 1.2em;
  margin: 10px;
  padding: 10px;
}

.ust_choose_item {
  width: 100%;
  /* margin-right: 35px; */
  padding: 0 14%;
  text-align: center;
}

.ust_choose_item h2 {
  padding-left: 20px;
  padding-top: 20px;
}

.ust_choose_item button {
  height: 40px;
  text-align: center;
  margin: 25px 0;
}

.ust_choose_item a {
  text-decoration: underline;

  color: grey;
  font-weight: bold;
}

#ust_pointer img {
    position: absolute;
    z-index: 751;
}
input.invalid, textarea.invalid{
	border: 2px solid red;
}

input.valid, textarea.valid{
	border: 2px solid green;
}
select.invalid, textarea.invalid{
	border: 2px solid red;
}

select.valid, textarea.valid{
	border: 2px solid green;
}
.ust-select {
    align-items: center;
    background-color: rgb(255, 255, 255);
    background-image: none;
    border-bottom-color: rgb(204, 204, 204);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-style: solid;
    border-bottom-width: 1.11111px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(204, 204, 204);
    border-left-style: solid;
    border-left-width: 1.11111px;
    border-right-color: rgb(204, 204, 204);
    border-right-style: solid;
    border-right-width: 1.11111px;
    border-top-color: rgb(204, 204, 204);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-style: solid;
    border-top-width: 1.11111px;
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset;
    box-sizing: border-box;
    color: rgb(85, 85, 85);
    cursor: default;
    display: block;
    /* font-family: "Source Sans Pro", Calibri, Candara, Arial, sans-serif; */
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-variant-caps: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-weight: 100;
    height: 32px;
    letter-spacing: normal;
    line-height: normal;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    overflow-x: visible;
    overflow-y: visible;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 6px;
    text-align: start;
    text-indent: 0px;
    text-rendering: auto;
    text-shadow: none;
    text-transform: none;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.15s, 0.15s, 0.15s;
    transition-property: border-color, box-shadow, -webkit-box-shadow;
    transition-timing-function: ease-in-out, ease-in-out, ease-in-out;
    white-space: pre;
    width: 100%;
    word-spacing: 0px;
    /* -webkit-appearance: menulist-button; */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-border-image: none 
}
.ust-opis {
  height: 120px;
}
#ust-clear-parcel {
  top: 20px;
  color: grey;
  display: none;
  cursor: pointer;
  background-color: transparent;
}
#ust-clear-adres {
  top: 8px;
  color: grey;
  display: none;
  cursor: pointer;
  background-color: transparent;
}
.disabled {
  display: none !important;
}
.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.inputfile + label {
    /* font-size: 1.25em; */
    font-weight: 400;
    /* color: white; */
    background-color: white;
    display: inline-block;
}

.inputfile:focus + label,
.inputfile + label:hover {
    background-color: rgb(228, 228, 228);
}



div.upload {
    background-color:#fff;
    border: 1px solid #ddd;
    border-radius:5px;
    display:inline-block;
    height: 30px;
    padding:3px 40px 3px 3px;
    position:relative;
    width: auto;
}

div.upload:hover {
    opacity:0.95;
}

div.upload input[type="file"] {
    display: input-block;
    width: 100%;
    height: 30px;
    opacity: 0;
    cursor:pointer;
    position:absolute;
    left:0;
}

#usterka_title {
  background-color: var(--main-color-highlight);
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  height: 40px;
  display: -webkit-flex;
  display: flex;
  -webkit-box-shadow: 0 4px 6px -4px rgba(0,0,0,.58);
  box-shadow: 0 4px 6px -4px rgba(0,0,0,.58);
}

#usterka_title>tekst {
  margin: auto;
  padding-left: 25px;
}
#adresUsterki:focus {
  border-color: rgb(204, 204, 204);
}
.ust-fota-text {
  width: calc(100% - 34px);
  /* width: 100%; */
  overflow: hidden;
}
#attach-photo{
  pointer-events:none; 
}
.nav-tabs>li>a{
  text-decoration: none;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:active{
  /* border-color: rgb(238, 207, 0); */
  border-bottom: none;
  outline: none;
}
.tab-pane.fade.in.active{
  width: 100%;
}
.ust-err-message {
  top: 3px;
  position: relative;
}
.usterka_tab_content {
  display: block;
  width: 100%;
}
#ust-wyslano {
  text-align: center;
  width: 100%;
  padding: 15px 45px 15px 12px;
  margin-top: 15px;
  background: white;
  border-radius: 6px;
  border: 2px solid var(--main-color-highlight);
  opacity: 1;
}
#ust-progress-bar-container {
  border: 1px solid #000;
  height: 8px;
  margin-bottom: 15px;
  width: 150px;
}
#ust-progress-bar {
  background-color:#2196f3;
  height: inherit;
  width: 5%;
}
#ust-message {
  font-size: 1em;
  font-weight: 600;
  line-height: 1.2em;
}
#close-ust-message {
  position: absolute;
  top: 0px;
  right: -25px;
  color: var(--main-color-highlight);
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
#close-ust-message:hover {
  cursor: pointer;
}
.message-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  position: relative;
}
.ust_buttons {
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.ust_buttons > button{
  width: 40%;
}
#ust-form-fot  {
  overflow: hidden;
}
#ust-form-fot:hover label{
  cursor: pointer;
}
#pola-obow {
  margin-top: 5px;
}
button[id^=fifth_button] {
  height: 60px;
}
#fifth_button-pz {
  width: 150px;
  margin: auto 2px;
}

hr {
  display: inline;
  
}

.ust_mapa_inputs {
  display: none;
}

.ust_mapa_button>div>form>button{
  width: 100%;
}

.ust_punkt_btn, .ust_punkt_btn:hover {
  background: #fff;
  border: 2px solid var(--main-color-highlight);
  color: var(--main-color-highlight);
  width: 100%;
}

#uwaga_icon {
  width: 15px;
  /* height: 15px; */
  height: 25px;
  margin-left: 7px;
  margin-top: -4px;
}

#close-ust {
  margin: 7px 8px;
}
#close-ust:hover {
  cursor: pointer;
}

#register-form {
  height: calc(100vh - 130px);
  overflow: auto;
}

.ust-mapa-punkt-valid>div>div>form>button {
  border-color: green;
  color: green;
}
.ust-mapa-punkt-valid>div>div>form>div#punkt-mapy-xy {
  border: 2px solid green;
  display: block !important;
}
#narzedzia-menu {
  display: none
}
#ust_first_panel {
  max-height: calc(100vh - 40px - 50px);
  overflow: auto;
}


@media (max-width: 460px) {
  /* responsywność - dostosowanie panelu usterki do urządzeń mobilnych  */
  #right_map_buttons {
    width: 100vw;
    right: 0;
    top: 0;
  }

  /* Powiekaszamy pole do wpisania adresu */
  #adres {
    width: 70%;
  }
  
  /* usterka na cały ekran */
  #ust_first_container {
    margin: 0 !important;
  }

  /* Ustawiamy szerokosc mobilki */
  #infobar {
    width: 30vw !important;
  }

  /* Poprawa wygladu filtor wna mobice  */
  #ust_first_panel {
    overflow: auto;
  }

  /* Przycisk do otwierania menu */
  #right_map_buttons_title.ust_title_active {
    width: 50vw;
    margin: 0;
    background: var(--main-color-highlight);
    /* border: 2px solid rgb(238, 190, 0); */
    /* color: rgb(229, 166, 6); */
    color: white;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    box-sizing: border-box;
  } 

  /* Chowamy narzędzia mapy odleglosc, streetview, caly ekran */
  #narzedzia {
    display: none;
  }

  .usterka_field_container {
    width: 100vw;
    margin: 0 -100vw 0 0;
  }
  #usterka_title {
    height: 50px;
    font-size: 20px;
  }
  .nav>li>a {
    padding: 5px 8px;
  }
  #close-ust {
    margin: 3px 6px;
  }

  .glyphicon {
    /* font-size: 30px; */
  }

  /* zablokowanie niektórych podkładów i ustawienia */
  #osminwestor, #hipsometria {
    display: none
  }
  #kontener-map {
    bottom: 66px !important;
  }

  /* wyświetlanie na urządzeniach mobilnych modala mpzp  */
  .register-modal {
    min-width: 380px !important;
    padding-right: 0 !important;
    left: -20px !important;
  }
  #advanced-wrapper {
    max-width: 380px;
  }
  .register-modal-search {
    margin: 10px 0;
  }
  .table_responsive {
    display: none;
  }
  span.b-close {
    right: 35px !important;
    top: 10px !important;
  }

  /* Panel główny - header strony */
  header #logo {
    height: 40px;
    padding-top: 8px;
  }
  header #infobar {
    float: left;
    /* margin-left: 0; */
    width: 100%;
  }
 
  .narzedzia-pomiaru {
    left: 10px !important;
  }
  /* #infobar {
    display: none
  } */
  #narzedzia-menu {
    display: block;
    width: 60px;
    float: right;
    background: transparent;
    padding: 0;
    margin: 0;
    min-height: 20px;
    border: none;
  }
  #narzedzia-button {
    margin: 0;
    padding: 5px 10px;
  }
  .ust_left_side p {
    display: flex;
    padding-top: 14px;
    padding-bottom: 2px;
    padding-left: 10px;
    text-align: left;
  }
  #ust_first_container {
    height: calc(100vh - 50px);
  }
  #ust_addZglosznie_panel {
    height: calc(100vh - 160px);
    overflow: auto;
  }
  #ust_first_panel {
    height: 100%;
    max-height: calc(100vh - 130px);
    overflow: auto;
    padding-bottom: 50px;
  }
  .ust_right_side {
    width: 65%;
  }
  .ust_left_side {
    width: 35%;
  }
  footer {
    display: none;
  }
}
table#usterka-data-table > tbody > tr > td {
  vertical-align: middle !important;
}

.slider {
  margin: 20px 0;
  -webkit-appearance: none;
  width: 100%;
  height: 5px;
  border-radius: 3px;
  background: var(--main-color-highlight);
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #2196f3;
  cursor: pointer;
}
.slider::-webkit-slider-thumb:hover {
  -webkit-filter: drop-shadow(0 0px 6px var(--main-color-dark));
  filter: drop-shadow(0 0px 6px var(--main-color-dark));
}
.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: var(--main-color-dark);
  cursor: pointer;
}
table.usterka-tbl {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

table.usterka-tbl thead {
  border-top: 1px #ddd solid;
}

table.usterka-tbl > thead td {
  font-weight: bold;
}

table.usterka-tbl td, th {
  /* border: 1px solid #dddddd; */
  text-align: left;
  padding: 8px;
  vertical-align: middle;
}

/* table.usterka-tbl tr:nth-child(even) {
  background-color: #dddddd;
} */
table.usterka-tbl input {
  transform: scale(1.5);
  margin: 0;
}
table.usterka-tbl input:hover {
  cursor: pointer;
}

table.usterka-tbl tr > td:nth-child(1) {
  width: 20%;
  text-align: center;
}
table.usterka-tbl tr > td:nth-child(2) {
  width: 50%;
}
table.usterka-tbl tr > td:nth-child(3) {
  width: 30%;
  text-align: center;
}

.usterka-btn {
  border: none;
  outline: none;
}
.usterka-btn:hover {
  border: none;
  background-color: rgb(247, 244, 244)
}
.usterka-btn:focus {
  background-color: #fff;
}

.btn-warning {
  background: #F75C03 !important;
}

/*  filtry usterki  */

:root {
  --animacja-filtrow: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
#ust_first_container {
  margin: 0 13px 0 0;
  max-height: calc(100vh - 50px);
  min-height: 350px;
  overflow-y: auto;
  z-index: 9999;
}
#ust_first_container > .container_modal {
  height: 100%;
  transition: var(--animacja-filtrow);
  /* padding-bottom: 20px; */
}

#usterka-filtr-kat .usterka-cont-filter {
  height: 0;
  transition: var(--animacja-filtrow);
  overflow: hidden;
}

#usterka-filtr-stat .usterka-cont-filter {
  height: 0;
  transition: var(--animacja-filtrow);
  overflow: hidden;
}

.register_link_cont {
  width: 100%; 
  display: flex;
  justify-content: center;
}
#register_link {
  width: 100%; 
  text-align: center
}
#register_link:hover {
  cursor: pointer;
  color: rgb(44, 91, 221);
}

#register_link_2 {
  width: 100%; 
  text-align: center
}
#register_link_2:hover {
  cursor: pointer;
  color: rgb(44, 91, 221);
}

.ust_go_next {
  height: 40px;
  width: 100%;
}

/* APP modal */
.app-dataset {
  align-items: center;
  color: #1d1d1d;
  display: grid;
  grid-column-gap: 1em;
  grid-row-gap: 0.2em;
  grid-template-columns: auto auto auto auto;
  justify-content: flex-start;
  margin: 1.5em 1em;
}

/* inspireModal */
.inspireServices {
  align-items: baseline;
  color: #1d1d1d;
  display: grid;
  grid-column-gap: 1em;
  grid-row-gap: 0.2em;
  grid-template-columns: auto auto auto auto;
  justify-content: flex-start;
  margin: 1.5em 1em;
}

.inspireServices>*:first-child {
  grid-column-start: 1;
  grid-column-end: 5;
  margin-bottom: 1em;
}
.inspireServices>*:nth-child(3n+2) {
  grid-column-start: 2;
  grid-column-end: 3;
}

/* Stylowanie zakladek w metadanych */
.change {
  font-size: 12px !important;
  padding: 5px !important;
}

.rightCol-main-btns {
  /* transform: rotate(90deg); */
}

/* switch toggle */
.switch-ust {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 20px;
}

/* Hide default HTML checkbox */
.switch-ust input {display:none;}

/* The slider */
.slider-ust {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--main-color-highlight);
  -webkit-transition: .2s;
  transition: .2s;
}

.disabledFiltr {
  background: gray;
}

.slider-ust:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .2s;
  transition: .2s;
}

input:not(:checked) + .slider-ust {
  background-color: #ccc !important;
}

input:focus + .slider-ust {
  box-shadow: 0 0 1px var(--main-color-highlight);
}

input:checked + .slider-ust:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider-ust.round {
  border-radius: 34px;
}

.slider-ust.round:before {
  border-radius: 50%;
 }
/* Koniec switcha */

#PopupLokal_close { 
  /* naprawa pozycji X do zamykania popupa */
  right: 28px !important;
  top: 35px !important;
  z-index: 1 !important;
}

.pulsujacy-border {
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 7px 3px #c4c4c4;
  }
  50% {
    box-shadow: 0 0 7px 3px rgb(19, 196, 3);
  }
  100% {
    box-shadow: 0 0 7px 3px #c4c4c4;
  }
}

@media (max-width: 767px) {
  .modal {
      left: 3%;
      margin: 0;
      max-height: 80%;
      position: fixed;
      right: 3%;
      top: 3%;
      width: auto;
  }
  .modal-body {
      overflow-y: auto;
      padding: 15px;
      -webkit-overflow-scrolling: touch;
  }
}