@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

/* SOQ action button (grid toolbar) */
.soqBtnClss {
  align-items: center;
  background-color: #147a52;
  border: 1px solid #147a52;
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.12);
  color: #ffffff;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  font-weight: 600;
  gap: 8px;
  justify-content: center;
  letter-spacing: 0.01em;
  line-height: 1.2;
  min-height: 34px;
  min-width: 84px;
  padding: 8px 16px;
  text-transform: none;
  transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

.soqBtnClss::before {
  content: "∑";
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}

.soqBtnClss:hover,
.soqBtnClss:focus {
  background-color: #0f6342;
  border-color: #0f6342;
  box-shadow: 0 4px 10px rgba(16, 24, 40, 0.16);
  color: #ffffff;
  transform: translateY(-1px);
}

/* SOQ modal submit button */
#SuggestedOrders .legendsection .btn.btn-info {
  align-items: center;
  background-color: #147a52;
  border: 1px solid #147a52;
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.12);
  color: #ffffff;
  display: inline-flex;
  font-size: 12px;
  font-weight: 600;
  gap: 8px;
  justify-content: center;
  line-height: 1.2;
  min-height: 34px;
  min-width: 96px;
  padding: 8px 16px;
  transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

#SuggestedOrders .legendsection .btn.btn-info::before {
  content: "✓";
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}

#SuggestedOrders .legendsection .btn.btn-info:hover,
#SuggestedOrders .legendsection .btn.btn-info:focus {
  background-color: #0f6342;
  border-color: #0f6342;
  box-shadow: 0 4px 10px rgba(16, 24, 40, 0.16);
  color: #ffffff;
  transform: translateY(-1px);
}

/* SOQ modal legend + submit layout */
#SuggestedOrders .legendsection {
  width: 100%;
}

#SuggestedOrders .legendsection .row {
  align-items: flex-end;
}

#SuggestedOrders .legendsection .row > .col:last-child {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin-left: auto;
  min-width: 180px;
}

#SuggestedOrders .legendsection .row > .col:last-child .btn.btn-info {
  margin-left: auto;
}