#map { margin-top: 10px }
.leaflet-popup-content { margin: 10px !important }
.leaflet-popup-content p { margin: 0 !important }
.container .title { margin-top: 2em }
.ws-connection { width:30em;margin-bottom:8em;padding-top:10px }
.ws-connection input { margin-right:0.5em }
.import .file-import {
    width:120px;
}
.filter-currentrx .modec {
    display:none
}
.filter-currentrx .freqc span {
    display:none
}

#receiver-marker {
    z-index:100;
    position:absolute;
    height:200px;
}
#receiver-marker div {
    background-color: rgba(255, 255, 255, 0.1);
    width:100%;
    height:200px;
}
.flag-icon {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-right:5px;
}
.navbar-item .icon {
    margin-left:5px;
}
.s { 
    margin-top:10px;
    max-height: 500px;
    height: 500px;
    overflow: auto;
}
.spot-filters {
    margin: 0 10px;
    padding: 0 10px;
}
.copy {
    clear:both;
    padding: 10px;
    margin: 10px;
    border-top: 1px solid #555;
}
.copy a {
    color: #000;
    text-decoration: underline;
}
.radio-control button {
    margin-left: 5px;
}
.receiver-control, .radio-control, .control-bar {
    user-select: none;
    border:2px solid #555;
    padding:10px;
    margin:10px;
    float:left;
    border-radius:3px;
}
.spot-filters {
    clear:left;
    border:none !important;
    margin:0 0 0 10px !important;
    padding:0 !important;
}
.control-bar {
    border:2px solid transparent !important
}
.main-view {
    height:110px;
    border:none !important;
    /*position: fixed;*/
}
.receiver-control {
    width: 15em
}
.receiver-control .frequency, .receiver-control .up-controls,.receiver-control .down-controls {
    font-family: "Courier New", Courier, monospace !important;
    font-size: 32px !important;
    text-align:center;
}
.receiver-control .frequency span {
    color: #cecece;
}
.receiver-control .frequency .active {
    font-weight: bold;
    color: #555 !important;
}
.receiver-control select { 
    background-color: #fff;
    border:1px solid #cecece;
}
#frequency {
    margin-top:-0.5em;
}
.receiver-control .up-controls {
    position: relative;
    z-index:20;
    top:-0.7em;
}
.receiver-control .down-controls {
    position: relative;
    z-index:20;
    top:-0.9em;
}
.receiver-control .up-controls,.receiver-control .up-controls a,.receiver-control .down-controls,.receiver-control .down-controls a {
    color:transparent;
    height:10px;
}
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 24px;
  margin-right:10px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius:3px;
}

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

input:checked + .slider {
  background-color: #00d1b2;
}

input:focus + .slider {
  box-shadow: 0 0 1px #00d1b2;
}

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