body {
  padding-top: 3.5rem;
  background: #f2f2f2;
}
.browse-mode {
  padding-top: 0.1rem;
}
main {
  min-height: 45rem;
}
body.pop-up {
 padding-top: 0.2rem;
}
h1 {
  font-size: 1.5rem;
}
h2 {
  margin-top: 0.6rem;
  font-size: 1.4rem;
}
h3, legend {
  margin-top: 0.6rem;
  font-size: 1.2rem;
}
.navbar {
  background: #005500;
}
.fpnheader {
  background: #005500;
}
.card-header {
  font-size: 1.3rem;
}
.card-text {
  font-size: 1.1rem;
}
.navbar-dark .navbar-nav .nav-link {
  color: lightgreen;
}
footer {                                                                                                                                                                              
  margin-top: 5rem;
}
.fpnlist div {
  margin-bottom: 0.5rem;
}
.fpnlist {
  margin-bottom: 0.5rem;
}
.fpnlist p {
  padding: 0.3rem;
  margin: 0;
}
.fpnsysteminfo {
  font-size: 0.8rem; 
  color: #777777;
}
.fpncommentslist .fpncomment {
  border-bottom: 1px dotted #ccc;
  margin-bottom: 0.5rem;
}
.highlight {
  font-weight: bold;
}
.fpnlist p:nth-of-type(odd), .odd{
  background-color: #e5e5e5;
}
.user-area {
  padding: .2rem 1rem;
  background: #e5e5e5;
  text-align: right;
}
.fpntooltip {
  text-decoration: underline dotted #A0A0A0;
}
.strattable {
  border-top: black solid 1px;
  border-left: black solid 1px;
}
.strattable td {
  border-right: black solid 1px;
  border-bottom: black solid 1px;
  padding: 5px;    
}
.strattable a {
  color: navy;
  text-decoration: underline dotted;
}

@media (min-width: 1000px){
    .navbar-expand-custom {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-custom .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-custom .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
    }
    .navbar-expand-custom .navbar-collapse {
        display: flex!important;
    }
    .navbar-expand-custom .navbar-toggler {
        display: none;
    }
}
.verticalbox {
   display: flex;
   align-items:center;
}
.green {
 color: green;
}
.unchecked {
 color: darkgray !important;
}
.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    border-top: 1px solid #000000;
    background-color: #FFCC33;
}
.fpn-button-link { 
  outline: none;
  padding: 5px; 
  border: 0px; 
  box-sizing: none;
  color: #007bff; 
  background-color: transparent; 
}
.fpn-button-link:focus,
.fpn-button-link:hover {
    color: #23527c;
    text-decoration: underline;
}
.consent-box {
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999;
  width: 100%;
  max-width: 640px;
  padding: 0 20px 20px 20px;
}
.consent-box .fieldset-box-like {
  padding: 0;
}
.consent-box .form-row [type=checkbox] + label {
  display: inline-block;
  padding-left: 36px;
  font-weight: bold;
}
.consent-box .form-row-but {
  text-align: center;
}
.consent-box label {
  font-weight: 400;
}
.consent-box [type="checkbox"] {
  position: absolute;
  left: 0;
  top: 0;
}
.consent-box [type="checkbox"]:disabled + label:before,
.consent-box [type="checkbox"]:disabled:checked + label:after {
  opacity: 0.5;
}
.consent-box .btn {
  display: inline-block;
  cursor: pointer;
}
@media screen and (min-width: 350px) {
  .consent-box .btn.btn-primary {
    margin-left: 15px;
  }
}
.consent-box a {
  color: #4b4b4b;
}
.consent-box__wrapper {
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  width: 100%;
  height: 100vh;
  z-index: 999999;
  overflow-y: scroll;
}
.consent-choice {
  position: relative;
  margin-bottom: 11px;
  font-size: 14px;
}
.consent-choice__note {
  padding-left: 36px;
}
.consent-box__simple {
  text-align: right;
}
.consent-box__detailed {
  display: none;
}
.noscroll {
  overflow: hidden;
}