/* Base themes */
.multistep-copay {
  font-family: "Century Gothic";
  color: #0063c3;
}
.multistep-copay .text-amgen-blue {
  color: #0063c3;
}
.multistep-copay .amgen-border-blue {
  border: 1px solid #0063c3;
}
.multistep-copay .amgen-light-blue {
  color: #b8dcff;
}
.multistep-copay .amgen-mid-blue {
  color: #469aeb;
}
.multistep-copay .font-family-amgen {
  font-family: "Century Gothic";
}
.multistep-copay .form-control {
  border: 1px solid #0063c3;
  cursor: pointer;
}
.multistep-copay input:-webkit-autofill,
.multistep-copay select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px white inset;
}
.multistep-copay input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 30px white inset;
}
.multistep-copay input {
  cursor: pointer;
}
.multistep-copay .error {
  color: #e01029;
  display: none;
  font-style: italic;
}
.multistep-copay .btn {
  border-color: #0063c3;
  border-radius: 5px;
  color: #0063c3;
  background-color: white;
  margin-bottom: 20px;
  padding: 15px 25px;
  width: 113px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
.multistep-copay .btn:disabled {
  opacity: 0.35;
  background-color: #e9f4ff;
}
.multistep-copay select {
  cursor: pointer;
  border-radius: 0 !important;
  color: #0063c3 !important;
  height: 43px !important;
}
.multistep-copay option:disabled {
  color: #b8dcff !important;
}

/* Header */
.multistep-copay .header {
  padding: 80px 52px;
}
.multistep-copay .header-bold,
.multistep-copay .section-header {
  font-weight: 700;
}
.multistep-copay .section-header {
  font-size: 16px;
}
.multistep-copay .dynamic-form-headline {
  margin-bottom: 40px;
}
.multistep-copay .dynamic-form-sub-headline {
  font-size: 18px;
  margin-bottom: 0;
}
.multistep-copay .section-divider {
  border: 1px solid #469aeb;
  margin: 0;
}

/* Main Section */
.multistep-copay .main-section {
  padding: 0 253px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.multistep-copay .sign-up {
  width: 703px;
  text-align: center;
}
.multistep-copay .form-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.multistep-copay .progress {
  border: 1px solid black;
  background-color: white;
  border-radius: 15px;
  display: flex;
  height: 19px;
  position: relative;
}
.multistep-copay .progress-bar {
  transition: width 0.5s ease;
  background-color: #0063c3;
  width: 25%;
  border-radius: 15px;
}
.multistep-copay .progress-container {
  position: relative;
  width: 774px;
  margin-top: 15px;
}
.multistep-copay .form-instructions {
  width: 396px;
  font-style: italic !important;
  margin-top: 15px;
  margin-bottom: 12px;
  height: 20px;
}

/* Form */
.multistep-copay .form-content {
  width: 774px;
}
.multistep-copay .form-section {
  display: none;
}
.multistep-copay .form-section.active {
  display: block;
  margin-top: 10px;
}

/* Form Step 1 */
.multistep-copay .tooltip-icon {
  display: inline-flex;
  cursor: pointer;
  position: relative;
}
.multistep-copay .tooltip-box {
  display: none;
  position: absolute;
  top: -50px;
  left: 100%;
  margin-left: 5px;
  margin-bottom: 5px;
  background-color: #d9d9d9;
  border: 1px solid #0063c3;
  border-radius: 18px;
  padding: 15px 31px 17px 27px;
  width: 380px;
  height: 76px;
  z-index: 1;
  font-size: 16px;
}
.multistep-copay .tooltip-text {
  width: 322px;
  height: 44px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: -0.32px;
  color: black;
}
.multistep-copay .tooltip-icon:hover .tooltip-box {
  display: block;
}
.multistep-copay .dobValidationError {
  font-style: normal !important;
  /*margin-left: 26px !important;*/
  width: 290px;
line-height:normal;
}
.multistep-copay .dobError {
  margin-top: 6px;
}

/* Form Step 2 */
.multistep-copay .insurance-options {
  display: flex;
  gap: 20px;
}
.multistep-copay .option {
  border: 1px solid #0063c3;
  padding: 2px 5px 5px 2px;
  width: 250px;
  height: 151px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 5px;
  justify-content: space-between;
}
.multistep-copay .option input {
  width: 20px;
  height: 20px;
  justify-self: flex-start;
  align-self: flex-end;
}
.multistep-copay .help {
  display: flex;
  justify-content: flex-end;
  position: relative;
  cursor: pointer;
}
.multistep-copay .option-title {
  font-weight: bold;
  display: block;
}
.multistep-copay .option-description {
  font-size: 1rem;
  color: #0063c3;
}
.multistep-copay .medicare-question {
  display: none;
  border: 1px solid #0063c3;
  padding: 10px;
}
.multistep-copay .col-1,
.multistep-copay .col-4 {
  padding-left: 0;
  padding-right: 0;
}
.multistep-copay .terms {
  margin-top: 15px;
  margin-bottom: 20px;
  display: none;
}
.multistep-copay .insurance-description {
  font-size: 16px;
  margin-bottom: 0px;
}
.multistep-copay .insurance-information {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.multistep-copay .help:hover .tooltip-box {
  display: block;
}
.multistep-copay .consent-options {
  display: flex;
  gap: 27px;
}
.multistep-copay .consent-options input {
  height: 20px;
  width: 20px;
}
.multistep-copay .consent-options > div {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.multistep-copay .terms-options {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.multistep-copay .commercial {
  width: 191px;
  text-align: start;
  align-self: center;
}
.multistep-copay .government {
  width: 170px;
  text-align: start;
  align-self: center;
}
.multistep-copay .terms input {
  height: 20px;
 /* width: 20px; */
}
.multistep-copay .footer button {
  display: block;
  border: none;
  cursor: pointer;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  border-radius: 4px;
  margin: 0;
  width: 186px;
  height: 48px;
  padding: 12px 81px;
  background-color: #0063c3;
  color: white;
}
.multistep-copay .header-top {
  border-bottom: 1px solid #0063c3;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 16px;
  border-radius: 0;
}
.multistep-copay .dialog-scrollbar {
  overflow-y: scroll;
  margin-right: 10px;
  margin-top: 32px;
  padding-left: 15px;
  padding-right: 15px;
  height: 305px;
}
.multistep-copay .dialog-scrollbar::-webkit-scrollbar {
  width: 6px;
}
.multistep-copay .dialog-scrollbar::-webkit-scrollbar-track {
  background: ghostwhite;
  border-radius: 10px;
}
.multistep-copay .dialog-scrollbar::-webkit-scrollbar-thumb {
  background-color: gainsboro;
  border-radius: 10px;
}
.multistep-copay .dialog-scrollbar::-webkit-scrollbar-thumb:hover {
  background: gray;
}
.multistep-copay .form-step2.active {
  position: relative;
}
.multistep-copay .dialog {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  background-color: white;
  z-index: 1000;
  overflow-y: auto;
  height: 450px;
}
.multistep-copay .summary-card {
  border: 1px solid #0063c3;
  border-radius: 0;
}
.multistep-copay .summary-header {
  font-weight: 700;
  font-size: 18px;
}
.multistep-copay .summary-body {
  text-align: justify;
}
.multistep-copay .footer {
  border: 1px solid #0063c3;
  border-bottom: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.multistep-copay .overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
   background: white;
  z-index: 999;
  opacity: 0.7;
}
.multistep-copay .close-dialog:disabled {
  opacity: 0.35;
  background-color: #0063c3;
}
.multistep-copay .government-provided {
  display: none;
}
.multistep-copay .none {
  display: none;
}
.multistep-copay .none a {
  text-decoration: underline;
}
.multistep-copay .eligible-consent {
  display: none;
}

/* Form Step 3 */
.multistep-copay .personal-info {
  display: flex;
  justify-content: space-between;
}
.multistep-copay .personal-info input {
  border-radius: 0 !important;
  height: 32.3px !important;
  width: 300.64px !important;
  color: #0063c3 !important;
}
.multistep-copay .personal-info ::-webkit-input-placeholder {
  color: #0063c3 !important;
  opacity: 0.5;
}
.multistep-copay .personal-info select {
  cursor: pointer;
  border-radius: 0 !important;
  height: 32.3px !important;
  width: 300.64px !important;
  padding: 0 !important;
}
.multistep-copay .representative-info {
  display: flex;
  justify-content: space-between;
}
.multistep-copay .representative-info ::-webkit-input-placeholder {
  color: #0063c3 !important;
  opacity: 0.5;
}
.multistep-copay .firstName-representative {
  border-radius: 0 !important;
  height: 32.3px !important;
  width: 300.64px !important;
  color: #0063c3 !important;
}
.multistep-copay .lastName-representative {
  border-radius: 0 !important;
  height: 32.3px !important;
  width: 300.64px !important;
  color: #0063c3 !important;
}
.multistep-copay .provider-representative {
  border-radius: 0 !important;
  height: 32.3px !important;
  color: #0063c3 !important;
  width: 757px !important;
}
.multistep-copay .switch-container {
  display: flex;
  margin-top: 20px;
}
.multistep-copay .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 30px;
}
.multistep-copay .switch-label {
  margin-left: 10px;
  margin-top: 3px;
}
.multistep-copay .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.multistep-copay .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  border: 5px solid #0063c3;
  height: 32px;
  transition: 0.4s;
  border-radius: 34px;
}
.multistep-copay .slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 2px;
  top: 2px;
  background-color: #0063c3;
  transition: 0.4s;
  border-radius: 50%;
}
.multistep-copay input:checked + .slider {
  background-color: white;
}
.multistep-copay input:checked + .slider:before {
  transform: translateX(24px);
}
.multistep-copay .hidden-representative-info {
  display: none;
  margin-bottom: 40px;
}

/* Form Step 4 */
.multistep-copay .accordion {
  border: 1px solid #0063c3;
}
.multistep-copay .accordion-header {
  padding: 10px;
  font-weight: 700;
  background-color: white;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.multistep-copay .content-header {
  font-weight: 700;
}
.multistep-copay .accordion-content,
.multistep-copay .accordion-scroll-content {
  display: none;
  padding: 10px;
  border-top: 1px solid #0063c3;
}
.multistep-copay .step-label {
  display: flex;
  flex-direction: row;
}
.multistep-copay .status-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: lightgray;
  margin-left: 10px;
  margin-top: 8px;
}
.multistep-copay .status-dot.active {
  background-color: #2cc84d;
}
.multistep-copay .stepError {
  margin-left: auto;
}
.multistep-copay .disclosure-box {
  margin-top: 20px;
  padding: 10px;
  border: 1px solid #0063c3;
  background-color: white;
}
.multistep-copay a {
  text-decoration: underline;
  color: #0063c3;
}
.multistep-copay a:hover {
  cursor: pointer;
  color:#0063C3;
}
.multistep-copay .custom-scrollbar {
  overflow-y: scroll;
  height: 200px;
}
.multistep-copay .custom-scrollbar::-webkit-scrollbar {
  width: 6px;
}
.multistep-copay .custom-scrollbar::-webkit-scrollbar-track {
  background: ghostwhite;
  border-radius: 10px;
}
.multistep-copay .custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: gainsboro;
  border-radius: 10px;
}
.multistep-copay .custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: gray;
}
.multistep-copay .step-radio {
  /* width: 20px; */
  height: 22px;
  margin-top: 2px;
}
.multistep-copay .accordion-content > label {
  display: inline-flex;
  gap: 14px;
  align-items: start;
  margin-bottom: 17px;
}

