@font-face {
  font-family: "DS-Digital";
  src: url("../fonts/DS-DIGI.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*----------------------------------
  Font Size
------------------------------------*/
.g-font-size-10--xs {
  font-size: 0.625rem !important;
}
.g-font-size-11--xs {
  font-size: 0.6875rem !important;
}
.g-font-size-12--xs {
  font-size: 0.75rem !important;
}
.g-font-size-13--xs {
  font-size: 0.8125rem !important;
}
.g-font-size-14--xs {
  font-size: 0.875rem !important;
}
.g-font-size-15--xs {
  font-size: 0.9375rem !important;
}
.g-font-size-16--xs {
  font-size: 1rem !important;
}
.g-font-size-17--xs {
  font-size: 1.0625rem !important;
}
.g-font-size-18--xs {
  font-size: 1.125rem !important;
}
.g-font-size-19--xs {
  font-size: 1.1875rem !important;
}
.g-font-size-20--xs {
  font-size: 1.25rem !important;
}
.g-font-size-22--xs {
  font-size: 1.375rem !important;
}
.g-font-size-24--xs {
  font-size: 1.5rem !important;
}
.g-font-size-26--xs {
  font-size: 1.625rem !important;
}
.g-font-size-28--xs {
  font-size: 1.75rem !important;
}
.g-font-size-30--xs {
  font-size: 1.875rem !important;
}
.g-font-size-32--xs {
  font-size: 2rem !important;
}
.g-font-size-34--xs {
  font-size: 2.125rem !important;
}
.g-font-size-36--xs {
  font-size: 2.25rem !important;
}
.g-font-size-38--xs {
  font-size: 2.375rem !important;
}
.g-font-size-40--xs {
  font-size: 2.5rem !important;
}
.g-font-size-42--xs {
  font-size: 2.625rem !important;
}
.g-font-size-44--xs {
  font-size: 2.75rem !important;
}
.g-font-size-46--xs {
  font-size: 2.875rem !important;
}
.g-font-size-48--xs {
  font-size: 3rem !important;
}
.g-font-size-50--xs {
  font-size: 3.125rem !important;
}
.g-font-size-55--xs {
  font-size: 3.4375rem !important;
}
.g-font-size-60--xs {
  font-size: 3.75rem !important;
}
.g-font-size-65--xs {
  font-size: 4.0625rem !important;
}
.g-font-size-70--xs {
  font-size: 4.375rem !important;
}
.g-font-size-75--xs {
  font-size: 4.6875rem !important;
}
.g-font-size-80--xs {
  font-size: 5rem !important;
}
.g-font-size-85--xs {
  font-size: 5.3125rem !important;
}
.g-font-size-90--xs {
  font-size: 5.625rem !important;
}
.g-font-size-95--xs {
  font-size: 5.9375rem !important;
}
.g-font-size-100--xs {
  font-size: 6.25rem !important;
}
.g-font-size-105--xs {
  font-size: 6.5625rem !important;
}
.g-font-size-110--xs {
  font-size: 6.875rem !important;
}
.g-font-size-115--xs {
  font-size: 7.1875rem !important;
}
.g-font-size-120--xs {
  font-size: 7.5rem !important;
}
.g-font-size-125--xs {
  font-size: 7.8125rem !important;
}
.g-font-size-130--xs {
  font-size: 8.125rem !important;
}
.g-font-size-135--xs {
  font-size: 8.4375rem !important;
}
.g-font-size-140--xs {
  font-size: 8.75rem !important;
}
.g-font-size-145--xs {
  font-size: 9.0625rem !important;
}
.g-font-size-150--xs {
  font-size: 9.375rem !important;
}
/* Small screen / phone */
@media (min-width: 34em) {
  .g-font-size-10--sm {
    font-size: 0.625rem !important;
  }
  .g-font-size-11--sm {
    font-size: 0.6875rem !important;
  }
  .g-font-size-12--sm {
    font-size: 0.75rem !important;
  }
  .g-font-size-13--sm {
    font-size: 0.8125rem !important;
  }
  .g-font-size-14--sm {
    font-size: 0.875rem !important;
  }
  .g-font-size-15--sm {
    font-size: 0.9375rem !important;
  }
  .g-font-size-16--sm {
    font-size: 1rem !important;
  }
  .g-font-size-17--sm {
    font-size: 1.0625rem !important;
  }
  .g-font-size-18--sm {
    font-size: 1.125rem !important;
  }
  .g-font-size-19--sm {
    font-size: 1.1875rem !important;
  }
  .g-font-size-20--sm {
    font-size: 1.25rem !important;
  }
  .g-font-size-22--sm {
    font-size: 1.375rem !important;
  }
  .g-font-size-24--sm {
    font-size: 1.5rem !important;
  }
  .g-font-size-26--sm {
    font-size: 1.625rem !important;
  }
  .g-font-size-28--sm {
    font-size: 1.75rem !important;
  }
  .g-font-size-30--sm {
    font-size: 1.875rem !important;
  }
  .g-font-size-32--sm {
    font-size: 2rem !important;
  }
  .g-font-size-34--sm {
    font-size: 2.125rem !important;
  }
  .g-font-size-36--sm {
    font-size: 2.25rem !important;
  }
  .g-font-size-38--sm {
    font-size: 2.375rem !important;
  }
  .g-font-size-40--sm {
    font-size: 2.5rem !important;
  }
  .g-font-size-42--sm {
    font-size: 2.625rem !important;
  }
  .g-font-size-44--sm {
    font-size: 2.75rem !important;
  }
  .g-font-size-46--sm {
    font-size: 2.875rem !important;
  }
  .g-font-size-48--sm {
    font-size: 3rem !important;
  }
  .g-font-size-50--sm {
    font-size: 3.125rem !important;
  }
  .g-font-size-55--sm {
    font-size: 3.4375rem !important;
  }
  .g-font-size-60--sm {
    font-size: 3.75rem !important;
  }
  .g-font-size-65--sm {
    font-size: 4.0625rem !important;
  }
  .g-font-size-70--sm {
    font-size: 4.375rem !important;
  }
  .g-font-size-75--sm {
    font-size: 4.6875rem !important;
  }
  .g-font-size-80--sm {
    font-size: 5rem !important;
  }
  .g-font-size-85--sm {
    font-size: 5.3125rem !important;
  }
  .g-font-size-90--sm {
    font-size: 5.625rem !important;
  }
  .g-font-size-95--sm {
    font-size: 5.9375rem !important;
  }
  .g-font-size-100--sm {
    font-size: 6.25rem !important;
  }
  .g-font-size-105--sm {
    font-size: 6.5625rem !important;
  }
  .g-font-size-110--sm {
    font-size: 6.875rem !important;
  }
  .g-font-size-115--sm {
    font-size: 7.1875rem !important;
  }
  .g-font-size-120--sm {
    font-size: 7.5rem !important;
  }
  .g-font-size-125--sm {
    font-size: 7.8125rem !important;
  }
  .g-font-size-130--sm {
    font-size: 8.125rem !important;
  }
  .g-font-size-135--sm {
    font-size: 8.4375rem !important;
  }
  .g-font-size-140--sm {
    font-size: 8.75rem !important;
  }
  .g-font-size-145--sm {
    font-size: 9.0625rem !important;
  }
  .g-font-size-150--sm {
    font-size: 9.375rem !important;
  }
}
/* Medium screen / tablet */
@media (min-width: 48em) {
  .g-font-size-10--md {
    font-size: 0.625rem !important;
  }
  .g-font-size-11--md {
    font-size: 0.6875rem !important;
  }
  .g-font-size-12--md {
    font-size: 0.75rem !important;
  }
  .g-font-size-13--md {
    font-size: 0.8125rem !important;
  }
  .g-font-size-14--md {
    font-size: 0.875rem !important;
  }
  .g-font-size-15--md {
    font-size: 0.9375rem !important;
  }
  .g-font-size-16--md {
    font-size: 1rem !important;
  }
  .g-font-size-17--md {
    font-size: 1.0625rem !important;
  }
  .g-font-size-18--md {
    font-size: 1.125rem !important;
  }
  .g-font-size-19--md {
    font-size: 1.1875rem !important;
  }
  .g-font-size-20--md {
    font-size: 1.25rem !important;
  }
  .g-font-size-22--md {
    font-size: 1.375rem !important;
  }
  .g-font-size-24--md {
    font-size: 1.5rem !important;
  }
  .g-font-size-26--md {
    font-size: 1.625rem !important;
  }
  .g-font-size-28--md {
    font-size: 1.75rem !important;
  }
  .g-font-size-30--md {
    font-size: 1.875rem !important;
  }
  .g-font-size-32--md {
    font-size: 2rem !important;
  }
  .g-font-size-34--md {
    font-size: 2.125rem !important;
  }
  .g-font-size-36--md {
    font-size: 2.25rem !important;
  }
  .g-font-size-38--md {
    font-size: 2.375rem !important;
  }
  .g-font-size-40--md {
    font-size: 2.5rem !important;
  }
  .g-font-size-42--md {
    font-size: 2.625rem !important;
  }
  .g-font-size-44--md {
    font-size: 2.75rem !important;
  }
  .g-font-size-46--md {
    font-size: 2.875rem !important;
  }
  .g-font-size-48--md {
    font-size: 3rem !important;
  }
  .g-font-size-50--md {
    font-size: 3.125rem !important;
  }
  .g-font-size-55--md {
    font-size: 3.4375rem !important;
  }
  .g-font-size-60--md {
    font-size: 3.75rem !important;
  }
  .g-font-size-65--md {
    font-size: 4.0625rem !important;
  }
  .g-font-size-70--md {
    font-size: 4.375rem !important;
  }
  .g-font-size-75--md {
    font-size: 4.6875rem !important;
  }
  .g-font-size-80--md {
    font-size: 5rem !important;
  }
  .g-font-size-85--md {
    font-size: 5.3125rem !important;
  }
  .g-font-size-90--md {
    font-size: 5.625rem !important;
  }
  .g-font-size-95--md {
    font-size: 5.9375rem !important;
  }
  .g-font-size-100--md {
    font-size: 6.25rem !important;
  }
  .g-font-size-105--md {
    font-size: 6.5625rem !important;
  }
  .g-font-size-110--md {
    font-size: 6.875rem !important;
  }
  .g-font-size-115--md {
    font-size: 7.1875rem !important;
  }
  .g-font-size-120--md {
    font-size: 7.5rem !important;
  }
  .g-font-size-125--md {
    font-size: 7.8125rem !important;
  }
  .g-font-size-130--md {
    font-size: 8.125rem !important;
  }
  .g-font-size-135--md {
    font-size: 8.4375rem !important;
  }
  .g-font-size-140--md {
    font-size: 8.75rem !important;
  }
  .g-font-size-145--md {
    font-size: 9.0625rem !important;
  }
  .g-font-size-150--md {
    font-size: 9.375rem !important;
  }
}
/* Extra large screen / wide desktop */
@media (min-width: 62em) {
  .g-font-size-10--lg {
    font-size: 0.625rem !important;
  }
  .g-font-size-11--lg {
    font-size: 0.6875rem !important;
  }
  .g-font-size-12--lg {
    font-size: 0.75rem !important;
  }
  .g-font-size-13--lg {
    font-size: 0.8125rem !important;
  }
  .g-font-size-14--lg {
    font-size: 0.875rem !important;
  }
  .g-font-size-15--lg {
    font-size: 0.9375rem !important;
  }
  .g-font-size-16--lg {
    font-size: 1rem !important;
  }
  .g-font-size-17--lg {
    font-size: 1.0625rem !important;
  }
  .g-font-size-18--lg {
    font-size: 1.125rem !important;
  }
  .g-font-size-19--lg {
    font-size: 1.1875rem !important;
  }
  .g-font-size-20--lg {
    font-size: 1.25rem !important;
  }
  .g-font-size-22--lg {
    font-size: 1.375rem !important;
  }
  .g-font-size-24--lg {
    font-size: 1.5rem !important;
  }
  .g-font-size-26--lg {
    font-size: 1.625rem !important;
  }
  .g-font-size-28--lg {
    font-size: 1.75rem !important;
  }
  .g-font-size-30--lg {
    font-size: 1.875rem !important;
  }
  .g-font-size-32--lg {
    font-size: 2rem !important;
  }
  .g-font-size-34--lg {
    font-size: 2.125rem !important;
  }
  .g-font-size-36--lg {
    font-size: 2.25rem !important;
  }
  .g-font-size-38--lg {
    font-size: 2.375rem !important;
  }
  .g-font-size-40--lg {
    font-size: 2.5rem !important;
  }
  .g-font-size-42--lg {
    font-size: 2.625rem !important;
  }
  .g-font-size-44--lg {
    font-size: 2.75rem !important;
  }
  .g-font-size-46--lg {
    font-size: 2.875rem !important;
  }
  .g-font-size-48--lg {
    font-size: 3rem !important;
  }
  .g-font-size-50--lg {
    font-size: 3.125rem !important;
  }
  .g-font-size-55--lg {
    font-size: 3.4375rem !important;
  }
  .g-font-size-60--lg {
    font-size: 3.75rem !important;
  }
  .g-font-size-65--lg {
    font-size: 4.0625rem !important;
  }
  .g-font-size-70--lg {
    font-size: 4.375rem !important;
  }
  .g-font-size-75--lg {
    font-size: 4.6875rem !important;
  }
  .g-font-size-80--lg {
    font-size: 5rem !important;
  }
  .g-font-size-85--lg {
    font-size: 5.3125rem !important;
  }
  .g-font-size-90--lg {
    font-size: 5.625rem !important;
  }
  .g-font-size-95--lg {
    font-size: 5.9375rem !important;
  }
  .g-font-size-100--lg {
    font-size: 6.25rem !important;
  }
  .g-font-size-105--lg {
    font-size: 6.5625rem !important;
  }
  .g-font-size-110--lg {
    font-size: 6.875rem !important;
  }
  .g-font-size-115--lg {
    font-size: 7.1875rem !important;
  }
  .g-font-size-120--lg {
    font-size: 7.5rem !important;
  }
  .g-font-size-125--lg {
    font-size: 7.8125rem !important;
  }
  .g-font-size-130--lg {
    font-size: 8.125rem !important;
  }
  .g-font-size-135--lg {
    font-size: 8.4375rem !important;
  }
  .g-font-size-140--lg {
    font-size: 8.75rem !important;
  }
  .g-font-size-145--lg {
    font-size: 9.0625rem !important;
  }
  .g-font-size-150--lg {
    font-size: 9.375rem !important;
  }
}
.dotted-line {
  border-bottom: 1px dotted #ccc;
}
.bg-info-tr {
  background-color: #dff0f5 !important;
}
.bg-danger-tr {
  background-color: #dceedf !important;
}
.bg-warning-tr {
  background-color: #fcfada !important;
}
.bg-success-tr {
  background-color: #fadada !important;
}
.info-box-mine {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
  min-height: 30px;
  position: relative;
  width: 100%;
}
.callout-mine {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  background-color: #fff;
  border-left: 5px solid #e9ecef;
  margin-bottom: 10px;
  padding: 1rem;
}
.callout.callout-info {
  border-left-color: #117a8b;
}
.menu-type-img-small {
  border: 1px solid #adb5bd;
  margin: 0 auto;
  padding: 3px;
  width: 50px;
}
.staff-duty-img-small {
  margin: 0 auto;
  width: 80px;
}
.late {
  border: 2px solid #dc3545;
  padding: 3px;
}
.ontime {
  border: 2px solid #414042;
  padding: 3px;
}
.nav-pos .nav-link {
  padding-left: 40px;
  padding-right: 40px;
  height: 70px;
  font-size: 26px;
  text-align: center;
  line-height: 50px;
  margin-right: 20px;
  border: 1px solid #414042;
}
.nav-pos .nav-link:hover {
  background-color: #414042;
  color: #fff;
}
.nav-pos .nav-link.active {
  background-color: #414042;
  color: #fff;
}
.nav-pos-small .nav-link {
  padding-left: 40px;
  padding-right: 40px;
  height: 70px;
  font-size: 26px;
  text-align: center;
  line-height: 50px;
  margin-right: 20px;
  border: 1px solid #414042;
}
.nav-pos-small .nav-link:hover {
  background-color: #ccc;
  color: #fff;
}
.nav-pos-small .nav-link.active {
  background-color: #ccc;
  color: #fff;
}
/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/
#upload {
  opacity: 0;
}
#upload-label {
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
}
.image-area {
  border: 2px dashed #ccc;
  padding: 1rem;
  position: relative;
}
.image-area::before {
  content: "Uploaded image result";
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.8rem;
  z-index: 1;
}
.image-area img {
  z-index: 2;
  position: relative;
}
.invoice-title {
  width: 100%;
  height: 200px;
  background-color: #2eca6a;
}
.card2 {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 0 solid rgba(0, 0, 0, 0.125);
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.card2 > hr {
  margin-right: 0;
  margin-left: 0;
}
.card2 > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card2 > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.25rem - 0);
  border-top-right-radius: calc(0.25rem - 0);
}
.card2 > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.25rem - 0);
  border-bottom-left-radius: calc(0.25rem - 0);
}
.card2 > .card2-header + .list-group,
.card2 > .list-group + .card2-footer {
  border-top: 0;
}
.card2-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}
.card2-title {
  margin-bottom: 0.75rem;
}
.card2-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}
.card2-text:last-child {
  margin-bottom: 0;
}
.card2-link:hover {
  text-decoration: none;
}
.card2-link + .card2-link {
  margin-left: 1.25rem;
}
.card2-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 0 solid rgba(0, 0, 0, 0.125);
}
.card2-header:first-child {
  border-radius: calc(0.25rem - 0) calc(0.25rem - 0) 0 0;
}
.card2-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 0 solid rgba(0, 0, 0, 0.125);
}
.card2-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 0) calc(0.25rem - 0);
}
.card2-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}
.card2-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
.card2-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  border-radius: calc(0.25rem - 0);
}
.card2-img,
.card2-img-top,
.card2-img-bottom {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
}
.card2-img,
.card2-img-top {
  border-top-left-radius: calc(0.25rem - 0);
  border-top-right-radius: calc(0.25rem - 0);
}
.card2-img,
.card2-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 0);
  border-bottom-left-radius: calc(0.25rem - 0);
}
.card2-deck .card2 {
  margin-bottom: 7.5px;
}
@media (min-width: 576px) {
  .card2-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -7.5px;
    margin-left: -7.5px;
  }
  .card2-deck .card2 {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-right: 7.5px;
    margin-bottom: 0;
    margin-left: 7.5px;
  }
}
.card2-group > .card2 {
  margin-bottom: 7.5px;
}
@media (min-width: 576px) {
  .card2-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .card2-group > .card2 {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card2-group > .card2 + .card2 {
    margin-left: 0;
    border-left: 0;
  }
  .card2-group > .card2:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card2-group > .card2:not(:last-child) .card2-img-top,
  .card2-group > .card2:not(:last-child) .card2-header {
    border-top-right-radius: 0;
  }
  .card2-group > .card2:not(:last-child) .card2-img-bottom,
  .card2-group > .card2:not(:last-child) .card2-footer {
    border-bottom-right-radius: 0;
  }
  .card2-group > .card2:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card2-group > .card2:not(:first-child) .card2-img-top,
  .card2-group > .card2:not(:first-child) .card2-header {
    border-top-left-radius: 0;
  }
  .card2-group > .card2:not(:first-child) .card2-img-bottom,
  .card2-group > .card2:not(:first-child) .card2-footer {
    border-bottom-left-radius: 0;
  }
}
.card2-columns .card2 {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .card2-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card2-columns .card2 {
    display: inline-block;
    width: 100%;
  }
}
.accordion {
  overflow-anchor: none;
}
.accordion > .card2 {
  overflow: hidden;
}
.accordion > .card2:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion > .card2:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion > .card2 > .card2-header {
  border-radius: 0;
  margin-bottom: 0;
}
.rating {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
}
.rating > input {
  display: none;
}
.rating > label {
  position: relative;
  width: 1em;
  font-size: 6vw;
  color: #ffd600;
  cursor: pointer;
}
.rating > label::before {
  content: "\2605";
  position: absolute;
  opacity: 0;
}
.rating > label:hover:before,
.rating > label:hover ~ label:before {
  opacity: 1 !important;
}
.rating > input:checked ~ label:before {
  opacity: 1;
}
.rating:hover > input:checked ~ label:before {
  opacity: 0.4;
}
.dashed-line {
  border-bottom-: 2px dashed #ccc;
}
.font-lite {
  font-weight: 300;
}
.time {
  font-family: "DS-Digital", sans-serif;
  font-size: 18px;
  text-align: center;
}
.swal2-title {
  font-size: 14px;
}
.swal2-popup .swal2-text {
  font-size: 12px;
}
.control-sidebar {
  width: 500px;
  padding: 10px;
}
.nav-sidebar .nav-item.open > a i.fas:before {
  content: "\f00d";
}
.cookie-consent {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #f2f2f2;
  padding: 20px;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.5);
  z-index: 9999;
}
.cookie-consent p {
  font-size: 14px;
  margin: 0;
}
.search {
  width: 100%;
  margin-bottom: auto;
  margin-top: 20px;
  height: 50px;
  background-color: #fff;
  padding: 10px;
  border-radius: 5px;
}
.search-input {
  color: white;
  border: 0;
  outline: 0;
  background: none;
  width: 0;
  margin-top: 5px;
  caret-color: transparent;
  line-height: 20px;
  transition: width 0.4s linear;
}
.search .search-input {
  padding: 0 10px;
  width: 100%;
  caret-color: #536bf6;
  font-size: 19px;
  font-weight: 300;
  color: black;
  transition: width 0.4s linear;
}
.search-icon {
  height: 34px;
  width: 34px;
  float: right;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  background-color: #536bf6;
  font-size: 10px;
  bottom: 30px;
  position: relative;
  border-radius: 5px;
}
.search-icon:hover {
  color: #fff !important;
}
a:link {
  text-decoration: none;
}
.card-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  border: none;
  cursor: pointer;
  transition: all 2s;
}
.card-inner:hover {
  transform: scale(1.1);
}
.mg-text span {
  font-size: 12px;
}
.mg-text {
  line-height: 14px;
}
/* Add custom styles for the spinner and modal */
#processing-modal .fa-spinner {
  font-size: 3rem;
  color: #414042; /* Green color */
}
#processing-modal h4 {
  margin-top: 1rem;
  color: #333; /* Text color */
}
.capitalize {
  text-transform: capitalize;
}

