#bx-app .bx-aside { background:#6f2cff; color:#fff; padding:16px; border-radius:14px; }
#bx-app .bx-step { display:flex; align-items:center; gap:12px; padding:12px; border-radius:10px; }
#bx-app .bx-step.active, #bx-app .bx-step.done { background:rgba(255,255,255,.1); }
#bx-app .bx-main { padding:16px; }
.bx-panel { background:#fff; border-radius:14px; padding:16px; }
.bx-calendar { display:grid; grid-template-columns: repeat(7, minmax(80px,1fr)); gap:12px; }
.bx-day { height:72px; display:flex; align-items:center; justify-content:center; border-radius:12px; border:1px solid #e5e7eb; cursor:pointer; }
.bx-day.disabled { background:#f6f6f6; color:#bbb; cursor:not-allowed; }
.bx-day.selected { background:#2f6dfc; color:#fff; border-color:#2f6dfc; }
.bx-slots { display:flex; gap:10px; flex-wrap:wrap; }
.bx-slot { padding:10px 16px; border-radius:10px; background:#eef2ff; cursor:pointer; }
.bx-slot.selected { background:#2f6dfc; color:#fff; }
.bx-actions { display:flex; justify-content:flex-end; gap:12px; padding:16px 0; }
.btn-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d;
    border: 1px solid #000;
    font-size: 20px;
    margin-right: 20px;
    padding: 0px 15px;
    border: 1px solid #666666;
    padding: 2px 10px;
    border-radius: 5px;
}
.scheduler-continue-btn{
    background: #265CF2;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: bolder;
    padding: 7px 20px !important;
    font-family: 'CenturyGothic' !important;
    border-bottom: none !important;
    cursor: pointer;
    text-align: center;
    border: none;
}
.bx-wrapper{
   box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}
.form-select{
    border: 1px solid #666666;
    padding: 2px 10px;
    border-radius: 5px;
}
.bx-slot{
    border: 1px solid #666666 !important;
    color: #1246d6 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}
.bx-slot.selected {
    background: #2f6dfc;
    color: #fff !important;
}
.bx-panel-head{
    display: flex;
    align-items: center;
}
.smh-scheduler-back-btn {
    font-weight: 600;
    color: #000000;
    padding: 3px 10px;
    background-color: transparent;
    border: 1px solid #666666;
    border-radius: 8px;
    cursor: pointer;
    margin-right: 15px;
}
.smh-scheduler-back-btn:hover{
    background: #1246d6;
    color: #ffffff;
}