body, html {
margin:0;
padding:0;
}

#performance {
position: fixed;
top:80%;
left:30%;
line-height:22px;
z-index:1000;
color:#004f6f;
border-radius: 3px !important;
background-color: #f4f4f4;
padding:5px;
}

.nodecoration{
text-decoration:none;
}

.white{
color:white;
}

.black{
color:black !important;
}

.call {
font-family:NotoSansMono;
}

.title {
z-index:1000;
left: 50%;
transform: translate(-50%, -50%);
position: fixed;
color:white;
top:10px;
color:#004f6f;
border-radius: 3px !important;
background-color: #f4f4f4;
padding:10px;
padding-bottom:5px;
cursor:unset;
white-space: nowrap;
}

.mapqslinfo{
max-height:100px;
max-width:100px;
padding:2px;
}

body {
min-width:600px;
text-align: center;
font-size:12px;
background-color:black;}

@media only screen and (max-width: 800px) {
   .band {
   font-size:8px;
   }

   #overview, .title {
   display:none;
   }

   span.band-70cm {
   display:none;
   }

   #filter input{
   width:50px !important;
   }
}

#map {
height: 710px !important;width:auto;
cursor:crosshair;
}

.leaflet-interactive {
cursor:crosshair;
}

.leaflet-popup-content b span{
font-size:20px;
}

.leaflet-popup-content b {
display: inline-flex;
align-items: center;
}
    
.band {
margin:1px;
padding: 5px 10px;
border-radius: 5px;
color: white;
cursor:pointer;
background-color: Black;
}

span.band {
border:1px solid white;
}

/*.leaflet-tile {
filter: grayscale(1);
}*/


.band-10m {
background-color: DarkSlateGray;
border:0px !important;
}

.band-12m {
background-color: Indigo;
border:0px !important;
}

.band-15m {
background-color: Navy;
border:0px !important;
}

.band-17m {
background-color: DeepSkyBlue;
border:0px !important;
}

.band-20m {
background-color: #00cc00;
border:0px !important;
}

.band-30m {
background-color: #004d00;
border:0px !important;
}

.band-40m {
background-color: Yellow;
border:0px !important;
color: black;
}

.band-60m {
background-color: OrangeRed;
border:0px !important;
}

.band-80m {
background-color: Red;
border:0px !important;
}

.band-160m {
background-color: DarkRed;
border:0px !important;
}

td
{
padding: 3px;
}

tr{
background-color: fixme;
}

#overview{
position: fixed;
right: 4px;
top:4px;
z-index:1000;
overflow-y:scroll;
overflow-x:hidden;
scrollbar-width: thin;

max-height: 680px !important;}

#overview table  {
float: right;
clear: right;
margin-bottom: 10px;
min-width:140px;
}

#overview .band {
cursor:unset;
}

.distance {
position: fixed;
float: left;
left:10px;
top:480px;
margin-bottom: 10px;
max-height:210px;
overflow-y:scroll;
overflow-x:hidden;
scrollbar-width: thin;
z-index:1000;
}

.bandsoverview table {
margin-bottom:0 !important;
}

table {
border: 2px solid #c2bfba;
border: 2px solid rgba(95.7, 95.7, 95.7, 0.4);
border-radius: 3px;
background-color: #f4f4f4;
min-width:138px;
border-collapse: collapse;
}

.bandsoverview {
float: right;
clear: right;
margin-bottom:10px;
}

.mostworked {
float: right;
clear: right;
}

.controls {
position: absolute;
width: 30px;
height: 30px;
left: 10px;
z-index: 10000;
padding: 5px;
background-color: white;
text-align: center;
padding: 0;
margin: 0;
border: 2px solid #c2bfba;
border: 2px solid rgba(95.7, 95.7, 95.7, 0.4);
border-radius: 3px;
display: flex;
align-items: center;
justify-content: center;
transition:background-color 0.3s;
cursor: pointer;
}

.controls:hover {
background-color: #f4f4f4;
}

.controls a {
text-decoration:none;
}

#fs, #sd, #sds {
top: 105px;
}

#sds{
overflow:hidden;
z-index:9000;
cursor:wait;
}

#dn {
top: 140px;
}

#book {
top: 175px;
}

#filter{
color:white;
}

#filter input{
max-width:150px;
}

.leaflet-attribution-flag {
display:none !important;
}



iframe{
border:0px;
width:100%;
height:1000px;
}