:root {
  --m-header-height: 160px;
}

html {
  height: 100%;
}

body {
  height: 100%;
}

a {
  text-decoration: none;
}

.font-Chakra-Petch {
  font-family: "Chakra Petch", sans-serif;
}

pre {
  font-family: "Chakra Petch", sans-serif;
  font-size: 100%;
  margin: 0;
}

code {
  font-family: "Chakra Petch", sans-serif;
  font-size: 85%;
}

.main-container {
  background: black;
}

.page-header {
  padding: 0;
  min-height: 0;
}

@media (max-width: 1024px) {
  .page-header {
    position: relative;
    border-bottom: 2px solid var(--bs-border-color);
    width: 100%;
  }
}
.btn {
  --bs-btn-border-radius: 8px;
  --bs-btn-padding-y: 0.4rem;
  --bs-btn-padding-x: 0.8rem;
  --bs-btn-line-height: 1.25;
}

.form-control:not[reaonly] {
  border-bottom-color: dodgerblue !important;
  border-right-width: 3px;
}

.form-control[required] {
  border-right-color: red;
  border-right-width: 3px;
}

span.badge, label.badge {
  margin-left: 5px;
  padding: 6px 10px;
}
span.badge.badge-urgent-notify, label.badge.badge-urgent-notify {
  padding-top: 10px;
}
span.badge.badge-counter, label.badge.badge-counter {
  position: absolute;
  z-index: 1001;
  left: 5px;
  top: -8px;
}
span.badge.badge-draft, label.badge.badge-draft {
  background-color: #7896c3;
  color: white;
}
span.badge.badge-open, label.badge.badge-open {
  background-color: #1a68e1;
  color: white;
}
span.badge.badge-assign, label.badge.badge-assign {
  background-color: #70c2a3;
  color: #1c1b1b;
}
span.badge.badge-approve, label.badge.badge-approve {
  background-color: #fa6d00;
  color: white;
}
span.badge.badge-cancel, label.badge.badge-cancel {
  background-color: #343434;
  color: white;
}
span.badge.badge-complete, label.badge.badge-complete {
  background-color: #42ffba;
  color: white;
}
span.badge.badge-job, label.badge.badge-job {
  font-size: 0.85rem;
}
span.badge.badge-job.badge-job-open, label.badge.badge-job.badge-job-open {
  background-color: #1a68e1;
  color: white;
}
span.badge.badge-job.badge-job-accept, label.badge.badge-job.badge-job-accept {
  background-color: #1a68e1;
  color: white;
}
span.badge.badge-job.badge-job-start, label.badge.badge-job.badge-job-start {
  background-color: #e5da08;
  color: white;
}
span.badge.badge-job.badge-job-stand, label.badge.badge-job.badge-job-stand {
  background-color: #e5da08;
  color: white;
}
span.badge.badge-job.badge-job-take, label.badge.badge-job.badge-job-take {
  background-color: #e5da08;
  color: white;
}
span.badge.badge-job.badge-job-drop, label.badge.badge-job.badge-job-drop {
  background-color: #e5da08;
  color: white;
}
span.badge.badge-job.badge-job-end, label.badge.badge-job.badge-job-end {
  background-color: #70c2a3;
  color: white;
}
span.badge.badge-job.badge-job-complete, label.badge.badge-job.badge-job-complete {
  background-color: #00d844;
  color: white;
}
span.badge.badge-job.badge-job-cancel, label.badge.badge-job.badge-job-cancel {
  background-color: #191818;
  color: white;
}