/* --- Preloader --- */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}
#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #f2f2f2;
  border-top: 6px solid #56829e;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: 1s linear infinite animate-preloader;
  animation: 1s linear infinite animate-preloader;
}
/* --- Preloader End --- */
html,
body {
  background-color: #f9f6ee;
  overflow: hidden;
}
section {
  display: flex;
  flex-flow: column;
  height: calc(100vh - 20px);
}
.tab-content {
  flex: 1;
  overflow-y: scroll;
}
tr {
  cursor: default;
}
.myBtn {
  width: 70px;
}
#personnelSearch,
#departmentSearch,
#locationSearch {
  min-width: 300px;
}
#personnelSearchInp,
#departmentSearchInp,
#locationSearchInp {
  width: 70%;
  border-radius: 0.375rem;
}
#personnelBtnGroup,
#departmentBtnGroup,
#locationBtnGroup {
  display: flex;
}
#personnelRefreshBtn,
#departmentRefreshBtn,
#locationRefreshBtn {
  border-radius: 0.375rem 0 0 0.375rem;
}
#personnelFilterBtn,
#departmentFilterBtn,
#locationFilterBtn {
  border-radius: 0;
}
#addPersonnelBtn,
#addDepartmentBtn,
#addLocationBtn {
  border-radius: 0 0.375rem 0.375rem 0;
}
@media screen and (max-width: 1000px) {
  #personnelTable .emailCol {
    display: none !important;
  }
}
@media screen and (max-width: 840px) {
  #personnelTable .locationCol {
    display: none !important;
  }
}
@media screen and (max-width: 576px) {
  #personnelTable .deptCol {
    display: none !important;
  }
  #departmentTable .dLocationCol,
  #departmentTable .locationName {
    display: none !important;
  }
}
@media screen and (max-width: 440px) {
  .appHeader .row .col-4 {
    width: 100% !important;
    text-align: left !important;
    padding: 0 0 20px 0 !important;
  }
  #personnelSearch,
  #departmentSearch,
  #locationSearch {
    width: 100% !important;
  }
  #personnelSearchInp,
  #departmentSearchInp,
  #locationSearchInp {
    width: 90%;
  }
}
/* --- Preloader --- */
@-webkit-keyframes animate-preloader {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes animate-preloader {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}