body.vertical-layout.vertical-menu-modern .horizontal-menu-wrapper {
  display: none;
}

.horizontal-menu > .main-menu {
  display: none;
}
.horizontal-menu .fixed-top {
  left: 0;
}

html body.navbar-static .app-content .header-navbar {
  background: transparent;
  box-shadow: none !important;
}

@media (max-width: 575.98px) {
  body.vertical-layout:not(.horizontal-layout).navbar-floating .header-navbar {
    margin-left: 1.2rem;
    margin-right: 1.2rem;
  }
}
.border-purple {
  border-color: #7367f0 !important;
}

.bg-purple {
  background: #7367f0 !important;
}

.text-purple {
  color: #7367f0 !important;
}

.border-yellow {
  border-color: #ffc107 !important;
}

.bg-yellow {
  background: #ffc107 !important;
}

.text-yellow {
  color: #ffc107 !important;
}

.border-orange {
  border-color: #ff9f43 !important;
}

.bg-orange {
  background: #ff9f43 !important;
}

.text-orange {
  color: #ff9f43 !important;
}

.border-green {
  border-color: #28c76f !important;
}

.bg-green {
  background: #28c76f !important;
}

.text-green {
  color: #28c76f !important;
}

.border-blue {
  border-color: #00cfe8 !important;
}

.bg-blue {
  background: #00cfe8 !important;
}

.text-blue {
  color: #00cfe8 !important;
}

.step.step-status {
  width: 11rem;
  overflow: hidden;
  text-overflow: ellipsis;
}