#labBook {
  position: absolute;
  left:400px;
  top:200px;
  display:none;

  background-color: rgba(255,255,255,0.4);
  width: 500px;
  height: 600px;
  overflow-x: hidden;
  overflow-y: auto;
  color: white;

  margin: 0px;
  font-size: 16px;
  border: none;
}


.tab {
position: sticky !important;
top: 0;
z-index: 10;
overflow: hidden;
background-color: #dfe0e2;
}


#objectives {
  overflow-y: auto !important;
}

.tabclose {
  float: right !important;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  position: sticky !important;
  z-index: 10;
  font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
  font-size: 1.4em;
  font-weight: bold;
  color: #838385;
  background-color: #dfe0e2;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 8px 16px;
  transition: 0.1s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  position: sticky !important;
  background-color: #e6e8ea;
}

/* Create an active/current tablink class */
.tab button.active {
  position: sticky !important;
  color: #000000;
  background-color: #f3f4f8;
}

/* Style the tab content */
.tabcontent {

  display: none;
  width: auto;
  height: auto;
  background-color: transparent;
  border-top: none;
  color: black;
}


.tabcontent>div {
  height:50px;
  width: 100%;
  font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
  font-style: italic;
  font-size: 1.2em;
  background-color: transparent;
  border-bottom: 2px solid;
  border-color: #fbfbfb;
  color: #e2e2e1;
}

.borderColor {
  border-color: #2c6c89 !important;  
}

.tabcontent div.active {
  cursor: pointer;
  color: #001020;
  background-color: rgba(62,153,192, 0.6);
}

.tabcontent div.active:hover {
  background-color: rgba(62,153,192, 0.55);
}

.tabcontent div:hover {
  /* background-color: rgba(255,255,255,0.1); */
}

.menuEntry img {
  position: absolute;
  display: block;
  padding: 14px 0px;
  width:19px;
  height:19px;
}

.menuEntry p {
  position: absolute;
  display: block;

  padding: 14px 28px;
  margin: 0px;
}


.stepTextEntry {
    position: absolute !important;
    margin: 0px !important;
    color: #2c6c89;

    padding-left: 40px;
    padding-right: 40px;
    padding-top: 16px;

    /* change line height if there are multiple line texts */
    line-height: 0.8em;

}
/*
.menuEntry div{
  background-color: rgba(255,255,255,0.2); 
}



.menuEntry div.active {
  background-color: rgba(62,153,192, 0.6);
}



*/


.stepEntry {

  display: none !important;
  background-color: rgba(62,153,192, 0.6) !important;
  height: 50px !important;
  margin: 0px !important;
  padding: 0px !important;
  border-bottom: none !important;
  cursor:default !important;
}

/* Show the dropdown menu (use JS to add this class to the .dropdownActions container when the user clicks on the dropdown button) */
.show {
  display:block !important;
} 


.isFinished {
    color: #ffffff !important;
}



.logEntry {
  position: absolute;
  display: block;

  color: #222222 !important;
  padding: 14px 28px !important;
  margin: 0px !important;
}