html,
body {

  background-color: #f9f6ee;
  margin: 5px 0px 5px 2px;
  padding: 5px 0px 5px 2px;
  overflow: hidden;
  /* overflow-x: hidden; */
}

section {
  display: flex;
  flex-flow: column;
  height: calc(100vh - 20px);
}

.tab-content {
  flex: 1;
  overflow-y: scroll;
  /* overflow-x: hidden; */
}

.editButtonClass,
.deleteButtonClass {

  margin: 0.5px 0.75px 0.75px 2.5px;
 
}





tbody tr.hide {

  opacity: 0;
  /* transform: translateX(100%); */
}



tbody tr.hide td,
tbody tr.hide td p {

  padding: 0;
  border:none; 
  display: none;
  position: absolute;
  /* transition: .2s ease-in-out; */


}

/* tbody tr td,
tbody tr td p {
  transition: .2s ease-in-out;
} */


/* #myPersonnelTabContent
{

  overflow-y:scroll;
  height:64vh;
  display:block;

} */

tr {
  cursor: default;
}

.myBtn {
  width: 70px;
}