.navbar {
  z-index: 100;
}

#badge {
  padding-top: 0.15em !important;
  padding-right: 0.3em !important;
  padding-bottom: 0.15em !important;
  padding-left: 0.3em !important;
  font-size: 60% !important;
  background-color: red;
  color: white;
}

.btn-custom {
  width: 80px;
  background-color: #ffffff;
  border-bottom: 2px solid #F8931F;
  border-right: 0.1px solid #dee2e6;
  border-top: 0.1px solid #dee2e6;
  border-left: 0.1px solid #dee2e6;
}

.btn-custom:hover {
  opacity: 0.8;
  border-bottom: none;
  box-shadow: 2px 2px 5px #f8931f !important;
}

.text-custom {
  color: #F8931F;
}

.btn-wrap-text {
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
}
.navbar-shortcut-actions {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  scrollbar-width: none;
}

.navbar-shortcut-actions::-webkit-scrollbar {
  display: none;
}

.navbar-shortcut-actions .btn-box {
  flex: 0 0 auto;
}
@media (max-width: 991.98px) {
  .kasair-navbar {
    height: auto;
    padding: 12px 16px;
  }

  .navbar-shortcut-actions {
    padding-bottom: 4px;
  }
}