.preparation {
  display: flex;
}
.step {
  border-radius: 50%;
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1;
  color: rgb(78, 0, 46);
  display: flex;
  align-items: center;
  width: 113px;
  height: 113px;
  border: 5px solid rgb(78, 0, 46);
  text-align: center;
  justify-content: center;
  margin-right: 1rem;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.preparation.preparation-text-middle {
  align-items: center;
}
.preparation-img img {
  width: 162px;
  max-width: inherit;
  margin-left: 20px;
}
.preparation-img img {
  width: 162px;
  max-width: inherit;
  margin-left: 2rem;
}
.dose-preparation-middle {
  background-color: #e7e8e8;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  line-height: 1.3;
  color: #4e002e;
  font-size: 2.625rem;
  position: relative;
}
.dose-preparation-middle:before {
  position: absolute;
  content: "";
  top: -3rem;
  left: -1rem;
  right: -1rem;
  bottom: -3rem;
  background-color: #e7e8e8;
}
.dose-preparation-middle .dosing-bottom-dwn-box {
  position: relative;
}
ol.list-ol {
  list-style-type: decimal;
  margin-left: 2.3rem;
}
body.references ol.list-ol {
  margin-left: 1.3rem;
}
ol.list-ol li {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.2;
  color: #4e002e;
  padding: 0.3rem 0;
}
ol.list-ol.gray-li li {
  color: #303234;
}
ol.list-ol.references-list li {
  font-size: 1.14rem;
}
.isi-content p {
  font-size: 1.14rem;
}
.isi-content ul.list-ul.gray-li li {
  font-size: 1.14rem;
}
.isi-content .blue-text {
  font-size: 1rem;
}
.patient-enrolled {
  background-color: #c4d7e9;
  text-align: center;
  padding: 41px;
  font-size: 2rem;
  line-height: 1.2;
  margin-top: -7px;
}
.gray-box {
  background-color: #e7e8e8;
  padding: 3rem 2rem 2rem;
  text-align: center;
}
.title-box {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  line-height: 1.3;
  color: #4e002e;
  font-size: 2.625rem;
}
a.w-bttn.bttn.btn-color {
  background: #4e002e;
  color: #fff;
  margin-top: 30px;
}
.patient-enrolled.margin-bottom3 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
}
.accordion .field-heading {
  font-size: 1.5rem !important;
}
.accordion .field-content p.blue-title2 {
  font-weight: 400 !important;
  font-size: 1.5rem !important;
  line-height: 1.2 !important;
}
.accordion .field-content p.blue-text {
  font-size: 1.125rem !important;
  line-height: 1.5 !important;
  color: #303234 !important;
  font-weight: 400 !important;
}
.accordion .field-content {
  margin-top: 1rem;
}
.tab-table table td {
  line-height: 1.2;
}
.tab-table.acc-table.accordion-table td {
  line-height: 1.2;
}
.tab-table.acc-table.accordion-table table td ul {
  list-style: disc;
  margin-left: 1.5rem;
  padding: 0.3rem 0;
}
.list-ul-ul {
  /* margin-left: 7.8rem!important;  */
  margin-left: 1.8rem !important;
  padding-top: 5px;
}
.preparation-table {
  padding: 0 50px;
}
#footer-bottom-top-logo > div > a {
  height: auto !important;
}
#footer-bottom-top-logo > div > a img {
  vertical-align: middle;
}
p.blue-title2.text-color-gray.refertext {
  /* padding-left: 16px; */
  position: relative;
  text-indent: -16px;
}
.acc-sec p.blue-title2.text-color-gray.refertext {
  padding-left: 16px;
}
/* span.s-signn {
    position: absolute;
    left: 0;
} */

.dosing-table-heading {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.2;
  color: #f47b20;
  margin-bottom: 1rem;
}

.dosing-table-row.row {
  margin-left: -2px;
  margin-right: -2px;
}
.dosing-table-column {
  padding-left: 2px;
  padding-right: 2px;
  margin-bottom: 1.5rem;
}
.dosing-table-button button {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 1.2rem;
  border-radius: 10px;
  padding: 10px;
  width: 100%;
  text-align: center;
  color: #fff;
  border: none;
  margin-bottom: 1rem;
}
.dosing-table-button.dosing-btn1 button {
  background-color: #f47920;
}
.dosing-table-button.dosing-btn2 button {
  background-color: #7d0849;
}
.dosing-table-button.dosing-btn3 button {
  background-color: #a7a9ac;
}
.dosing-table-button.dosing-btn4 button {
  background-color: #b7e2e3;
  color: #4c4d4f;
}
.dosing-table-button.dosing-btn5 button {
  background-color: #3eb8ea;
}
.dosing-table-button.dosing-btn6 button {
  background-color: #5c5d60;
}
.dosing-table-button.dosing-btn7 button {
  background-color: #13749a;
}

