body {
    padding:           0;
    background-color:  #FAFAFC;
    background-repeat: repeat-x;
    font-family:       sans-serif;
    font-size:         12pt;
    color:             #08443D;
}

/* 100% width if lower than lg */
@media (max-width: 991px) {
    .container {
        width: 100%;
        max-width: none;
    }
}

#top {
    height:         10px;
    text-align:     left;
    vertical-align: top;
}

#headline {
    background-color: #01B193;
}

#footer-menu {
    background-color: #01B193;
    height: auto;
    background-repeat: repeat;
}

a.nav {
  color: #01B193;
  text-decoration: none;
  line-height: 1.6em;
  font-size: 10pt;
  font-weight: normal;
  margin-right: 5px;
}


a {
    color: #01B193;
}

a:hover {
    color: #0D7163;
}

a.bookmarks { border: none; color: #FFFFFF; }

/***** Font definitions *****/
.f7 { font-size: 7pt; }

.f7b { font-size: 7pt; font-weight: bold; }

.f8 { font-size: 8pt; }

.f8b { font-size: 8pt; font-weight: bold; }

.f9 { font-size: 9pt; }

.f9b { font-size: 9pt; font-weight: bold; }

.f10 { font-size: 10pt; }

.f10b { font-size: 10pt; font-weight: bold; }

.f11 { font-size: 11pt; }

.f11b { font-size: 11pt; font-weight: bold; }

.f12 { font-size: 12pt; }

.f12b { font-size: 12pt; font-weight: bold; }

.f13 { font-size: 13pt; }

.f13b { font-size: 13pt; font-weight: bold; }

.f14 { font-size: 14pt; }

.f14b { font-size: 14pt; font-weight: bold; }

.f16 { font-size: 16pt; }

.f16b { font-size: 16pt; font-weight: bold; }

p {
    color:          #132941;
    margin:         0 5px 5px 5px;
    vertical-align: middle;
}

h1 {
    font-size:           14pt;
    padding:             0 3px;

    margin-block-start:  0.67em;
    margin-block-end:    0.67em;
    margin-inline-start: 0;
    margin-inline-end:   0;
}

h2 {
    font-size: 12pt;
    margin:    0;
    padding:   0 2px;
}

h4 {
    margin-block-start:  1.33em;
    margin-block-end:    1.33em;
    margin-inline-start: 0;
    margin-inline-end:   0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: sans-serif;
    color:       #353535;
    font-weight: bold;
    line-height: 1.5em;
}

th {
    font-size: 10pt;
    color:     #132941 !important;
}

td {
    font-size: 10pt;
}

input, textarea, select {
    padding:          3px;
    border:           1px inset #909092;
    font-size:        9pt;
    font-family:      sans-serif;
    font-weight:      bold;
    background-color: #FFFFFF;
}

/* Sweetalert2 */
.greenBoxShadow {
    box-shadow: 0 0 0.625em green !important;
}

.orangeBoxShadow {
    box-shadow: 0 0 0.625em orange !important;
}

.redBoxShadow {
    box-shadow: 0 0 0.625em #FF0000 !important;
}

body.swal2-toast-shown>.swal2-container.swal2-top-end, body.swal2-toast-shown>.swal2-container.swal2-top-right {
    top: 50px;
}

/* Colors */
.pvlog-green {
    color: #01B193;
}

a#measurement-filter-button {
    background-color: #01B193 !important;
    color:#ffffff;
    border:1px solid #01B193;
}

.red {
    color: red;
}

.blue {
    color: blue;
}

.gold {
    color: gold;
}

.silver {
    color: silver;
}

.bronze {
    color: #CD7F32;
}

/* Navbar & Dropdown Menu */
.navbar {
    background-color: #01B193;
    min-height: unset;
    padding: 0;
}

.navbar > a.nav-link {
    color: #fff !important;
}

.navbar-nav .dropdown-menu {
    position: absolute;
}

.dropdown-menu {
    margin-top: -1px;
    box-shadow: none;
    padding: 0;
    min-width: 200px;
}

nav.navbar .dropdown-menu li:hover {
    visibility: visible;
}

nav.navbar .dropdown:hover .dropdown-menu {
    display: block;
}

nav.navbar .dropdown-menu:hover {
    display: block;
}

.dropdown-menu li  {
    font-size: 12pt;
}

.dropdown-menu li:hover {
    background-color: #01B193;
}