/* Error Page */
.multistep-copay .hidden-page-error {
  display: flex;
  justify-content: center;
  align-items: center;
}
.multistep-copay .error-page {
  display: none;
  width: 576px;
  height: 237px;
  padding: 42px 52px 52px 52px;
  margin-top: 80px;
  margin-left: 352px;
  margin-right: 352px;
}
.multistep-copay .error-header {
  width: 533px;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 40px;
}
.multistep-copay .contact-btn {
  width: max-content;
  height: 50px;
  padding: 15px 25px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 8.5px;
  border-radius: 5px;
  border: 1px solid #0063c3;
}
.multistep-copay .contact-btn:hover {
  background-color: white;
  transform: scale(1);
}

/* Thank You Page */
.multistep-copay .hidden-page-thankyou {
  display: flex;
  justify-content: center;
  align-items: center;
}
.multistep-copay .thank-you-page {
  display: none;
  width: 975px;
  height: 327px;
  margin-top: 100px;
  margin-left: 155px;
  margin-right: 150px;
  margin-bottom:2rem;
}
.multistep-copay .content {
  display: flex;
  flex-direction: row;
  gap: 20px;
  width: 975px;
}
.multistep-copay .thank-you-header {
  font-style: italic;
  font-weight: 700;
  width: 279px;
  height: 40px;
}
.multistep-copay .thank-you-message {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: -0.32px;
}
.multistep-copay .placeholder-box {
  width: 208px;
  height: 144px;
  background-color: aliceblue;
  display: flex;
  justify-content: center;
  align-items: center;
}
.multistep-copay .placeholder-text {
  color: #469aeb;
  font-weight: 500;
}
.multistep-copay .download-btn {
  width: 208px;
  height: 50px;
  padding: 15px 25px;
  border: 1px solid #0063c3;
  border-radius: 5px;
}
.multistep-copay .download-btn:hover {
  background-color: white;
  transform: scale(1);
}
.multistep-copay .download-btn a:hover {
  background-color: white;
}