/*ikema study*/
.ike-acc-3-p {
  font-size: 1rem !important;
}
.ike-table-2.tab-table.acc-table70 table td:first-child {
  width: 63%;
}
.ike-table-1.tab-table.acc-table table td:first-child {
  width: 43%;
}
.tab-table.acc-table70.ike-table-2 {
  margin-bottom: 3rem;
}
.tab-table.acc-table.ike-table-1 {
  margin-bottom: 3rem;
}
.ike-table-3.tab-table.acc-table table td:first-child {
  width: 42%;
}
.title.margin-bottom2.margin-top3.align-center.ike-acc-3-tit {
  max-width: 934px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3rem;
}
.title.margin-bottom2.margin-top3.align-center.ike-acc-2-tit {
  max-width: 934px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3rem;
}
.title.margin-bottom2.margin-top3.align-center.ike-acc-1-tit {
  max-width: 934px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3rem;
}
.title.tab-title.title-w70.margin-bottom3.ike-sf-tit {
  max-width: 1130px;
}
.ike-tab1-tit {
  max-width: 1200px !important;
}
.ike-pop .popup-title-text {
  max-width: 950px;
}
.ike-pop-2 .popup-title-text {
  max-width: 850px;
}
.endeavor-trial-tab-1.tab-table.acc-table table td:first-child {
  width: 60%;
}
.aspire-study-tab1.tab-table.acc-table table td:first-child {
  width: 65%;
}
.dosing-table-button.dosing-btn9 button {
  background-color: #0d3958;
}
.safety-link a {
  padding-bottom: 11px;
}
.ikema-study-1 #download-a-copy-section::before {
  background: #9eb0bc;
}
.download-dropdown fieldset {
  max-width: 390px;
  width: 100%;
  height: 45px;
}
.download-dropdown legend {
  font-size: 0;
}
.download-dropdown label {
  font-size: 0;
  height: 0;
  display: block;
}
#home .row.mx-0.text-image-container {
  background-color: #4e002e;
}

@media (min-width: 768px) {
  .safety-link a {
    padding-left: 0;
  }
}

@media screen and (min-width: 1024px) {
  .dosing-table2 .dosing-table-column.col-md-6.col-lg-3 {
    flex: 0 0 27.2%;
    max-width: 28%;
  }
  .dosing-table2 .dosing-table-column.col-md-6.col-lg-2 {
    flex: 0 0 18.2%;
    max-width: 20%;
  }
  .graybox .title3 {
    width: 65%;
  }
}

@media screen and (max-width: 1024px) {
  .dosing-table-buttons {
    margin-left: -5px;
    margin-right: -5px;
  }
  .dosing-table-button {
    padding-left: 5px;
    padding-right: 5px;
  }
  .dosing-table-button button {
    padding-left: 5px;
    padding-right: 5px;
  }
  li.quantum-drop-down-menu__top-nav-list-item.logout .logout-global-ui:after {
    position: absolute;
    top: 12px;
  }
  li.quantum-drop-down-menu__top-nav-list-item.logout {
    line-height: 1;
    position: relative;
    padding-right: 20px;
    padding-bottom: 0px;
  }
}

@media screen and (max-width: 960px) {
  .dose-preparation-middle {
    font-size: 2rem;
  }
  .dose-preparation-middle br {
    display: none;
  }
  .patient-enrolled {
    font-size: 1.5rem;
  }
  .patient-enrolled br {
    display: none;
  }
  .gray-box {
    margin-top: -2rem;
  }
  .gray-box br {
    display: none;
  }
  .title-box {
    font-size: 1.8rem;
  }
  .dosing-table2 .dosing-table-column.col-md-6.col-lg-2 img {
    height: 220px;
  }
}

@media screen and (max-width: 768px) {
  #top-header nav.quantum-drop-down-menu {
    margin: 0.2rem 0 1rem;
  }
}

@media screen and (max-width: 767px) {
  .preparation {
    flex-wrap: wrap;
  }
  .step {
    width: 50px;
    height: 50px;
    font-size: 0.9rem;
    border-width: 2px;
  }
  .instructions {
    width: calc(100% - 70px);
  }
  .preparation-img {
    width: 100%;
    text-align: center;
  }
  .preparation-img img {
    width: 120px;
    margin-left: 0;
    margin-top: 2rem;
  }
  .preparation.preparation-text-middle {
    align-items: start;
  }

  .gray-box {
    padding: 2rem;
    margin-bottom: 2rem;
  }
  .accordion .field-heading {
    font-size: 1.2rem !important;
  }
  .accordion .field-content p.blue-title2 {
    font-size: 1.2rem !important;
  }
  .accordion .field-content p.blue-text {
    font-size: 1rem !important;
  }
  ul.list-ul.gray-li li br {
    display: none;
  }
  .list-ul-ul {
    margin-left: 3rem !important;
  }
  .preparation-table {
    padding: 0 20px;
  }
  .isi-content p br {
    display: none;
  }
  .dosing-table2 .dosing-table-column.col-md-6.col-lg-2 img {
    height: 210px;
  }
}

@media screen and (max-width: 480px) {
  .preparation-table {
    padding: 0;
  }
  .patient-enrolled {
    font-size: 1.2rem;
    padding: 20px;
  }
  .dosing-table-column {
    margin-bottom: 1rem;
  }
  .dosing-table-heading {
    margin-top: 2rem;
  }
}
