html,
body {
  --bs-body-bg: #000000;
  color: #00ff00;
  
  font-family: 'IBM VGA 9x16', monospace;
  font-size: 24px;
  line-height: 24px;
}

.h1 {
  font-size: 32px;
  line-height: 32px;
}

@font-face {
  font-family: 'IBM VGA 9x16';
  src: url(Web437_IBM_VGA_9x16.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}

/**/
a {
    color: #6699ff;
    text-decoration: none;
}

a:hover {
    color: #0000ff;
}

a:active {
    color: #00ff00;
}

.btn {
    --bs-btn-color: #000000;
    --bs-btn-bg: #00ff00;
    --bs-btn-border-color: #00ff00;
    
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #00aa00;
    --bs-btn-hover-border-color: #00aa00;
    
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #008800;
    --bs-btn-active-border-color: #008800;
}

.btn-status-unchecked {
    --bs-btn-color: #000000;
    --bs-btn-bg: #dddddd;
    --bs-btn-border-color: #dddddd;
    
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #aaaaaa;
    --bs-btn-hover-border-color: #aaaaaa;
    
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #888888;
    --bs-btn-active-border-color: #888888;
}

.btn-status-failed {
    --bs-btn-color: #000000;
    --bs-btn-bg: #ff0000;
    --bs-btn-border-color: #ff0000;
    
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #aa0000;
    --bs-btn-hover-border-color: #aa0000;
    
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #880000;
    --bs-btn-active-border-color: #880000;
}

.btn-status-teapot {
    --bs-btn-color: #000000;
    --bs-btn-bg: #DEB887;
    --bs-btn-border-color: #DEB887;
    
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #C89D7C;
    --bs-btn-hover-border-color: #C89D7C;
    
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #B5651D;
    --bs-btn-active-border-color: #B5651D;
}

.btn-weather-unchecked {
    --bs-btn-font-size: 16px;
    --bs-btn-line-height: 16px;
    
    --bs-btn-color: #000000;
    --bs-btn-bg: #dddddd;
    --bs-btn-border-color: #dddddd;
    
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #dddddd;
    --bs-btn-hover-border-color: #dddddd;
    
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #dddddd;
    --bs-btn-active-border-color: #dddddd;
}

.btn-weather-low {
    --bs-btn-font-size: 16px;
    --bs-btn-line-height: 16px;
    
    --bs-btn-color: #000000;
    --bs-btn-bg: #f5da27;
    --bs-btn-border-color: #f5da27;
    
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #f5da27;
    --bs-btn-hover-border-color: #f5da27;
    
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #f5da27;
    --bs-btn-active-border-color: #f5da27;
}

.btn-weather-medium {
    --bs-btn-font-size: 16px;
    --bs-btn-line-height: 16px;
    
    --bs-btn-color: #000000;
    --bs-btn-bg: #1cddff;
    --bs-btn-border-color: #1cddff;
    
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #1cddff;
    --bs-btn-hover-border-color: #1cddff;
    
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #1cddff;
    --bs-btn-active-border-color: #1cddff;
}

.btn-weather-high {
    --bs-btn-font-size: 16px;
    --bs-btn-line-height: 16px;
    
    --bs-btn-color: #000000;
    --bs-btn-bg: #ab5cff;
    --bs-btn-border-color: #ab5cff;
    
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #ab5cff;
    --bs-btn-hover-border-color: #ab5cff;
    
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #ab5cff;
    --bs-btn-active-border-color: #ab5cff;
}

.btn-ubd-gregorys {
    --bs-btn-font-size: 16px;
    --bs-btn-line-height: 16px;
    
    --bs-btn-color: #000000;
    --bs-btn-bg: #00ff00;
    --bs-btn-border-color: #00ff00;
    
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #00aa00;
    --bs-btn-hover-border-color: #00aa00;
    
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #008800;
    --bs-btn-active-border-color: #008800;
}

.no-btn {
    padding-left: 19px;
    padding-right: 19px;
    font-size: 16px;
    line-height: 16px;
}

.past-hr {
    color: #ff0000;
}

.popover-header {
    background-color: #ffffff;
    color: #000000;
}

.popover-body {
    background-color: #ffffff;
    color: #000000;
}

#map {
    height: 400px;
    width: 100%;
    font-size: 0.5rem;
}

.input-group {
    margin-bottom: 10px;
}

.geosearch {
    color: #000000;
    text-align: left;
    box-sizing: border-box;
    line-height: 30px;
}

.reset {
    appearance: auto;
    color: black;
    font-weight: bold;
    position: absolute;
    padding: 0 8px;
    right: 0;
    top: 0;
    cursor: pointer;
    border: none;
    text-decoration: none;
    background-color: #fff;
    border-radius: 0 4px 4px 0;
}

.reset:hover {
  background: #f5f5f5;
}