body {
  padding-top: 4.5rem;
  text-size-adjust: auto;
  font-family: Tahoma, Geneva, Verdana, sans-serif;
}

.alert-pre {
  word-wrap: break-word;
  word-break: break-all;
  white-space: pre-wrap;
}

.external-link {
  padding-top: 6px;
}

.avatar-link {
  padding-top: 4px;
  padding-bottom: 4px;
}

.center {
  margin: auto;
  width: 50%;
  padding: 10px;
  text-align: center;
}

.attendance_table {
  padding: 2px;
  margin-top: 2px;
}

/* Change LeaveState Views in Management */

#sub-page {
  display: none;
}

/* Download buttons for Attendance Record */

.btn-primary {
  border: none;
  color: white;
  padding: 10px 10px;
  font-size: 16px;
  cursor: pointer;
}

/* Darker background on mouse-over */
.btn:hover {
  background-color: RoyalBlue;
  border: none;
}


/* Buttons for Delete */

.btn-danger {
  border: none;
  color: white;
  padding: 10px 10px;
  font-size: 14px;
  cursor: pointer;
}

/* Shift Schedule */

#OnDuty {
  padding: 10px 10px;
  width: 50px;
}

#header_column {
  padding: 10px 10px;
  width: 50px;
}



/* Form label */

label {
  display: block;
}




/* Shift Employee Schedule  */

/* .calendar {
  width: 98%;
  margin: auto;
  font-size: 13px;
}

.calendar tr, .calendar td {
  border: 1px solid black;
}

.calendar th {
  padding: 10px;
  text-align: center;
  font-size: 18px;
}

.calendar td {
  width: 200px;
  height: 150px;
  padding: 20px 0px 0px 5px;
}

.month {
  font-size: 25px;
}

.date {
  font-size: 16px;
}

ul {
  height: 100%;
  padding: 0px 5px 0px 20px;
}

a {
  color: #17a2b8;
} */