.leaflet-container {
     background: #fff;
}
#map {
     width: 900px;
     height: 500px;
}

input[type=range] {
     -webkit-appearance: none;
     margin: 10px 0;
     width: 250px;
     background: #ffffff;
}

input[type=range]:focus {
     outline: none;
}

/* t�o */
input[type=range]::-webkit-slider-runnable-track {
     width: 100%;
     height: 12.8px;
     cursor: pointer;
     animate: 0.2s;
     background: linear-gradient(to right, #ffffff 0%, #5f3f88 100%);
     border: 0px solid #000101;
}

/* przycisk */
input[type=range]::-webkit-slider-thumb {
     border: 1px solid #000;
     height: 23px;
     width: 20px;
     background: #fff;
     cursor: pointer;
     -webkit-appearance: none;
     margin-top: -5.6px;
}


input[type=range]::-moz-range-track {
     width: 100%;
     height: 12.8px;
     cursor: pointer;
     animate: 0.2s;
     background: linear-gradient(to right, #ffffff 0%, #5f3f88 100%);
}

input[type=range]::-moz-range-thumb {
     border: 1px solid #000;
     height: 23px;
     width: 20px;
     background: #65001c;
     cursor: pointer;
     border-radius: 0;
}

input[type=range]::-ms-track {
     width: 100%;
     height: 12.8px;
     cursor: pointer;
     animate: 0.2s;
     background: transparent;
     border-color: transparent;
     border-width: 39px 0;
     color: transparent;
}

input[type=range]::-ms-fill-lower {
     background: #a683d9;
     border: 0px solid #000101;
}

input[type=range]::-ms-fill-upper {
     background: #a683d9;
     border: 0px solid #000101;
}

input[type=range]::-ms-thumb {
     border: 1px solid #000000;
     height: 22px;
     width: 39px;
     background: #fff;
     cursor: pointer;
}

input[type=range]:focus::-ms-fill-lower {
     background: #a683d9;
}

input[type=range]:focus::-ms-fill-upper {
     background: #a683d9;
}

input[type=range]::-ms-tooltip {
    display: none;
}


.popupCenter {
     text-align: center;
}

#mapPanel {
     width: 900px;
     margin: 0;
     padding: 10px;
}

#mapPanel A {
     text-decoration: none;
}

#outLegend {
     width: 300px;
     height: 200px;
     float: left;
}
#legendHead {
     margin: 10px 0;
}
#legendContent A {
     color: #000;
}
#popTable {
     font-size: 13px;
     width: 599px;
     
     text-align: left;
     float: right;
}
#tableHolder {
     height: 250px;
     overflow-y: auto;
}
#tableHolder H3 {
     margin-top: 0;
}
#tableExport {
     width: 500px;
     border: 1px solid #000;
     float: left;
     margin: 0 0 20px 0;
}
#tableExport TD:nth-child(3) {
     text-align: right;
}
#tableExport TD {
     padding: 4px;
}
#tableExport TH {
     text-align: center;
}
#tableExport tr:nth-child(even) {
     background: rgb(200,199,230);
}
#exportAll I {
     font-size: 22px;
     margin: 60px 10px 0 0;
     color: #9b87b8;
}
#exportAll A {
     display: block;
     padding-top: 60px
}
#popTable I {
     font-size: 22px;
     margin: 20px 10px 0 0;
     color: #9b87b8;
}
#popTable A     {
     font-size: 13px;
     margin-right: 25px;
     color: #9b87b8;
}

#legendContent A {
     margin-top: -6px;
}

.legend-break {
    display: inline-block;
    width: 120px;
    height: 15px;
    margin: -2px 10px 0 0;
    vertical-align: top;
}
.legend-box {
    display: inline-block;
    width: 25px;
    height: 15px;
    border: 1px solid #000;
    margin: 2px 10px 0 0;
}

.fig-left, .fig-period, .fig-right {
    display: inline-block;
    margin-right: 3px;
}

.fig-left, .fig-right {
    width: 50px;
}

.fig-right {
    text-align: left;
}

.fig-left {
    text-align: right;
}

.fig-left-podmioty {
    width: 40px;
}

.fig-left-saldo {
    width: 50px;
}

.fig-left-mieszkania {
    width: 50px !important;
}

.fig-right-podmioty {
    width: 31px;
}

.fig-right-gestosc {
    width: 21px;
}
.fig-right-dochody {
    width: 35px;
    text-align: right;
}

.legend-6-1 {
     background-color: rgb(207,199,227);
}
.legend-6-2 {
     background-color: rgb(183,172,212);
}
.legend-6-3 {
     background-color: rgb(158,142,195);
}
.legend-6-4 {
     background-color: rgb(134,114,180);
}
.legend-6-5 {
     background-color: rgb(109,84,162);
}
.legend-6-6 {
     background-color: rgb(83,46,146);
}
.legend-8-1 {
     background-color: rgb(217,206,229);
}
.legend-8-2 {
     background-color: rgb(195,181,214);
}
.legend-8-3 {
     background-color: rgb(174,158,199);
}
.legend-8-4 {
     background-color: rgb(155,135,184);
}
.legend-8-5 {
     background-color: rgb(135,113,168);
}
.legend-8-6 {
     background-color: rgb(115,91,153);
}
.legend-8-7 {
     background-color: rgb(95,63,136);
}
.legend-8-8 {
     background-color: rgb(73,25,114);
}
.legend-4o-1 {
     background-color: rgb(254,237,206);
}
.legend-4o-2 {
     background-color: rgb(255,220,162);
}
.legend-4o-3 {
     background-color: rgb(254,200,109);
}
.legend-4o-4 {
     background-color: rgb(253,175,24);
}
.legend-4o-5 {
     background-color: rgb(185,122,1);
}
.legend-4-1 {
     background-color: rgb(207,199,227);
}
.legend-4-2 {
     background-color: rgb(167,152,201);
}
.legend-4-3 {
     background-color: rgb(127,104,174);
}
.legend-4-4 {
     background-color: rgb(83,46,146);
}
.legend-5-1 {
     background-color: rgb(207,199,227);
}
.legend-5-2 {
     background-color: rgb(176,164,208);
}
.legend-5-3 {
     background-color: rgb(147,129,187);
}
.legend-5-4 {
     background-color: rgb(115,92,167);
}
.legend-5-5 {
     background-color: rgb(83,46,146);
}