.container > .navbar-brand {
    color: #f8f9fa;
}
.blink_me {
  animation: blinker 3s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.custom-btn-primary {
  background: var(--custom-btn-bg-color) !important;
  border: 2px solid transparent !important;
  border-radius: var(--border-radius-large) !important;
  color: var(--white-color) !important;
  font-size: var(--btn-font-size) !important;
  font-weight: var(--font-weight-semibold) !important;
  line-height: normal !important;
  transition: all 0.3s !important;
  padding: 10px 20px !important;
}

.custom-btn-primary:hover {
  background: var(--custom-btn-bg-hover-color) !important;
  color: var(--white-color) !important;
}

.custom-border-btn-primary {
  /*background: transparent;*/
  background: #ffff !important;
  border: 2px solid var(--custom-btn-bg-color) !important;
  color: var(--custom-btn-bg-color) !important;
}

.custom-border-btn-primary:hover {
  background: var(--custom-btn-bg-color) !important;
  border-color: transparent !important;
  color: var(--white-color) !important;
}

.custom-btn-primary-bg-white {
  border-color: var(--white-color) !important;
  color: var(--white-color) !important;
} 

.custom-btn-success {
  background: #225a17 !important;
  border: 2px solid transparent !important;
  border-radius: var(--border-radius-large) !important;
  color: var(--white-color) !important;
  font-size: var(--btn-font-size) !important;
  font-weight: var(--font-weight-semibold) !important;
  line-height: normal !important;
  transition: all 0.3s !important;
  padding: 10px 20px !important;
}

.custom-btn-success:hover {
  background: var(--custom-btn-bg-hover-color) !important;
  color: var(--white-color) !important;
}

.custom-border-btn-success {
  /*background: transparent;*/
  background: #ffff !important;
  border: 2px solid #225a17 !important;
  color: #225a17 !important;
}

.custom-border-btn-success:hover {
  background: #225a17 !important;
  border-color: transparent !important;
  color: var(--white-color) !important;
}

.custom-btn-success-bg-white {
  border-color: var(--white-color) !important;
  color: var(--white-color) !important;
} 

.pagetitle {
  background-color: var(--section-bg-color);
  border-radius: var(--border-radius-small);
  font-family: var(--title-font-family);
  font-size: var(--h4-font-size);
  font-weight: var(--font-weight-bold);
  display: inline-block;
  text-align: center;
  margin: 30px;
  padding: 15px;
  width: 100%;
  height: 84px;
}
#pageorder{
  margin: 30px;
}