#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: animate-preloader 1s linear infinite;
animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  }
  100% {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  }
  100% {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  }
}

html,
body {
  background-color: #f9f6ee;
  margin: 5px 0px 5px 2px;
  padding: 5px 0px 5px 2px;
  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;
}

thead {
  font-weight: bold;
}

#warningIconContainer {
  text-align:center;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #DC3545;
  font-weight: bolder;
}

#deleteEntry {
  text-align: center;
}

.locationToDelete {
  font-weight: bolder;
}

.departmentToDelete {
  font-weight: bold;
}

.employeeToDelete {
  font-weight: bold;
}

#alerts {
    position: fixed; 
    top: 5px; 
    width: 99%;
    z-index:9999; 
    border-radius:0px;
}

#appHeader {
  padding-top: 10px;
}

/* Media Queries for table resizing */

/* Extra small devices */
@media only screen and (max-width: 599px) {
  #employees-tab-pane {
  td:nth-child(2) {
    display:none;
  }
  
  td:nth-child(3) {
    display:none;
  }

}

  #departments-tab-pane {
  td:nth-child(2) {
    display:none;
  }
  
}
}
/* Small/medium devices */
@media only screen and (max-width: 768px) {
  #employees-tab-pane {
  td:nth-child(3) {
    display:none;
  }
  td:nth-child(4) {
    display:none;
  }
}
}

/* Larger devices */
@media only screen and (max-width: 992px) {
  #employees-tab-pane {
      td:nth-child(4) {
    display:none;
  }
}

}