html {
  font-family: "kiro", serif;
}

.border-obex-green {
  border-color: #228612;
}

.text-obex-green {
  color: #228612;
}

.bg-obex-green {
  background-color: #228612;
}

.border-obex-red {
  border-color: #C51111;
}

.text-obex-red {
  color: #C51111;
}

.bg-obex-red {
  background-color: #C51111;
}

.border-obex-orange {
  border-color: #FF5100;
}

.text-obex-orange {
  color: #FF5100;
}

.bg-obex-orange {
  background-color: #FF5100;
}

.border-obex-gray-200 {
  border-color: #E6E6E6;
}

.text-obex-gray-200 {
  color: #E6E6E6;
}

.bg-obex-gray-200 {
  background-color: #E6E6E6;
}

.border-obex-gray-700 {
  border-color: #3B3B3B;
}

.text-obex-gray-700 {
  color: #3B3B3B;
}

.bg-obex-gray-700 {
  background-color: #3B3B3B;
}

.text-size-small {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-size-normal-plus {
  font-size: 1.063rem;
}

.obex-button {
  border-radius: 9999px !important;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media (min-width: 768px) {
  .obex-button {
    font-size: 1.063rem;
  }
}
.obex-button--primary, .obex-button--danger, .obex-button--success {
  color: white;
  padding: 12px 24px;
}
.obex-button--primary.obex-button--disabled, .obex-button--danger.obex-button--disabled, .obex-button--success.obex-button--disabled {
  background-color: #CDCDCD !important;
  color: white !important;
}
@media (min-width: 768px) {
  .obex-button--primary, .obex-button--danger, .obex-button--success {
    padding: 12px 32px;
  }
}
.obex-button--secondary, .obex-button--cancel {
  color: #863399;
  border: 2px solid #863399 !important;
  padding: 10px 22px;
}
.obex-button--secondary.obex-button--disabled, .obex-button--cancel.obex-button--disabled {
  border-color: #CDCDCD !important;
  background-color: #CDCDCD;
  color: white !important;
}
@media (min-width: 768px) {
  .obex-button--secondary, .obex-button--cancel {
    padding: 10px 30px;
  }
}
.obex-button--text, .obex-button--link {
  color: black;
}
.obex-button--text:hover, .obex-button--link:hover {
  background: inherit;
}
.obex-button--link {
  text-decoration: underline;
}
@media (min-width: 768px) {
  .obex-button--small {
    padding: 6px 12px;
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
.obex-button--full-width {
  width: 100%;
}
.obex-button--icon .mud-icon-root {
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.obex-button--small.obex-button--icon .mud-icon-root {
  line-height: 1rem;
  font-size: 1rem;
}

.obex-action-bar .obex-button {
  width: 100%;
}
.obex-action-bar .obex-button--cancel {
  width: auto;
}

.obex-button-group--in-modal .obex-button--primary,
.obex-button-group--in-modal .obex-button--secondary,
.obex-button-group--in-modal .obex-button--danger,
.obex-button-group--in-modal .obex-button--success {
  width: 50%;
}

@media (min-width: 768px) {
  .obex-action-bar .obex-button,
  .obex-button-group--in-modal .obex-button--primary {
    width: auto;
  }
}
.obex-form__label {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #757475;
  font-family: "kiro", serif;
  font-weight: 400;
}
.obex-form__label__required {
  color: #C51111;
}

.obex-input {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media (min-width: 768px) {
  .obex-input {
    line-height: 1rem;
    font-size: 1rem;
  }
}

.icon-delete-simple:before {
  content: "\e91b";
}

.obex-spinner {
  height: 100vh;
}

.obex-page-container .obex-spinner {
  height: 60vh;
}

.obex-page-header + .obex-spinner {
  height: 60vh;
}

.obex-input--search-bar .mud-input {
  padding-left: 11px !important;
}
@media (min-width: 768px) {
  .obex-input--search-bar .mud-input {
    padding-left: 18px !important;
  }
}
.obex-input--search-bar .mud-input-slot {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}
@media (min-width: 768px) {
  .obex-input--search-bar .mud-input-slot {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
}

.text-field-grid-content .obex-input--read-only .mud-input {
  background-color: #F9F7FA;
}

.obex-input--read-only .mud-input-outlined-border {
  border: 0 !important;
}

#component-select-product .mud-tabs {
  height: 30px;
}
#component-select-product .mud-tabs .mud-tabs-toolbar .mud-tabs-toolbar-inner {
  min-height: 30px;
}
#component-select-product .mud-tab {
  min-height: 30px;
  padding: 6px 15px;
}
#component-select-product .mud-tab.mud-tab-active {
  color: black;
}
#component-select-product .mud-tab-slider {
  background-color: black;
}
#component-select-product .mud-tab-slider.mud-tab-slider-horizontal {
  height: 3px;
}

#component-signature-display .obex-spinner {
  height: auto;
}

/*# sourceMappingURL=optima.css.map */