body {
    color: #0F172B;
    font-family: "Noto sans", Arial, Verdana, sans-serif;
}
@media (min-width: 410px) {

}

#pageheader {
    background-color: #fff;
    border-bottom: 3px solid #626366;
    border-top: 3px solid #ff7300;
}
#pageheader .nav-link {
    color: #0F172B;
    font-family: "Noto sans", Arial, Verdana, sans-serif;
    font-weight: 700;
}
#pageheader .logo {
    max-height: 70px;
}
#topnav .nav-item {
    padding: 0;
}

header .nav-link.active {
    color: #ff7321;
    font-weight: 700;
}

h1, h2, h3 {
    color: #0F172B;
    font-family: "Noto sans", Arial, Verdana, sans-serif;
}

.table thead th {
    border-bottom: 2px solid #ff7321;
    color: #0F172B;
    font-weight: 700;
}

.table .tfoot th, .table .tfoot td {
    border-top: 1px solid #ff7321;
    font-weight: 700;
}

a, form button {
    color: #0F334A;
}

@font-face {
  font-family: "Noto sans";
  src: url("/tiedostot/wartsila_notoSans-300.woff2");
}

.btn-primary {
  background-color: #0F334A;
  border-color: #0F334A;
}

.btn-primary:hover {
  color: #0F334A;
  background-color: #FFFFFF;
  border-color: #0F334A;
}

.btn-outline-primary {
  color: #0F334A;
  background-color: #FFFFFF;
  border-color: #0F334A;
}

.btn-outline-primary:hover {
  color: #0F334A;
  background-color: #FFFFFF;
  border-color: #0F334A;
}

.btn-outline-secondary {
  color: #0F334A;
  background-color: #FFFFFF;
  border-color: #0F334A;
}

.btn-outline-secondary:hover {
  color: #FFFFFF;
  background-color: #0F334A;
  border-color: #0F334A;
}

.btn-outline-danger {
  color: #0F334A;
  background-color: #FFFFFF;
  border-color: #0F334A;
}

.btn-outline-danger:hover {
  color: #0F334A;
  background-color: #3F5C6E;
  border-color: #0F334A;
}