:root {
    /* 1 */
    --gorny-pasek: #FFFFFF;
    --belka-dekoracyjna: #EAB300;
    /* 2 */
    --ramka-tabeli: #eab300d8;
    /* 3 */
    --tlo-tabeli-glownej: #545454;
    /*  4 */
    --tlo-textbox: #F5F5F5;
    /* 5 */
    --panel-narzedzi: #d3d3d3;
    /* 6 */
    --panel-narzedzi-focus: #797979;
    /* 7 */
    --panel-widgetow-mapy-focus: #797979;
    /* --panel-widgetow-mapy-focus: #3A3C3D; */
    /* 8 */
    --minidoc-banner: #EAB300;
}

#header {
    border-bottom: 2px solid var(--belka-dekoracyjna);
}

#title {
    margin: 0;
    display: flex;
    align-items: center;
    height: 100%;
}

#header #title h1 {
    color: var(--belka-dekoracyjna);
}

#logo {
    margin-top: 8px;
}

#mapmenu {
    background-color: var(--panel-narzedzi);
    border-right: 2px solid var(--belka-dekoracyjna);
}

#mapmenu .nav-list>li>a:hover,
#mapmenu .nav-list>li.active>a {
    background-color: var(--panel-narzedzi-focus);
}

#attribution-box img {
    height: 40px;
}

#bottom-dock {
    background-color: var(--ramka-tabeli) !important;
}

/* #bottom-dock ul.nav-tabs>li>a {
    padding-left: 10px;
    padding-right: 10px;
} */



#navbar div.slider {
    background-color: var(--belka-dekoracyjna) !important;
}

#dock {
    background-color: var(--ramka-tabeli) !important;
    z-index: 1040 !important;
    /* margin-left: 17px; */
    padding: 5px;
    position: absolute;
    height: 100%;
}

#dock #dock-tabs a {
    color: #202020;
}

#mini-dock {
    background-color: var(--minidoc-banner) !important;
}

#navbar button.btn.active {
    background-color: var(--panel-widgetow-mapy-focus) !important;
}

#bottom-dock #attribute-layer-list {
    /* margin-left: 200px; */
}

/* #mapmenu .nav-list>li { */
    /* display: none !important; */
/* } */

#mapmenu li.switcher,
#mapmenu li.metadata,
#mapmenu li.edition,
#mapmenu li.parserAPP,
#mapmenu li.selectiontool,
#mapmenu li.measure,
#mapmenu li.permaLink,
#mapmenu li.attributeLayers,
#mapmenu li.locate,
#mapmenu li.filter {
    display: list-item !important;
}

#mini-dock h3,
#bottom-dock,
#right-dock,
#dock {
    background: var(--belka-dekoracyjna);
}


/* z */
/* map */
/* z */


#title h1 {
    color: var(--belka-dekoracyjna);
}

#title h2 {
    color: rgb(102, 102, 102);
}

#toolbar .title .btn.btn-error {
    background: none;
    color: #ffffff;
}


/* z */
/* assets */
/* z */

[class^=icon-],
[class*= icon-] {
    /* background-image: url(/index.php/view/media/getMedia?repository=rapp&project=Wieliczka&path=media%2Fthemes%2Fdefault%2Fcss%2F/images/glyphicons-halflings-white.png); */
}

#mini-dock span.icon-white,
#mini-dock span.icon,
#dock .edition span.title,
#dock ul>li a::before {
    display: none !important;
}

.icon-white,
.dropdown-menu>li>a:hover>[class^=icon-],
.dropdown-menu>li>a:focus>[class^=icon-],
.dropdown-menu>li>a:hover>[class*= icon-],
.dropdown-menu>li>a:focus>[class*= icon-],
o .dropdown-menu>.active>a>[class^=icon-],
.dropdown-menu>.active>a>[class*= icon-] {
    background-image: url(/index.php/view/media/getMedia?repository=rapp&project=Wieliczka&path=media%2Fthemes%2Fdefault%2Fcss%2F/images/glyphicons-halflings.png);
}

.nav .active>a .icon-white,
.nav li>a:hover .icon-white,
.nav li>a:focus .icon-white {
    /* background-image: url(/index.php/view/media/getMedia?repository=rapp&project=Wieliczka&path=media%2Fthemes%2Fdefault%2Fcss%2F/images/glyphicons-halflings-white.png); */
}

