.tim-typo {
  padding-left: 25%;
  margin-bottom: 40px;
  position: relative;
  width: 100%;
}

.tim-typo .tim-note {
  bottom: 5px;
  color: #c0c1c2;
  display: block;
  font-weight: 400;
  font-size: 13px;
  line-height: 15px;
  left: 0;
  margin-left: 20px;
  position: absolute;
  width: 260px;
}

/* offline-doc */

.offline-doc .navbar.navbar-transparent {
  padding-top: 25px;
  border-bottom: none;
}

.offline-doc .navbar.navbar-transparent .navbar-minimize {
  display: none;
}

.offline-doc .navbar.navbar-transparent .navbar-brand,
.offline-doc .navbar.navbar-transparent .collapse .navbar-nav .nav-link {
  color: #FFFFFF !important;
}

.offline-doc .footer {
  z-index: 3 !important;
}

.offline-doc .page-header .container {
  z-index: 3;
}

.offline-doc .page-header:after {
  background-color: rgba(0, 0, 0, 0.5);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

#map {
  z-index: 2;
  height: calc(100vh - 70px);
  margin-top: 70px;
}

.off-canvas-sidebar .wrapper-full-page~.fixed-plugin .dropdown .dropdown-menu
{
  -webkit-transform:none;
  transform: none;
}

.fixed-plugin .button-container .github-button
{
  display:inline
}
.speed-indicator {
  display: inline-block;
  text-align: center;
}
.speed-card {
  border-radius: 10px; /* Rounded corners for the card */
}

.speed-card  {
  border-bottom: 1px solid #e9ecef; /* Subtle divider */
  font-weight: 500;
}

.circle-red {
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #f44336;
  margin-bottom: 10px;
}

.circle-green {
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  
  margin-bottom: 10px;
  background-color:#7cee64;
}
.status-indicator {
  width: 15px;
  height: 15px;
  display: inline-block;
}

.bg-success {
  background-color: #28a745 !important; /* Green for operational */
}

#speed-value {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  font-weight: bold;
}

.label {
  font-size: 16px;
  font-weight: bold;
}