/* Frontend styles for Schedule Block */
.sb-schedule-block {
  /*margin-top: 5rem;*/
}
.schedule-wrapper .two-cols {
  display: flex;
  gap: 3rem;
  width: 100%;
}
.schedule-wrapper .col-left,
.schedule-wrapper .col-right {
  background: #fff;
  border-radius: 30px;
  padding: 2rem;
  flex: 1;
  box-sizing: border-box;
}
.schedule-wrapper select {
  width: 100%;
  padding: 0.5rem;
  margin-top: 1rem;
}
.schedule-wrapper .small {
  font-size: 0.9rem;
  margin-top: 1rem;
}
.btn-mychart {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  border-radius: 50px;
  background: #fff;
  color: #1C78CA;
  text-decoration: none;
  border: none;
}

.popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.popup-content {
  background: #fff;
  padding: 2rem;
  border-radius: 20px;
  position: relative;
  width: 90%;
  max-width: 600px;
  box-sizing: border-box;
}
.close-btn {
  position: absolute;
  top: 15px;
  right: 15px;
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
}
.popup-actions {
  display: flex;
  gap: 1rem;
  margin-top: 1rem;
}

.scheduled-view {
  background: #1C78CA;
  color: #fff;
  border-radius: 30px;
  padding: 2rem;
  box-sizing: border-box;
}
.scheduled-view select {
  padding: 0.5rem;
}
.epic-block {
  display: flex;
  background: #fff;
  color: #000;
  border-radius: 30px;
  padding: 1rem;
  margin-top: 1rem;
  box-sizing: border-box;
}
.epic-left { flex: 0 0 65%; padding-right: 1rem; }
.epic-right { flex: 0 0 35%; display: flex; align-items: center; justify-content: center; }
.call-schedule {
  margin-top: 1rem;
}
.btn-call {
  border-radius: 50px;
  background: #fff;
  color: #1C78CA;
  padding: 0.75rem 1.25rem;
  border: none;
  cursor: pointer;
}