#mapmenu {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 35px;
    z-index: 1030;
    /* background: #4A4A4A;
background: rgba(0, 0, 0, 0.7); */
    overflow: auto;
    overflow: hidden;
}

#mapmenu .menu-title {
    display: none;
}

#mapmenu>div {
    width: 45px;
    height: auto;
    position: relative;
}

#mapmenu .nav-list>li>a {
    width: 40px;
    height: 30px;
    padding: 5px;
    padding-left: 2px;
    padding-right: 2px;
}

#mapmenu .nav-list>li>a .icon {
    display: inline-block;
    vertical-align: middle;
    background-image: url(/index.php/view/media/getMedia?repository=rapp&project=Wieliczka&path=media%2Fthemes%2Fdefault%2Fcss%2F/images/css_sprites.png);
    /* background-image: url(/index.php/view/media/getMedia?repository=rapp&project=Wieliczka&path=media%2Fthemes%2Fdefault%2Fcss%2F/images/sprite_20_tools.png); */
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}

#mapmenu li.selectiontool a span.icon-star {
    display: inline-block;
    vertical-align: middle;
    background-image: url(/index.php/view/media/getMedia?repository=rapp&project=Wieliczka&path=media%2Fthemes%2Fdefault%2Fcss%2F/images/css_sprites.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-position: -1010px -11px;
}

#mapmenu li.selectiontool.active a span.icon-star,
#mapmenu li.selectiontool:hover a span.icon-star {
    display: inline-block;
    vertical-align: middle;
    background-image: url(/index.php/view/media/getMedia?repository=rapp&project=Wieliczka&path=media%2Fthemes%2Fdefault%2Fcss%2F/images/css_sprites.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-position: -1060px -11px;
}

#mapmenu li.parserAPP a span i.icon-plus {
    display: inline-block;
    vertical-align: middle;
    background-image: url(/index.php/view/media/getMedia?repository=rapp&project=Wieliczka&path=media%2Fthemes%2Fdefault%2Fcss%2F/images/css_sprites.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    margin-left: 0 !important;
    background-position: -10px -10px;
}

#mapmenu li.parserAPP.active a span i.icon-plus,
#mapmenu li.parserAPP:hover a span i.icon-plus {
    display: inline-block;
    vertical-align: middle;
    background-image: url(/index.php/view/media/getMedia?repository=rapp&project=Wieliczka&path=media%2Fthemes%2Fdefault%2Fcss%2F/images/css_sprites.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-position: -60px -10px;
}

#mapmenu li.filter a span.icon {
    display: inline-block;
    vertical-align: middle;
    background-image: url(/index.php/view/media/getMedia?repository=rapp&project=Wieliczka&path=media%2Fthemes%2Fdefault%2Fcss%2F/images/css_sprites.png) !important;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    margin-left: 0 !important;
	opacity: 0.7;
    background-position: -1410px -10px;
}

#mapmenu li.filter.active a span.icon,
#mapmenu li.filter:hover a span.icon {
    display: inline-block;
    vertical-align: middle;
    background-image: url(/index.php/view/media/getMedia?repository=rapp&project=Wieliczka&path=media%2Fthemes%2Fdefault%2Fcss%2F/images/css_sprites.png) !important;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
	opacity: 0.7;
    background-position: -1460px -10px;
}

#dock {
    position: relative;
    z-index: 1040;
    overflow: auto;
    background-color: #4A4A4A;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 5px;
    border-left: 1px solid #F0F0F0;
    max-width: 30%;
    padding-bottom: 5px;
    height: 100%;
}

#content.mobile #dock {
    max-width: none;
    background-color: #4A4A4A;
    z-index: 1100;
    flex-grow: 1;
}

#dock.half {
    right: 50%;
    max-width: 50%;
    background: url(/index.php/view/media/getMedia?repository=rapp&project=Wieliczka&path=media%2Fthemes%2Fdefault%2Fcss%2F/img/top_bar.png);
}

#dock.full {
    right: 0px;
    max-width: 100%;
    background: url(/index.php/view/media/getMedia?repository=rapp&project=Wieliczka&path=media%2Fthemes%2Fdefault%2Fcss%2F/img/top_bar.png);
}

#sub-dock {
    display: none;
    max-height: 100%;
    z-index: 1001;
    overflow: auto;
    background-color: #797979;
    padding: 5px;
    border-left: 1px solid #F0F0F0;
    max-width: 30%;
    align-self: flex-start;
}

