: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;
  right: -2px;
  top: 7px;
  font-size: 0.65rem;
  font-weight: 500;
  padding: 4px;
  border-radius: 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-default, label.badge.badge-default {
  color: #30373e;
  background: #ebeced;
}
span.badge.badge-grey, label.badge.badge-grey {
  background: #8a8f94;
}
span.badge.badge-white, label.badge.badge-white {
  color: #30373e;
  background: #fff;
}
span.badge.badge-inverse, label.badge.badge-inverse {
  background: #3C454D;
}
span.badge.badge-purple, label.badge.badge-purple {
  background: #5f50c5;
}
span.badge.badge-primary, label.badge.badge-primary {
  background: #2184DA;
}
span.badge.badge-info, label.badge.badge-info {
  background: #38AFD3;
}
span.badge.badge-success, label.badge.badge-success {
  background: #17B6A4;
}
span.badge.badge-lime, label.badge.badge-lime {
  background: #65C56F;
}
span.badge.badge-warning, label.badge.badge-warning {
  background: #fcaf41;
}
span.badge.badge-danger, label.badge.badge-danger {
  background: #F04B46;
}
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;
}