.swal-title-1 .swal-title {
  font-size: 22px !important;
  font-family: system-ui, sans-serif !important;
}

.font-system-ui {
  font-family: system-ui, sans-serif !important;
}

.customer-note-color {
  color: #c59205 !important;
}

.cus-sidebar {
  background: #c26f02 !important;
}

.cus-sidebar .navigation > li.active {
  background:#884a0b;
  color: #fafafa;
}

.cus-sidebar .navigation > li.active > a:focus {
  background:#884a0b;
  color: #fafafa;
}

.cus-orange-dark {
  border-color: #884a0b !important;
}

.cus-orange-light {
  border-color: #c26f02 !important;
}

.orange-logout {
  color: #c26f02 !important;
}

.cus-panel-title {
  color:#884a0b !important;
  text-align: left !important;
  padding: 10px;
}

.cus-panel-heading {
  border-bottom: 1px solid #c26f02 !important;
  padding: 10px 25px;
}

.cus-custom-warning {
    background-color: #c26f02 !important;
    border-color: #c26f02 !important;
    color: white !important;
    font-size: 15px;
}

.sidebar-admin {
  background: #272A4B !important;
}

.sidebar-admin .navigation > li.active {
  background:#235F85;
  color: #fafafa;
}

.sidebar-admin .navigation > li.active > a:focus {
  background:#235F85;
  color: #fafafa;
}

.orange-dark {
  border-color: #272A4B !important;
}

.orange-light {
  border-color: #272A4B !important;
}

.blue-logout {
  color: #272A4B !important;
}

.panel-title {
  color:#272A4B !important;
  text-align: left !important;
  padding: 10px;
}

.panel-heading {
  border-bottom: 1px solid #272A4B !important;
  padding: 10px 25px;
}

.custom-warning {
  background-color: #272A4B !important;
  border-color: #272A4B !important;
  color: white !important;
  font-size: 15px;
}

.submit-padding {
  padding: 20px !important;
}

.export-order .navigation > li.active {
  background:#7A8088FF;
  color: #fafafa;
}

.export-order .navigation > li.active > a:focus {
  background:#7A8088FF;
  color: #fafafa;
}

.finance .navigation > li.active {
  background:#3E8195FF;
  color: #fafafa;
}

.finance .navigation > li.active > a:focus {
  background:#3E8195FF;
  color: #fafafa;
}

.admin .navigation > li.active {
  background:#2A4A77FF;
  color: #fafafa;
}

.admin .navigation > li.active > a:focus {
  background:#2A4A77FF;
  color: #fafafa;
}

.orders .navigation > li.active {
  background:#16182EFF;
  color: #fafafa;
}

.orders .navigation > li.active > a:focus {
  background:#16182EFF;
  color: #fafafa;
}

.mobile-app .navigation > li.active {
  background:#C67101FF;
  color: #fafafa;
}

.mobile-app .navigation > li.active > a:focus {
  background:#C67101FF;
  color: #fafafa;
}

.invoices .navigation > li.active {
  background:#927805FF;
  color: #fafafa;
}

.invoices .navigation > li.active > a:focus {
  background:#927805FF;
  color: #fafafa;
}

.cases .navigation > li.active {
  background:#7A5A3EFF;
  color: #fafafa;
}

.cases .navigation > li.active > a:focus {
  background:#7A5A3EFF;
  color: #fafafa;
}

.delivery .navigation > li.active {
  background:#731212FF;
  color: #fafafa;
}

.delivery .navigation > li.active > a:focus {
  background:#731212FF;
  color: #fafafa;
}

.customers .navigation > li.active {
  background:#4D125EFF;
  color: #fafafa;
}

.customers .navigation > li.active > a:focus {
  background:#4D125EFF;
  color: #fafafa;
}

.report .navigation > li.active {
  background:#80864DFF;
  color: #fafafa;
}

.report .navigation > li.active > a:focus {
  background:#80864DFF;
  color: #fafafa;
}

.hover-steps-container {
  position: relative;
}

.hover-steps-container:hover .hover-steps-content {
  visibility: visible;
  opacity: 1;
}

.hover-steps-content {
  visibility: hidden;
  opacity: 0;
  transition: all 0.3 linear;
  position: absolute;
  bottom: 5px;
    right: -5px;
  z-index: 1000;
  background-color: #fff;
  border: 1px solid #e4e7ed;
  border-radius: 8px !important;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  padding: 8px 16px;
  width: 165;
}


.popover-steps-arrow {
  position: absolute;
  top: -7px;
  right: 85px;
  z-index: 3000;
  height: 13px;
  width: 13px;
  border-radius: 0px;
  border: 1px solid #e4e7ed;
  background: #fff;
  transform: rotate(45deg);
  border-bottom: none;
  border-right: none;
}

.popover-steps-arrow-left {
  position: absolute;
  top: 25px;
  left: -7px;
  z-index: 3000;
  height: 13px;
  width: 13px;
  border-radius: 0px;
  border: 1px solid #e4e7ed;
  background: #fff;
  transform: rotate(-45deg);
  border-bottom: none;
  border-right: none;
}

.stepper__step {
  height: 140px !important;
}

/* Customer device and profile icons */
.customer-device-icon {
  font-size: 16px;
}

.customer-profile-image {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 5px;
}