#hide-sub-dock {
    margin-top: 5px;
}

#bottom-dock {
    opacity: 0.5;
    position: relative;
    z-index: 5000;
    overflow: auto;
    background-color: #4A4A4A;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 5px;
    border-left: 1px solid #F0F0F0;
    flex-grow: 1;
    align-self: flex-end;
    transition-property: opacity;
    transition-duration: .4s;
}

#toolbar h3 span.title,
#menu h3 span.title,
#dock h3 span.title,
#sub-dock h3 span.title,
#mini-dock h3 span.title,
#bottom-dock h3 span.title,
#right-dock h3 span.title,
div.modal h3 span.title {
    display: block;
    padding: 0.5em 0.5em 0.5em 0.7em;
}

#toolbar h3 .icon,
#menu h3 .icon,
#dock h3 .icon,
#sub-dock h3 .icon,
#mini-dock h3 .icon,
#bottom-dock h3 .icon,
#right-dock h3 .icon,
div.modal h3 .icon {
    display: inline-block;
    vertical-align: middle;
    /* /background-image: url(/index.php/view/media/getMedia?repository=rapp&project=Wieliczka&path=media%2Fthemes%2Fdefault%2Fcss%2F/../images/sprite_20_tools.png); */
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-position: -25px 0px;
}

#toolbar h3 .text,
#menu h3 .text,
#dock h3 .text,
#sub-dock h3 .text,
#mini-dock h3 .text,
#bottom-dock h3 .text,
#right-dock h3 .text,
div.modal h3 .text {
    vertical-align: bottom;
}

#mini-dock .draw h3 svg {
    width: 22px;
    height: 22px;
    vertical-align: sub;
}

#map-content svg {
    transform: none !important;
    -webkit-transform: none !important;
}

#map-content .olTileImage {
    backface-visibility: visible !important;
    -webkit-backface-visibility: visible !important;
    transform: none !important;
    -webkit-transform: none !important;
}

/* #right-dock {
    margin-left: auto;
    width: 30%;
    background: #4A4A4A;
    position: relative;
}

#content.mobile #right-dock {
    max-width: none;
    width: auto;
    z-index: 1099;
} */

#toolbar .title .btn.btn-error,
#dock .title .btn.btn-error,
#mini-dock .title .btn.btn-error,
#right-dock .title .btn.btn-error {
    background: none;
    color: #ffffff;
    font-size: 20px;
    opacity: 0.8;
}

#dock div.tabbable {
    height: 100%;
    display: flex;
    flex-direction: column;
}

#dock-content {
    height: 100%;
    flex-grow: 1;
}

#docks-wrapper {
    display: flex;
    position: absolute;
    left: 35px;
    width: calc(100% - 35px);
    height: 100%;
}

#docks-wrapper>div {
    box-sizing: border-box;
}

#switcher {
    height: 100%;
}

#switcher-layers-container {
    max-height: calc(100% - 71px);
    display: flex;
    flex-direction: column;
}

#switcher-layers-container>div.menu-content {
    background-color: #F0F0F0;
    overflow: hidden auto;
}

#navbar button.btn {
    height: 30px;
    width: 31px;
    margin-bottom: 0.1em;
    border: solid 1px white;
    border-radius: 0;
    padding: 0px;
    background-color: var(--belka-dekoracyjna);
    transition: none;
    border-radius: 25%;
}

#navbar button.btn.active {
    background-color: #797979;
    cursor: default;
}

#overview-bar {
    position: relative;
    width: 220px;
    background: none repeat scroll 0% 0% rgb(240, 240, 240);
    border: solid 1px #606060;
    line-height: 12px;
    height: 47px;
}

/* #overview-toggle {
    width: 20px;
    border-left: solid 1px #606060;
    border-bottom: none;
    border-top: none;
    border-right: none;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    margin: 0px;
    padding: 0px;
    border-radius: 0;
    background: url(/index.php/view/media/getMedia?repository=rapp&project=Wieliczka&path=media%2Fthemes%2Fdefault%2Fcss%2F/images/123_click.png') no-repeat scroll -1px 6px #DD;
    transition: none;
}

#overview-toggle.active {
    background-position: -1px -24px;
} */

