@use '@carbon/styles/scss/spacing';
@use '@carbon/styles/scss/type';
@import "~@openmrs/esm-styleguide/src/vars";

$ui-01: #f4f4f4;
$ui-02: #ffffff;
$ui-03: #e0e0e0;
$ui-05: #161616;
$ui-background: #ffffff;
$color-gray-70: #525252;
$color-blue-60-2: #0f62fe;
$color-yellow-50: #feecae;
$inverse-support-03: #f1c21b;
$warning-background: #fff8e1;
$openmrs-background-grey: #f4f4f4;
$danger: #da1e28;
$interactive-01: #0f62fe;
$brand-teal-01: #3197D9;
$ohri-input-width: 22.313rem;
$ohri-home-background: #ededed;
$button-primary: #0078A6;

.productiveHeading01 {
  @include type.type-style("heading-compact-01");
}

.productiveHeading02 {
  @include type.type-style("heading-compact-02");
}

.productiveHeading03 {
  @include type.type-style("heading-03");
}

.productiveHeading04 {
  @include type.type-style("heading-04");
}

.productiveHeading05 {
  @include type.type-style("heading-05");
}

.productiveHeading06 {
  @include type.type-style("heading-06");
}

.bodyShort01 {
  @include type.type-style("body-compact-01");
}

.helperText01 {
  @include type.type-style("helper-text-01");
}

.bodyShort02 {
  @include type.type-style("body-compact-02");
}

.bodyLong01 {
  @include type.type-style("body-01");
}

.bodyLong02 {
  @include type.type-style("body-02");
}

.label01 {
  @include type.type-style("label-01");
}

.text02 {
  color: $text-02;
}

aside {
   background-color: $ui-02 !important;
}

// Login Overrides

div[class*='-esm-login__styles__center'] > img {
  width: 140px; // design has 120px
}

:global(.tab-12rem) > button {
  width: 12rem !important;
}

:global(.tab-14rem) > button {
  width: 14rem !important;
}

:global(.tab-16rem) > button {
  width: 16rem !important;
}

:global(.cds--overflow-menu) > div {
  width: 15rem !important;
}

div[class*='-esm-patient-vitals__vitals-header__default-border'] {
  display: flex !important;
  background-color: white !important;
}

div[class*='-esm-patient-vitals__vitals-header__warning-border'] {
  display: flex !important;
  background-color: white !important;
  border-color: #d5cfcf;
}

div[class*='-esm-patient-vitals__vitals-header__vitals-header'] {
  background-color: white !important;
}

div[class*='-esm-patient-vitals__vitals-header__warning-background'] {
  border-left: #949492 !important;
}

div[class*='-esm-patient-vitals__vitals-header__warning-icon___GHya2'] {
  display: none !important;
}

div[class*='-esm-patient-vitals__vitals-header__row'] {
  flex: 1 !important;
}