.small-list .list-group-item {
  font-size: 14px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Adjust the padding as needed */
  margin: 0;
}

.fw-bold {
  font-weight: 700;
}

.bg-tb-primary {
  background-color: #DFF0F5 !important;
}

.bg-tb-info {
  background-color: #DCEEDF !important;
}

.bg-tb-success {
  background-color: #DCEEDF !important;
}

.bg-tb-warning {
  background-color: #FCFADA !important;
}

.bg-tb-danger {
  background-color: #FADADA !important;
}

.bg-tb-default {
  background-color: #B9B9C8 !important;
}

.bg-pending {
  background-color: #FFCC00 !important; /* yellow */
}

.bg-booked {
  background-color: #1E90FF !important; /* blue */
}

.bg-in-transit {
  background-color: #008000 !important; /* green */
}

.bg-customs-clearance {
  background-color: #FF6347 !important; /* tomato */
}

.bg-arrived {
  background-color: #0000FF !important; /* blue */
}

.bg-delivered {
  background-color: #32CD32 !important; /* lime green */
}

.bg-out-for-delivery {
  background-color: #FFD700 !important; /* gold */
}

.bg-awaiting-pickup {
  background-color: #8B4513 !important; /* brown */
}

.bg-in-warehouse {
  background-color: #D3D3D3 !important; /* light gray */
}

.bg-on-hold {
  background-color: #FF4500 !important; /* orange-red */
}

.bg-cancelled {
  background-color: #FF0000 !important; /* red */
}

.bg-damaged {
  background-color: #A52A2A !important; /* brown */
}

.bg-delivered-to-wrong-address {
  background-color: #DC143C !important; /* crimson */
}

.bg-returned-to-sender {
  background-color: #B22222 !important; /* firebrick */
}

.bg-completed {
  background-color: #228B22 !important; /* forest green */
}


#pdf-preview {
    max-width: 150px;
    height: auto;
}

.profile-img {
  border: 1px solid #111B41;
  padding: 3px;
}