body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}

.topnav {
  overflow: hidden;
  background-color: rgb(248, 248, 255);
  border-bottom: rgb(252, 252, 255);
  
}

.topnav a {
  float: left;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  color: black;
}

.topnav a:hover {
  background-color: #ffffff;
  color: black;
}

.topnav a.active {
  background-color: #b0d9f8;
  color: black;
}

.container {
  max-width: 1000px
}

.custom-select {
  max-width: 150px
}
.table {
  border-radius: 5px;
  width: 50%;
  margin: 0px auto;
  float: none;
}

.table thead th .th-inner{
  background-color: #d6d8db;
}

.datepicker {
  height: calc(1.5em + .75rem + 2px);
  border: 1px solid #ced4da;
  border-radius: .25rem;
  width: 100%;
}


.selectInput {
  height: calc(1.5em + .75rem + 2px);
  border: 1px solid #ced4da;
  border-radius: .25rem;
  width: 100%;
}

.hiddenCol{
  display:none;
  visibility:hidden;
}

.hiddenTab{
  display:none;
}

.label-warning{
  font-size: 10px;
  color: rgb(248, 167, 16);
}