.lizmapPopupChildren .popupAllFeaturesCompact {
    overflow: auto;
    padding-left: 20px;
}

.lizmapPopupChildren {
    border: solid lightgray 1px;
    margin-top: 5px;
}

.lizmapPopupChildren .compact-tables,
.lizmapPopupChildren .explode-tables {
    margin-top: 3px;
    margin-left: 10px;
}

#popupcontent .popupAllFeaturesCompact .lizmapPopupTable td {
    word-break: normal;
}

/* #edition-segment-length,
#edition-segment-angle {
  line-height: 30px;
}

#edition h3 span.title {
  display: none;
}

#nav-tab-switcher a::before,
#nav-tab-metadata a::before,
#nav-tab-edition a::before,
#nav-tab-filter a::before {
  content:  ;
  display: inline-block;
  background-image: url(/index.php/view/media/getMedia?repository=rapp&project=Wieliczka&path=media%2Fthemes%2Fdefault%2Fcss%2F/images/sprite_20_tools.png);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  vertical-align: text-bottom;
}

#nav-tab-switcher a::before {
  background-position: -75px 0px;
}

#nav-tab-metadata a::before {
  background-position: -125px 0px;
}

#nav-tab-edition a::before {
  background-position: -475px 0px;
}

#nav-tab-filter a::before {
  background-position: -425px 0px;
}

.edition-tabs .nav-pills {
  margin-bottom: 10px;
}

.edition-tabs .nav-pills a {
  color: black;
}

.edition-tabs .nav-pills>.active>a,
.edition-tabs .nav-pills>.active>a:hover,
.edition-tabs .nav-pills>.active>a:focus {
  background-color: #93C01F;
  background-image: linear-gradient(to bottom, #9BC144, #93C01F);
  color: white;
}
 */

/* #edition-point-coord-form-group h3 {
  color: black;
  padding-left: 5%;
  background-color: #f0f0f0;
  line-height: 2em;
  margin: 10px;
} */


.navbar .nav .edition .icon {
    background-position: -110px -10px;
}

.navbar .nav .edition a:hover .icon,
.navbar .nav .edition.active a .icon {
    background-position: -160px -10px;
}

.navbar .nav .measure .icon {
    background-position: -710px -10px;
}

.navbar .nav .measure a:hover .icon,
.navbar .nav .measure.active a .icon {
    background-position: -760px -10px;
}

.navbar .nav .legend .icon {
    background-position: -410px -10px;
}

.navbar .nav .legend a:hover .icon,
.navbar .nav .legend.active a .icon {
    background-position: -460px -10px;
}

#mapmenu .nav-list>li.metadata .icon {
    background-position: -310px -10px !important;
}

#mapmenu .nav-list>li.metadata a:hover .icon,
#mapmenu .nav-list>li.metadata.active a .icon {
    background-position: -360px -10px !important;
}

#mapmenu .nav-list>li.permaLink .icon {
    background-position: -1110px -10px;
}

#mapmenu .nav-list>li.permaLink.active .icon,
#mapmenu .nav-list>li.permaLink a:hover .icon {
    background-position: -1160px -10px;
}

#mapmenu .nav-list>li.attributeLayers .icon {
    background-position: -1310px -10px;
}

#mapmenu .nav-list>li.attributeLayers.active .icon,
#mapmenu .nav-list>li.attributeLayers a:hover .icon {
    background-position: -1360px -10px;
}

#mapmenu .nav-list>li.switcher .icon {
    background-position: -410px -10px;
}

#mapmenu .nav-list>li.switcher.active .icon,
#mapmenu .nav-list>li.switcher a:hover .icon {
    background-position: -460px -10px;
}

#mapmenu .nav-list>li.locate .icon {
    background-position: -1210px -10px;
}

#mapmenu .nav-list>li.locate.active .icon,
#mapmenu .nav-list>li.locate a:hover .icon {
    background-position: -1260px -10px;
}

#mapmenu .nav-list>li.edition .icon {
    background-position: -110px -10px;
}

#mapmenu .nav-list>li.edition.active .icon,
#mapmenu .nav-list>li.edition a:hover .icon {
    background-position: -160px -10px;
}

.tree button.checkbox.checked,
#navbar div.slider {
    background-color: var(--belka-dekoracyjna) !important;
}

.tree button.checkbox {
    border: 1px solid var(--belka-dekoracyjna) !important;
}