html,
body {
  background-color: #f9f6ee;
  margin: 5px 0px 5px 2px;
  padding: 5px 0px 5px 2px;
  /*overflow: hidden;*/
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
}


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

.appHeader {
    flex: 0 0 auto;
}

.tab-content {
  flex: 1;
  /*overflow-y: scroll;*/
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

tr {
  cursor: default;
}

.myBtn {
  width: 70px;
}

@media (max-width: 768px) {
    .modal-dialog {
        margin: 0.75rem auto;
        max-height: calc(100dvh - 1.5rem);
    }
    
    .modal-content {
        max-height: calc(100dvh - 1.5rem);
    }
    
    .modal-body {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
}