html, body {
}

body {
  background-color: #333;
  color: #e0e0e0;
}

a {
  color: #4dabf7;
}

.topnav {
  background-color: #121212;
}

.topnav a {
  color: #f2f2f2;
}

.active {
  background-color: #004080 !important;
  color: white !important;
}

.topnav .icon {
}

.dropdown {
}

.dropdown .dropbtn {
  color: white;
}

.dropdown-content {
  background-color: #f9f9f9;
}

.dropdown-content a {
  color: black;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #555;
  color: white;
}

.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}

.dropdown:hover .dropdown-content {
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
  }
  .topnav a.icon {
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
  }
  .topnav.responsive a {
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
  }
}

input[type=submit], button {
  background-color: #004080; 
  color: white;
}

input[type=submit]:hover {
  background-color: #1e90ff;
  color: white;
}

input[type=text], [type=password], [type=date], select, textarea {
  background-color: lightgray;
  border: 1px solid #ccc;
  color: black;
}

label {
}

.header-control {
}

.header-text {
    color: #fff;
}

.header-nav a {
}

.dashboard {
}

.data-box {
	border: 2px solid #4a5c78; 
	background-color: #4a5c78;
}

.data-box2 {
	border: 2px solid #4a5c78; 
	background-color: #4a5c78;
}

.data-box-speed-gauge {
	border: 2px solid #4a5c78; 
	background-color: #4a5c78;
}

.data-box-wind {
	border: 2px solid #4a5c78; 
	background-color: #4a5c78;
}

.data-box-map-small {
	border: 2px solid #4a5c78; 
	background-color: #4a5c78;
}

.data-box-map-large {
	border: 2px solid #4a5c78; 
	background-color: #4a5c78;
}

.data-box-map-big {
	border: 2px solid #4a5c78; 
	background-color: #4a5c78;
}

.data-box-ais {
	border: 2px solid #4a5c78; 
	background-color: #4a5c78;
}

.data-box-rudder {
	border: 2px solid #4a5c78; 
	background-color: #4a5c78;
}

.data-box-speed-gauge svg {
}

.data-box-wind svg {
}	

.data-box-rudder svg {
}

.data-box-title {
	color: lightblue;
}

.data-box-content {
}

.data-box-value {
	color: #fff;
}

.data-box-value2 {
	color: #fff;
}

.data-box-value3 {
	color: #fff;
}

.data-box-unit {
	color: #fff;
}

.data-box-tank {
	border: 2px solid #fff; 
	background-color: #4a5c78;
}

.data-box-tank-border {
	border: 2px solid #333;
	background: #eee;
}

.data-box-tank-fluid {
	background: #3498db;
}

.needle {
  transform-origin: bottom center;
  transform: rotate(0deg);
  transition: transform 0.5s ease;
}

table {
}

th, td {
  border: 2px solid #333; 
}

th {
  background-color: #6FA8DC;
  color: #000000;
}

td {
  color: #000000;	
}

tbody tr:nth-child(odd) {
  background-color: #CFE2F3;
}

tbody tr:nth-child(even) {
  background-color: #6FA8DC;
}

th:first-child { 
}

th:last-child { 
}

tr:last-child td:first-child { 
}

tr:last-child td:last-child { 
}

.select-grid {
}

.responsive-svg {
  background-color: lightgray;
}

fieldset {
}

legend {
}

.radar-display {
    border: 1px solid #ccc;
}

#ais-radar {
    background-color: #001f3f; /* Dark blue for radar background */
}

.axis {
    stroke: #aaa;
}

.your-boat-cog {
    stroke: yellow;
}

.boat-cog {
    stroke: white;
}

.range-circle {
    fill: none;
    stroke: #007bff;
}

.boat {
    fill: gray;
}

.boat:hover {
    fill: darkgray;
}

.boat_classA {
    fill: blue;
}

.boat_classA:hover {
    fill: darkblue;
}

.buddyboat {
    fill: #50C878;
}

.buddyboat:hover {
    fill: #50C8B4;
}

.collisionboat {
    fill: red;
}

.collisionboat:hover {
    fill: darkred;
}

.your-boat {
    fill: white;
}

.ais-radar-text {
	fill: white;
}

.same-row {
}

.leaflet-container {
}

.map-rotated-arrow {
	color: #000000;
}

.map-leaflet-bar {
}

.map-boatdata {
  background: #fff;
  color: #000000;
}

.smooth_transition {
}

.spinner {
  border: 4px solid #BDBDBD; 
  border-top: 4px solid #00CF91; 
}

@keyframes spin {
}