html, body {
    height: 100%;
}

input[type='date'] {
    min-width: 140px;
}

select {
    min-width: 100px;
}

#wrap {
    min-height: 100%;
}

#main {
    overflow:auto;
    padding-bottom:100px; /* this needs to be bigger than footer height*/
}

.footer {
    position: relative;
    margin-top: -100px; /* negative value of footer height */
    height: 100px;
    clear:both;
    padding-top:20px;
}

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

.trans {
    color: transparent !important;
}

.container {
    overflow: hidden !important;
}

#floormap1, #floormap1-half {
    background-image: url("/img/map-bio-1.png");
}

#floormap0, #floormap0-half {
    background-image: url("/img/map-bio-0.png");
}

#floormap-elux {
    background-image: url("/img/map-electrolux.png");
}

#floormap-ele-lab {
    background-image: url("/img/map-ele-lab.png");
}

#floormap-ele-swid {
    background-image: url("/img/map-ele-swid.jpg");
}

#floormap-ele2-swidnica {
    background-image: url("/img/map-ele2-swidnica.png");
}

@media (max-width: 575px) {
    .font-small {
        font-size: 2.5vw;
    }
}
@media (min-width:576px) {
    #floormap0{width: 510px; height: 340px}
    #floormap1{width: 510px; height: 350px}
    #floormap0-half{width: 510px; height: 340px}
    #floormap1-half{width: 510px; height: 350px}
    #floormap-elux{width: 510px; height: 461px}
    #floormap-ele-lab{width: 510px; height: 389px}
    #floormap-ele-swid{width: 510px; height: 305px}
    #floormap-ele2-swidnica{width: 510px; height: 272px}
    .font-small {
        font-size: 2vw;
    }
}
@media (min-width:768px) {
    #floormap0{width: 690px; height: 460px}
    #floormap1{width: 690px; height: 474px}
    #floormap0-half{width: 690px; height: 460px}
    #floormap1-half{width: 690px; height: 474px}
    #floormap-elux{width: 690px; height: 624px}
    #floormap-ele-lab{width: 690px; height: 527px}
    #floormap-ele-swid{width: 690px; height: 413px}
    #floormap-ele2-swidnica{width: 690px; height: 368px}
    .font-small {
        font-size: 1rem;
    }
}
@media (min-width:992px) {
    #floormap0{width: 930px; height: 620px}
    #floormap1{width: 930px; height: 639px}
    #floormap0-half{width: 450px; height: 300px}
    #floormap1-half{width: 450px; height: 309px}
    #floormap-elux{width: 930px; height: 841px}
    #floormap-ele-lab{width: 930px; height: 710px}
    #floormap-ele-swid{width: 930px; height: 557px}
    #floormap-ele2-swidnica{width: 930px; height: 495px}
}
@media (min-width:1200px) {
    #floormap0{width: 1110px; height: 740px}
    #floormap1{width: 1110px; height: 762px}
    #floormap0-half{width: 540px; height: 360px}
    #floormap1-half{width: 540px; height: 371px}
    #floormap-elux{width: 1110px; height: 1004px}
    #floormap-ele-lab{width: 993px; height: 758px}
    #floormap-ele-swid{width: 1110px; height: 665px}
    #floormap-ele2-swidnica{width: 1110px; height: 591px}
}
@media (min-width:1660px) {
    .container{max-width:1600px}
    #floormap0{width: 1570px; height: 1047px}
    #floormap1{width: 1570px; height: 1078px}
    #floormap0-half{width: 770px; height: 514px}
    #floormap1-half{width: 770px; height: 529px}
    #floormap-elux{width: 1335px; height: 1207px}
    #floormap-ele-lab{width: 993px; height: 758px}
    #floormap-ele-swid{width: 1423px; height: 852px}
    #floormap-ele2-swidnica{width: 1466px; height: 781px}
}

.floormap {
    position: relative;
    background-size: contain;
    margin: 0 auto;
}

.floormap a.border {
    opacity: 0.75;
}

.floormap a span.rounded {
    border: 1px solid black;
    opacity: 0.75;
    line-height: 1.2;
    width: 125px;
    left: 24px;
    top: 3px;
}

span.ttleft {
    left: -120px !important;
}
span.ttright {
    left: 24px !important;
}
span.ttcenter {
    left: -45px !important;
}
span.ttbottom {
    top: 3px !important;
}
span.tttop {
    top: -57px !important;
}
span.ttmiddle {
    top: -17px !important;
}
span.ttbelow {
    top: 32px !important;
}

.floormap a:hover {
    text-decoration: none;
}

.floormap i {
    font-size: 0.75rem;
}

.selectBox {
    position: relative;
}

.selectBox select {
    width: 100%;
}

.overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.checkboxes {
    display: none;
    border: 1px #ced4da solid;
    position: absolute;
    z-index: 100;
    background-color: white;
    width: calc(100% - 30px);
    max-height: 400px;
    overflow: auto;
}

.checkboxes label {
    display: block;
    padding: 0 10px;
    font-size: 1rem;
    color: #495057;
    line-height: 2;
}

.checkboxes label input {
    margin-right: 10px;
}

.checkboxes label:hover {
    background-color: #343a40;
    color: #f8f9fa;
}