/* css - additional to bootstrap
orders the divs on the basic index.html */

/* collapsed sidebar */

 /* The sidebar menu */
.nsidebar {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0;
  left: 0;
  background-color: #363659; /* darkblue*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidebar */
}

/* The sidebar links */
.nsidebar a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 18px;
  color: #cccccc;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.nsidebar a:hover {
  color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.nsidebar .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 32px;
  margin-left: 50px;
}

/* The button used to open the sidebar */
.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #111;
  color: white;
  padding: 10px 15px;
  border: none;
}

.openbtn:hover {
  background-color: #444;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
html, body {
  font-family: Liberation-Sans, Helvetica, Arial;
  min-height: 100%;
  margin: 0px;
  padding: 0px;
  border: 0px;
}


#main {
  transition: margin-left .5s; /* If you want a transition effect */
  padding: 0px;
  margin: 0px;
  min-height: 100%;
  border: 0px;
  position: static;
}


#dataarea {
  min-height: 100%;
}




/* css for the content */

/** area for the first row (header) of the site **/
#pagetop {
    color: #284901;
    /* background-color: #c9f496; */
    background-color: #bb0000;
    min-height: 70px;
    max-height: 110px;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-bottom: 1px;
    border-bottom-style: solid;
    border-bottom-color: #fafd19;
    margin: 0px;
    padding: 0px;
    position: static;
    z-index: 99;
}


#opennavbtn {
    float: left;
    padding: 0px;
    margin-top: 10px;
    margin-left: 10px;
}

#headertext {
    float: left;
    font-size: 2em;
    font-weight: bold;
    margin: 0px;
    
    padding-left: 15px;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#headertext p {
    padding: 0px;
    margin: 0px;
    text-decoration: none;
}

#headertext a {
  text-decoration: none;
  color: #ffffff;
}

#headerimg {
  float: left;
  width: 50px;
  margin-top: 10px;
  margin-left: 10px;
}

#logininfo,
#logininfo a,
#logininfo a:active {
    float: right;
    margin-right: 10px;
    margin-top: 15px;
    margin-left:0px;
    margin-bottom:5px;
    color: #284901;
    font-size: 0.95em;
    font-weight: bold;
    text-decoration: none;
}

#logininfo a:hover {
    font-size: 1.05em;
}

#pagetopborder {
    height: 3px;
    background-color: #284901;
    padding: 0px;
    margin: 0px;
    z-index: 99;
}


/* listings */
#slrowinside-l {
    text-align: left;
    font-size: 8px;
}

#slrowinside-label-l {
    text-align: left;
    font-size: 11px;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    color: #686868;
}

.slrowinside-l {
  text-align: left;
  font-size: 8px;
}

.slrowinside-label-l {
  text-align: left;
  font-size: 11px;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  color: #686868;
}

.slrowinside-c {
  text-align: center;
  font-size: 17px;
  padding-top: 2px;
}

.slrowinside-l {
  text-align: left;
  font-size: 17px;
  padding-top: 2px;
}


.slrowinside-label-c {
  text-align: center;
  font-size: 11px;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  color: #686868;
}

.iconinactive {
  color:#505050;
}

/* for all elements */
.con-46p-float-l {
  width: 46%;
  float: left;
  margin: 5px;
}

.h100p {
  height: 100%;
}

.overflowwrap-breakword {
  overflow-wrap: break-word;
}

/* main menu left side */
.submtextsize {
  font-size: 12px;
  line-height: 1.6;
}

/* Footer-area */
.footer {
  /* position: fixed; */
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #444444;
  color: #ffffff;
}

.footertext {
  background-color: #444444;
  color: #ffffff;
  text-decoration: none;
}

.footertext a:hover {
  color: #cccccc;
}

.footertext a {
  text-decoration: None;
  color: #ffffff;
}

/*
#userdropdown {
    z-index: 200;
}
*/


/* Consentwindow */
#opnv-consent {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 2rem 8rem;
  background-color: #fff;
  transition: opacity 1s ease;

  /* &.hidden {
      opacity: 0;
  } */
}

#opnv-consent .hidden {
  opacity: 0;
}

/* #######
Backgrounds
####### */

.bg-grey {
    background-color: #efefef;
}