/*********************************************************************
 * Navigation Tabs
**********************************************************************/
.nav-tabs .nav-item {
  background-color: #F8F8F8;
}

.nav-tabs .nav-item .nav-link.active {
  color: #198754;
  font-weight: bold;
}

/*********************************************************************
 * Hyperlinks
**********************************************************************/
a:link {
  color: #00a336;
}

a:hover {
  color: #0ad825;
}

/*********************************************************************
 * Clock
**********************************************************************/
#clock {
  position: absolute;
  top: 13px;
  right: 12px;
  font-weight: normal;
}

/*********************************************************************
 * Radio Buttons
**********************************************************************/
#radioButtonGroup {
  margin-top: 10px;
}

input[type=radio]:checked {
  background-color: green;
  border-color: lightgreen;
}

/*********************************************************************
 * Search Input
**********************************************************************/
#searchInputGroup {
  margin-top: 20px;
  margin-bottom: 25px;
}

#searchInput {
  width: 250px;
}

/*********************************************************************
 * Status Bar
**********************************************************************/
#status {
  position: fixed; 
  bottom: 0%;
  width: calc(100vw);
  background: #ffffff;
  z-index: 10;
  padding-left: 6px;
  border-top: 1px solid rgb(204, 204, 204);
}

/*********************************************************************
 * Morse Dash Button
**********************************************************************/
.bold-dash-text {
    font-weight: bold;
}

/*********************************************************************
 * About Tab Header
**********************************************************************/
.my-header-text {
  background-image: url('../images/icon-512-v5.png');
  background-size: 25px 25px;
  padding-left: 27px;
  background-repeat: no-repeat;
}

/*********************************************************************
 * Unused
**********************************************************************/

/*
.my-header-container {
  background-color: #FFFFFF;
  padding-top: 3px;
  padding-bottom: 9px;
}

#qrCode {
  max-width: 200px;
}

*/