

* {
    margin: 0;padding: 0;
}

#pdf__wrapper {
    position: absolute;
    overflow: hidden;
    height: 0;
}
.pdf__pg {
    width: 612px;
    height: 792px;
    padding: 0 60px;
    position: relative;
    box-sizing: border-box;
}

.pdf__blue-bar {
    width: 100%;
    height: 10px;
    background-color: var(--brand-primary);
}

.pdf__pg-heading {
    font-family: var(--font-interstate);
    font-size: 20px;
    font-style: normal;
    font-weight: 275;
    line-height: 20px; /* 100% */
    letter-spacing: -0.5px;
}
.pdf-text {
    font-family: var(--font-interstate);
    font-size: 9px;
    font-style: normal;
    font-weight: 300;
    line-height: 9px; /* 100% */
    letter-spacing: -0.5px;
}
.pdf-text-bold {
    font-family: var(--font-interstate);
    font-size: 9px;
    font-style: normal;
    font-weight: 700;
    line-height: 9px; /* 100% */
    letter-spacing: -0.5px;
}

.pdf__drugName__row {
    background-color: var(--brand-primary);
    padding: 5.5px 10px;
    width: 100%;
    color: #FFF;
    box-sizing: border-box;
}
.pdf__drugName__info___row {
    padding: 5.5px 10px;
    width: 100%;
    color: var(--brand-primary);
    border-bottom: 1px solid #D8D8D8;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.pdf__drugName__col-header {
    padding: 5.5px 10px;
    width: 100%;
    color: var(--brand-primary);
    border-bottom: 1px solid #D8D8D8;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;

    color: var(--brand-primary);
    font-family: var(--font-interstate);
    font-size: 7px;
    font-style: normal;
    font-weight: 300;
    line-height: 7px; /* 100% */
    letter-spacing: -0.5px;
}
.pdf__drugName__col-header__ns {
    grid-column: span 3;
}
.pdf__drugName__col-header__we {
    grid-column: span 1;
}
.pdf__drugName__info___row__label {
    grid-column: span 1;
}
.pdf__drugName__info___row .bold {
    grid-column: span 3;
}
.pdf__drugName__context {
    margin-bottom: 20px;
}

.pdf__nursing-stations__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 32px;
}
.pdf__drugName__col-item {
    padding: 5.5px 10px;
    width: 100%;
    color: var(--brand-primary);
    border-bottom: 1px solid #D8D8D8;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.pdf__drugName__col-item__station {
    grid-column: span 3;
}
.pdf__drugName__col-item__value {
    grid-column: span 1;
}
.pdf__pg-footer {
    position: absolute;
    bottom: 27px;
    left: 0;
    width: 100%;
    padding: 0 30px 0 60px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    /* margin: 0 -30px 0; */
    box-sizing: border-box;
}

.pdf__topabs {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    /* padding: 0 23px 0 0; */
    padding: 0 0 0 23px;
    box-sizing: border-box;
}

.pdf_pg-footer__logo {
    max-width: 100px;
}
.pdf__pg-footer__copyright {
    color: #191919;
    font-family: var(--font-interstate);
    font-size: 7px;
    font-style: normal;
    font-weight: 300;
    line-height: 7px; /* 100% */
    transform: translateY(150%);
}

@media print {
  .page-break {
    page-break-after: always;
  }
}

.pull-down__btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
    padding: 0 15px;
    max-height: 52px;
    background-color: var(--brand-primary);
    text-decoration: none;
    color: var(--button-default-detail-color);
    font-family: var(--font-interstate);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; /* 114.286% */
    letter-spacing: -0.5px;
}

.pull-down__btn:hover {
    background-color: var(--button-light-color);
    color: var(--button-light-detail-color);
}