/* Footer */
.multistep-copay .button-container {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.multistep-copay .next-btn {
  gap: 16px;
  border: 1px solid #0063c3;
  border-radius: 5px;
  color: #0063c3;
  background-color: white;
  margin-bottom: 20px;
  padding: 15px 25px;
  width: 113px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.multistep-copay .back-btn {
  gap: 16px;
  border: 1px solid #0063c3;
  border-radius: 5px;
  color: #0063c3;
  background-color: white;
  margin-bottom: 20px;
  padding: 15px 25px;
  width: 113px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.multistep-copay .next-btn:hover,
.multistep-copay .back-btn:hover {
  background-color: white;
  transform: scale(1);
}
.multistep-copay .signup-btn {
  gap: 10px;
  color: white;
  border-radius: 5px;
  background-color: #0063c3;
  padding: 15px;
  width: 180px;
  height: 49px;
  font-weight: 700;
  letter-spacing: 1.6px;
}
.multistep-copay .signup-btn:hover {
  background-color: #0063c3;
  transform: scale(1);
}
.multistep-copay .signup-btn:disabled {
  opacity: 0.35;
  background-color: #0063c3;
}
.multistep-copay .date-row {
  display: flex;
  gap: 8px;
}
.multistep-copay .date-row select {
  width: 131px;
  height: 42px;
  padding: 8px;
}
.multistep-copay .invalidemailprosp,
.multistep-copay .invalidephoneprosp,
.multistep-copay .invalidaddressprosp {
  display: none;
  color: red;
}
.multistep-copay .show {
  display: block;
}

.multistep-copay .date-row select{
color:#b8dcff !important;}
.multistep-copay .date-row select:valid, .multistep-copay .date-row select  option {
color: #0063c3 !important;
}
 
@media (max-width:567px){
  .multistep-copay .thank-you-page{
    padding-right: 3rem;
    padding-left: 3rem;
  }
 .multistep-pp .main-section,.multistep-copay .main-section {
   padding: unset; 
   display: unset; 
  }

  .multistep-pp .form-instructions,.multistep-copay .sign-up,.multistep-copay .personal-info input,.multistep-copay .option,.multistep-copay .error-page,.multistep-copay .error-header{
     width:100% !important;
   }
    .multistep-copay .form-instructions{
        width:100%;
        line-height:1;
 text-align: center;
        margin-bottom: 2.5rem;
    }
.multistep-copay .insurance-options{
	display:unset;
}
.multistep-copay .error-header{
text-align:start;
}
.multistep-copay .error-page{
height:unset;}
  .multistep-copay .date-row select,.accordion-pp .date-row select,.accordion-copay .date-row select{
    flex: 0 0 calc(31.33% - 6px);
    max-width: calc(32.33% - 6px);
}
.accordion-copay .date-row{
      gap:12px;
}
.multistep-copay .content{
    display:unset !important;
}
.multistep-copay .hidden-page-thankyou{
    margin-top:9rem;
    margin-bottom:12rem;
}
.multistep-copay .right-content{
    margin-top:1rem;
}
.multistep-copay .thank-you-header{
 margin-left: -2rem;
}
 .multistep-copay .switch {position:absolute;}
 .multistep-copay .switch-label {margin-left: 4rem;
    margin-top: -0.5rem;}
.multistep-copay .firstName-representative,.multistep-copay .lastName-representative,.multistep-copay .provider-representative {
    width:100% !important;
}
.multistep-copay .header,.multistep-copay .error-header {
        min-width: 290px;
        padding: 10px 10px;
        margin-bottom: 2rem;
    }
 .multistep-copay .header #dynamic-form-headline{
        font-size:28px !important;
        margin-bottom: 1.5rem;
    }
.multistep-copay .header-bold.sign-up{
       font-size:23px;
       font-weight:700;
       line-height:23px;
       margin-bottom:1rem;
    margin-top:3rem;
   }
  .multistep-copay  .date-row select{
        padding-left: 0.5rem;
        font-size:12px;
        min-width:84px;
	
}
.multistep-copay .back-btn, .multistep-copay .signup-btn, .multistep-copay .next-btn{
    margin:auto;
}
 .multistep-copay .button-container{
        justify-content: center;
        flex-direction: column-reverse;
        margin:auto;
    }
.multistep-copay .next-btn{
        margin-top:1rem;
    }
.multistep-copay .back-btn{
   margin-top:-1rem !important; 
}
.multistep-copay .option{
    margin-top:1rem;
   
}
.multistep-copay .consent-options{
    gap:2.5rem;
}
.multistep-copay .summary-header{
    font-size:16px;
}

    
.multistep-copay .col-5, .accordion-pp .col-6{
    flex: 0 0 100%;
    max-width:100%;
}
.multistep-copay .dialog,.accordion-copay .dialog{
    overflow-y: unset;
}
.multistep-copay .header-top, .accordion-copay .header-top {
  border: 1px solid #0063c3 !important;}
.multistep-copay .footer, .accordion-copay .footer {
  border: 1px solid #0063c3 !important;}
.multistep-copay .switch-container{
    margin-top:2rem;
    line-height:19.62px;
}
.multistep-copay .form-section.form-step4 h5:nth-child(2){
    font-size:16px;
}
.multistep-copay .accordion-header{font-size:12px;
                                  line-height:14.71px}
.multistep-copay .accordion-content,.multistep-copay .disclosure-box{
    font-size:12px;
}
.multistep-copay .disclosure-box h6{font-weight:700;margin-bottom:1rem;}
.multistep-copay .accordion-div{
    margin-bottom:0.3rem;
}
.multistep-copay .insurance-description {
line-height:19.62px;}
.multistep-copay .tooltip-icon {
    position: static;
}
.multistep-copay .tooltip-box {
    top: -105%;
    left: 3%;
    width: 260px;
    padding: 0.5rem 1rem;
}
.multistep-copay .tooltip-text{
    line-height: 15px;
    
}
.multistep-copay .plus-icon,.accordion-pp .plus-icon, .accordion-copay .plus-icon{
    margin-right:-0.5rem;
}
.multistep-copay .step-radio{
    margin-top:-1px;
}
.multistep-copay .status-dot{
margin-top:10px}
.multistep-copay .date-row select option{
    color:#0063C3;
}
.multistep-copay .option-title{
    margin-top:-1.5rem;
}
.multistep-copay .option:nth-child(3) .option-title{
    margin-top:-3.5rem;
}
.multistep-copay .option-description{
    margin-top:-0.5rem;
}
.multistep-copay .lastName-label, .multistep-copay .address2-label,.multistep-copay .state-label,.multistep-copay .email-label,.multistep-copay .lastName-representative-label{
    margin-top:0.8rem;
}
}
@media only screen and (min-width : 768px) and (max-width : 1024px) { 
   .multistep-copay .progress-container{width:100%}
     .multistep-copay .form-content{width:700px;}
}
.multistep-copay .download-btn a{
  text-decoration:none;
}
.multistep-copay .placeholder-text img{
  width:208px;
  height:144px;
}
@media  (min-width:768px) and (max-width:992px){
  .multistep-copay .content{
  display: inline!important;
  width:600px;
  }
  .multistep-copay .hidden-page-thankyou{
    margin-top:8rem;
    margin-bottom:8rem;
}
}
/*radio button code */

.multistep-copay .consent-options input,
.multistep-copay .option input,
.multistep-copay .terms input,
.multistep-copay .accordion-content input.step-radio{
  appearance: none;
  position: relative;
  cursor: pointer;
}

.multistep-copay .consent-options input:focus,
.multistep-copay .option input:focus,
.multistep-copay .terms input:focus,
.multistep-copay .accordion-content input.step-radio:focus{
  outline: none;
}

.multistep-copay .consent-options input:after,
.multistep-copay .option input:after,
.multistep-copay .terms input:after,
.multistep-copay .accordion-content input.step-radio:after{
  content: "";
  border: 1px solid #0063C3;
  width: 20px;
  height: 19.7px;
  display: block;
  background-color: #fff;
  border-radius:50%;
}

.multistep-copay .consent-options input:checked:after,
.multistep-copay .option input:checked:after,
.multistep-copay .terms input:checked:after,
.multistep-copay .accordion-content input.step-radio:checked:after {
  background-color: #0063C3;
}

/*radio button code ends*/
.multistep-copay .eligible-consent ul{
  list-style: disc;
  margin-left: 1.5rem;
}
.multistep-copay .download-btn a img {
	margin-left:1rem;
}
.multistep-copay .disclosure-box h6 {
  font-weight: 700;
}
.multistep-copay  .error-checkbox:after{
	border: 1px solid #e01029 !important;
}
.multistep-copay a.returnlink, .multistep-copay a.errorlink{
  text-decoration: none;
}