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

.prescriptionTile {
  width: 100%;
  margin: 2px 0 8px;
  padding: 0 8px 0 8px;
  background-color: #fff;
  border-left: 4px solid var(--brand-03);
  color: $text-02;
  margin-bottom: 1rem !important;
}

.prescriptionContainer {
  display: flex;
  flex-direction: column;
  max-width: 80%;
  margin-bottom: 1rem;

  &:global(.cds--tile) {
    min-height: 3rem !important;
    padding-left: 10px !important;
  }
}

.prescriptionContainer > :global(.cds--tile) {
  min-height: 3rem !important;
  padding-left: 10px !important;
  margin: auto;
}

.allergiesTile {
  width: 100%;
  height: 24px;
  padding: 0 8px 0 0;
  border-left: 4px solid  #f1c21b;
  background-color: rgba(253, 209, 58, 0.3);
  margin: auto;
}

.allergesContent {
  margin: auto;
  padding-top: 10px;

  div {
    display: flex;
    flex-direction: row;
  }

  p {
    margin-left: 10px;
    font-size: 0.9rem;
    width: 80%;
  }

  a {
    margin: auto;
    color: #0f62fe;
    text-decoration: none;
    text-align: right;
  }
}

svg.allergiesIcon {
  fill: #f1c21b;
  vertical-align: middle;
}