.dropdown-menu li:hover > .dropdown-item {
    color: #212529 !important;
}

.dropdown-menu li a.dropdown-item {
    padding:       10px 10px 10px 15px;
    margin-top:    0;
    margin-bottom: 0;
}

.dropdown-item:hover {
    color: #212529 !important;
    text-decoration: none;
    background-color: #01B193 !important;
}

.dropdown-item:focus {
    color: #212529 !important;
    text-decoration: none;
    background-color: inherit !important;
}

.nav-item:hover span {
    color: #212529;
}

li.active-menu a.dropdown-item {
    font-weight: bold;
}

.navbar {
    border-top: 1px dashed #CCCCCC;
    border-bottom: 1px dashed #CCCCCC
}

@media (max-width: 768px) {
    .measurement-filter-visibility {
        display: none;
    }
}

@media (min-width: 768px) {
    .headline-menu .navbar-nav:hover {
        cursor: pointer;
    }

    .headline-menu ul.nav li {
        border: none;
        margin: 0;
    }

    .headline-menu li.nav-item {
        padding: 9px 0 !important;
    }

    .headline-menu a.nav-link {
        padding: 0 11px !important;
        margin-left: 0;
        margin-right: 0;
    }

    .headline-menu a.nav-link:not(.no-border-right) {
        border-right: 1px dashed #CCCCCC;
    }
}

/* Current output graph in headline */
.output-chart-outer {
    margin: 0 auto;
}
.output-chart-outer .output-chart-container {
    width: 130px;
    float: right;
    height: 120px;
}

.output-chart-container .highcharts-yaxis-grid .highcharts-grid-line {
    display: none;
}

.measurement-data .row {
    /*background-color: #33c0a8;*/
    background-color: #1ab89d;
    border-radius: .5rem;
}

/* Scroll up button */
.btn-scroll-up, .btn-scroll-up:hover, .btn-scroll-up:focus {
    background-color: #01B193 !important;
    border: 1px solid #fff;
}

/* scroll to top */
.scrollup {
    position: fixed;
    bottom: 0;
    right: 20px;
}

a.scrollup {
    outline:0;
}

a.scrollup:hover,a.scrollup:active,a.scrollup:focus {
    opacity:1;
    text-decoration:none;
}
a.scrollup i:hover {
    text-decoration:none;
}


/* Tabs style */
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border-top: 2px solid #01B193;
    background-color: #FAFAFC;
}

.nav-tabs > li:not(.active) > a {
    color: #999;
    background-color: #FAFAFC;
}

.nav-tabs > li {
    white-space: nowrap;
}

/* Menu in mobile view */
select.selectmenu {
    width: 100%;
}

/* Avoid moving parts of header when sum details are loaded */
@media (min-width: 1200px) {
    .sum-details {
        min-width: 155px;
    }
}

@media (min-width: 1200px) {
    .xl-max-31 {
        max-width: 31%;
    }
}

/* Fix arrow icons in date picker */
i.icon-arrow-left:before {
    font-family: 'Font Awesome\ 5 Free';
    content:     "\f060";
}

i.icon-arrow-right:before {
    font-family: 'Font Awesome\ 5 Free';
    content:     "\f061";
}

/* Nav pills style */
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #01B193;
}

.nav-pills .nav-link:not(.active):hover {
    background-color: #EEEEEE;
}

/* Border bottom in sm */
@media (max-width: 767px) {
    .sm-border-bottom {
        border-bottom: 1px solid #c5d0dc;
        padding-bottom: 2px;
    }
}

.display-block {
    display: block;
}

.display-none {
    display: none;
}

@media (max-width: 1199px) {
    .display-none-lg {
        display: none;
    }
}

/* Cookie Consent */
.js-cookie-consent {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9999;
    color: white;
    background-color: #01B193;
    padding: 5px;
    border: 1px solid #fff;
}

.js-cookie-consent button {
    color: #01B193;
    background-color: #fff;
    display: inline-block;
    padding: .175rem .5rem;
    font-size: 10pt;
    line-height: 1.5;
    border-radius: .25rem;
    text-align: center;
    white-space: nowrap;
    border: 1px solid transparent;
    vertical-align: middle;
    font-weight: bold;
}

.link-white, .link-white:hover {
    color: #fff;
}

.no-hover-text-decoration:hover {
    text-decoration: none;
}

.decoration-underline {
    text-decoration: underline;
}

.link-white.decoration-underline:hover {
    color: #0D7163;
}