.sb-two-cols { display:flex; gap:3rem; width:100%; box-sizing:border-box; }
.sb-col { background:#fff; border-radius:30px; padding:2rem; box-sizing:border-box; flex:1; }
.sb-col-left select { 
    width:100%; 
    padding:.6rem; 
    margin-top:1rem;  
  }
  .sb-specialty-select {
    border-radius: 50px !important;
    border: 0 !important;
    background-color: #F7F9FA !important;
    color: #464F5B !important;
    padding-left: 1.3rem !important;
    padding-right: 2rem !important; 
    appearance: none !important;  
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url("data:image/svg+xml;utf8,<svg fill='%239262AC' height='12' viewBox='0 0 20 20' width='12' xmlns='http://www.w3.org/2000/svg'><path d='M5.516 7.547l4.484 4.484 4.484-4.484z'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 1.2rem center !important;

  }
  .myChartCont {
    flex: 0 0 35%;
    display: flex;
    align-items: center;
    justify-content: right;
  }
.sb-mychart-btn { 
  display: inline-block; 
  padding: .6rem 2rem; 
  border-radius: 50px; 
  background: #BF5108; 
  color: #fff; 
  text-decoration: none; 
  font-weight: 700;
}
.sb-mychart-btn:hover {
  opacity: .6;
  color: #fff !important;
}
.sb-small { 
    font-size:.9rem; 
    margin-top:1rem;     
    margin-top: 3rem;
    margin-bottom: 0.5rem;
    font-style: italic;
    color: #2E2B26;}

.sb-popup-overlay { position:fixed; inset:0; background:rgba(0,0,0,.45); display:flex; align-items:center; justify-content:center; z-index:9999; }
.sb-popup-content { background:#fff; padding: 3rem; width: 90%; max-width: 65%; position:relative; border-radius: 30px; }
.sb-popup-close { position:absolute; right:12px; top:8px; background:none;border:none;font-size:20px;cursor:pointer; }

.sb-scheduled select { padding:.5rem; }
.sb-scheduled > h2, .sb-scheduled > p, .sb-selects > p, .scheduleBlockTitle, .sb-schedule-block > p, .sb-schedule-block > h2 { color: #fff !important; }
.sb-scheduled {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.sb-popup-continue, .sb-popup-call { 
  border-radius: 50px; 
  color: #fff; 
  border: 0px;
  padding-top: .7rem;
  padding-bottom: .7rem; 
  margin-right: .5rem;
  font-weight: 700;
}
.sb-call-btn {
  text-transform: lowercase;
  font-weight: 700;
}
.sb-selects {
  display: block;
}
.sb-selected-specialty, .sb-condition-select {
    width: 100%;
    border-radius: 50px !important;
    border: 0 !important;
    background-color: #F7F9FA !important;
    color: #464F5B !important;
    padding-left: 1.3rem !important;
    padding-right: 2rem !important; 
    appearance: none !important;  
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url("data:image/svg+xml;utf8,<svg fill='%239262AC' height='12' viewBox='0 0 20 20' width='12' xmlns='http://www.w3.org/2000/svg'><path d='M5.516 7.547l4.484 4.484 4.484-4.484z'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 1.2rem center !important;
}
.sb-condition-select {
  margin-bottom: 1rem;
}
.sb-epic-block {
  margin-top: 10rem;
  margin-bottom: 5rem;
  padding: 2rem;
}
.callToScheduleBtn {
  display:inline-block;
  margin-top:0.8rem;
  border-radius:50px;
  padding:.6rem 1.2rem;
  background:#fff;
  color:#1C78CA;
  text-decoration:none; 
  font-weight: bold;
  margin-bottom: 1rem;
}
.callToScheduleBtn:hover {
  opacity: .65;
}

button:hover {
  opacity: .65;
  cursor: pointer;
}
.sb-mychart-section {
  padding:1rem;
  padding-left: 4rem;
  padding-right: 4rem;
  display:flex;
  background:#fff;
  color:#000;
  border-radius:30px;
  margin-top:8rem;
} 
.sb-extra-area {
  margin-top: 3rem;
}
.sb-specialty-text {
  margin-top: 1.5rem;
  margin-bottom: 2rem;
}
.sb-specialty-text > p {
  color: #fff;
}

.sb-specialty-text > p > a {
  color: #fff;
}
.sb-specialty-text > p > a > span {
  color: #ffff;
}

.sb-call-text > p, .sb-call-text > p > a {
  color: #fff;
}
#schedulingcontainer-0 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.searchLink-button::after {
    content: "→";
    transition: transform 0.3s ease;
}

@media (max-width: 1024px) {
  .sb-popup-content {
    width: 90%;
    max-width: 100%;
    margin: 0 auto !important;
    margin-top: 0rem !important;
    max-height: 90vh; 
    overflow-y: auto; 
    -webkit-overflow-scrolling: touch; 
  } 
  .sb-popup-overlay {
    padding-top: 0rem;
    margin-top: 0rem;
  }
  .sb-popup-continue, .sb-popup-call {
    margin-right: 0;
    width: 100%;
  }
  .sb-popup-continue {
    margin-bottom: 1.5rem;
  }
  .sb-two-cols {
    display: block;
  }
  .sb-col-right {
    margin-top: 2rem;
  }
  .spacerMob {
    height: 1rem !important;
  }
  .sb-mychart-section {
    margin-top: 5rem;
  }
  .sb-mychart-section {
    display: block;
  }
  .myChartCont {
    display: block;
  }
  
  .sb-scheduled {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
  }
  .sb-schedule-block > h2, .sb-schedule-block > .sb-selects, .sb-schedule-block > .sb-extra-area > .sb-specialty-endtext, .sb-schedule-block > .sb-extra-area > .sb-call-block  {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .MyChartIframe{
    overflow-x: auto !important;
    display: flex;
  }

 
}